.light-box-shadow-purple {
  box-shadow: 0 2px 8px 0 #9259ff;
}
.light-box-shadow-yellow {
  box-shadow: 0 2px 8px 0 #ffb600;
}
.light-box-shadow-red {
  box-shadow: 0 2px 8px 0 #ff388b;
}
.light-box-shadow-green {
  box-shadow: 0 2px 8px 0 #00d99b;
}
.border-radius-5 {
  border-radius: 5px;
}
.border-1-white {
  border: 1px solid #fff;
}
.light-box-shadow-blue {
  box-shadow: 0 2px 8px 0 #009dff;
}
.background-dark-border-light {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 2px solid #dfb81c;
}
.background-dark-border-yellow {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 2px solid #dfb81c;
}
.background-dark-border-yellow-trans {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: 2px solid #dfb81c;
}
.background-light-border-yellow {
  background: #e8e8e8;
  border-radius: 5px;
  box-shadow: 0 3px 0 0 #db9d00, 0 2px 8px 0 #ffb600, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
}
.background-dark-border-red {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 2px solid #e85656;
}
.background-dark-border-green {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 2px solid #209e91;
}
.background-dark-border-green-trans {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: 2px solid #209e91;
}
.background-light-border-green-trans {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 2px solid #209e91;
}
.background-light-border-green {
  background: #e8e8e8;
  border-radius: 5px;
  box-shadow: 0 3px 0 0 #00bb85, 0 2px 8px 0 #00d99b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
}
.border-2-red-back-gray {
  border: 2px solid #E75555;
  background-color: #eeeeee;
  border-radius: 5px;
}
.border-2-yellow-back-gray {
  border: 2px solid #DEB71B;
  background-color: #eeeeee;
  border-radius: 5px;
}
.border-2-blue-back-gray {
  border: 2px solid #2CABD0;
  background-color: #eeeeee;
  border-radius: 5px;
}
.background-light {
  background: rgba(255, 255, 255, 0.3);
  padding: 10px;
}
.certified-icon {
  margin-left: 20px;
  display: inline-block;
  float: right;
  border-radius: 3px;
  margin-bottom: 5px;
  margin-top: 7px;
}
.certified-icon > span {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 30px;
  float: right;
  background-image: url(/Content/Images/certifiedIcon.png);
  background-size: 33px;
  /*margin-right: 70px;*/
}
.certified-icon label {
  color: #fff;
  display: inline-block;
  /*width: 100px;*/
  margin-left: 10px;
  vertical-align: middle;
  float: right;
}
.closed-icon {
  display: inline-block;
  width: auto;
  height: 35px;
  line-height: 30px;
  float: right;
  margin-left: 10px;
  background-image: url(/Content/Images/ShahkarRemovedIcon.png);
  background-repeat: no-repeat;
  padding-left: 30px;
  background-size: 33px;
  margin-right: 0;
}
.closed-icon:before {
  /*content: "کلاسه شاهکار بسته شده";*/
  color: #fff;
  display: inline-block;
  width: 170px;
  margin-left: 20px;
  vertical-align: middle;
}
.sent-to-shahkar {
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ffffff;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.sent-to-shahkar:hover {
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
  color: #000000 !important;
}
.sent-to-shahkar:before {
  float: right;
  margin-left: 5px;
}
.sent-to-shahkar span {
  display: inline-block;
  font-size: 14px;
}
.close-shahkar {
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ffffff;
  color: #fff;
  background: #aa463b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #aa463b 1%, #ef542d 51%, #aa463b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa463b', endColorstr='#aa463b', GradientType=0);
  /* IE6-9 */
}
.close-shahkar:hover {
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
  color: #000000 !important;
}
.close-shahkar:before {
  float: right;
  margin-left: 5px;
}
.close-shahkar span {
  display: inline-block;
  font-size: 14px;
}
.bank-getway-multi-account-context {
  /*bottom: -181px;*/
  background-color: #333;
  padding-bottom: 20px;
  overflow: auto;
}
.bank-getway-multi-account-context svg {
  fill: #fff;
}
.service-view {
  /* Likely future */
}
.service-view .reseller-service .reseller-selector {
  padding: 20px;
  padding-top: 5px;
  margin-bottom: 20px !important;
  border-radius: 5px;
}
.service-view .reseller-service .all-service-item {
  background: rgba(0, 0, 0, 0.3);
  min-height: 300px;
  margin-bottom: 30px;
}
.service-view .reseller-service .all-service-item h3 {
  margin-top: 10px;
  margin-right: 20px;
}
.service-view .reseller-service .all-service-item .service-item {
  padding: 10px;
  padding-right: 40px;
  /*position:relative;*/
}
.service-view .reseller-service .all-service-item .service-item .adding-tools {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0);
  right: 14px;
  top: 12px;
  z-index: 100;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools > span {
  /* Safari */
  transition: all 0.6s ease;
  position: absolute;
  top: 15px;
  left: 20px;
  font-size: 0;
  width: 0;
  cursor: pointer;
  opacity: 0.8;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools > span:hover {
  box-shadow: 0 0 3px 3px #FFCB52;
  opacity: 1;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-ho {
  background: #c4334b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-bu {
  background: #ff264a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-de {
  background: #ff603d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .all-service-item .service-item .adding-tools > span.ad-ho {
  background: #fdbe39;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .all-service-item .service-item .adding-tools > span.ad-bu {
  background: #28ffbe;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .all-service-item .service-item .adding-tools > span.hotspot {
  /*background: #397ed3; 
                            background: -moz-linear-gradient(top, #397ed3 0%, #76acf7 46%, #377bce 100%); 
                            background: -webkit-linear-gradient(top, #397ed3 0%,#76acf7 46%,#377bce 100%); 
                            background: linear-gradient(to bottom, #397ed3 0%,#76acf7 46%,#377bce 100%); 
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397ed3', endColorstr='#377bce',GradientType=0 );*/
  background-image: url(/Content/Images/hotspotItemBack.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools:hover {
  box-shadow: 0 0 7px 6px #FFCB52;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span {
  font-size: 12px;
  opacity: 1;
  width: 100px;
  padding-right: 5px;
  border-radius: 3px;
  border: 1px solid;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-ho {
  top: -33px;
  left: -66px;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-bu {
  top: -10px;
  left: -104px;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-de {
  top: 12px;
  left: -106px;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.ad-ho {
  top: 37px;
  left: -101px;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.ad-bu {
  top: 60px;
  left: -66px;
}
.service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.hotspot {
  width: 36px !important;
  height: 64px;
  border: none;
  top: -12px;
  left: 30px;
}
.service-view .reseller-service .all-service-item .service-item .preview {
  position: absolute;
  display: none;
  width: 100%;
  background: #000000;
  border: 1px solid;
  z-index: 102;
}
.service-view .reseller-service .all-service-item .service-item .preview > div > div {
  direction: rtl;
}
.service-view .reseller-service .all-service-item .service-item .preview > div > div > label {
  direction: rtl;
}
.service-view .reseller-service .all-service-item .service-item > div {
  padding: 5px;
  border: 2px solid #fff;
  border-right: none;
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
}
.service-view .reseller-service .all-service-item .service-item > div > h4 {
  text-align: center;
  margin-bottom: 0;
  padding: 10px;
  font-size: 16px;
  background: #04f9d5;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #04f9d5 0%, #03af96 5%, #03b79c 85%, #01473c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04f9d5', endColorstr='#01473c', GradientType=0);
  /* IE6-9 */
  /*text-shadow: 0px 0px 10px #333333;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*text-shadow: 0px 0px 2px #292929;*/
  color: #000 !important;
  font-weight: bold;
}
.service-view .reseller-service .all-service-item .service-item > div > h4 .service-servco-reseller {
  position: absolute;
  color: #000;
  left: 37%;
  border-radius: 5px 5px 0 0;
  top: 0;
  background-color: #03AF96;
  padding: 3px 5px;
}
.service-view .reseller-service .all-service-item .service-item > div:hover:before {
  box-shadow: 0 0 7px 6px #FFCB52;
}
.service-view .reseller-service .all-service-item .service-item > div > h4::before {
  position: absolute;
  display: inline-block;
  content: "";
  background-size: 44px;
  width: 43px;
  height: 38px;
  right: 10px;
  z-index: 10;
  border-radius: 20px;
  top: 13px;
  background-repeat: no-repeat;
}
.service-view .reseller-service .all-service-item .service-item div:hover {
  opacity: 1;
}
.service-view .reseller-service .all-service-item .service-item-prv-show-rigth {
  display: block !important;
  right: -100%;
}
.service-view .reseller-service .all-service-item .service-item-prv-show-left {
  display: block !important;
  right: 100%;
}
.service-view .reseller-service .all-service-item .ex-service-item h4::before {
  background-image: url('/Content/Images/biconEx.png');
}
.service-view .reseller-service .all-service-item .basic-service-item h4::before {
  background-image: url('/Content/Images/bicon.png');
}
.service-view .reseller-service .all-service-item .feshfeshe-service-item h4::before {
  background-image: url('/Content/Images/Feshicon2d.png');
  background-position-x: 4px;
  background-position-y: -7px;
  width: 63px !important;
  height: 50px !important;
  background-size: 50px !important;
  background-position-x: 9px;
  background-position-y: 0px;
  top: 0 !important;
  right: 0 !important;
}
.service-view .reseller-service .all-service-item .ip-service-item h4::before {
  background-image: url('/Content/Images/IpIcon.png');
  background-position-x: 4px;
  background-position-y: -7px;
  width: 63px !important;
  height: 50px !important;
  background-size: 50px !important;
  background-position-x: 9px;
  background-position-y: 0px;
  top: 0 !important;
  right: 0 !important;
}
.service-view .reseller-service .basket-container {
  position: relative;
  float: left !important;
}
.service-view .reseller-service .basket-container > div {
  position: absolute;
  cursor: pointer;
}
.service-view .reseller-service .basket-container > div.global-basket {
  height: 500px;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 0 0 20px 20px;
  border-top: none;
  padding-top: 35px;
  overflow-y: auto;
}
.service-view .reseller-service .basket-container > div.global-basket > div > div > label {
  position: absolute;
  top: -20px;
  left: -10px;
  border-radius: 5px 5px 0 0;
  display: inline-block;
  padding: 0 5px 0 5px;
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-home {
  background: #c4334b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-home > label {
  background-color: #c4334b;
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-home .droped-preview {
  background: #c4334b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-home .droped-preview > div {
  background: #ffffff;
  box-shadow: 0 0 1px 1px #C9C9C9;
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-business {
  background: #ff264a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-business > label {
  background-color: #ff264a;
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-business .droped-preview {
  background: #ff264a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-business .droped-preview > div {
  background: #ffffff;
  box-shadow: 0 0 1px 1px #C9C9C9;
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated {
  background: #ff603d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated > label {
  background-color: #ff603d;
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated .droped-preview {
  background: #ff603d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated .droped-preview > div {
  background: #ffffff;
  box-shadow: 0 0 1px 1px #C9C9C9;
}
.service-view .reseller-service .basket-container > div.global-basket .adsl-home {
  background: #fdbe39;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .adsl-home > label {
  background-color: #fdbe39;
}
.service-view .reseller-service .basket-container > div.global-basket .adsl-home .droped-preview {
  background: #fdbe39;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .adsl-home .droped-preview > div {
  background: #ffffff;
  box-shadow: 0 0 1px 1px #C9C9C9;
}
.service-view .reseller-service .basket-container > div.global-basket .adsl-business {
  background: #28ffbe;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .adsl-business > label {
  background-color: #28ffbe;
}
.service-view .reseller-service .basket-container > div.global-basket .adsl-business .droped-preview {
  background: #28ffbe;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .adsl-business .droped-preview > div {
  background: #ffffff;
  box-shadow: 0 0 1px 1px #C9C9C9;
}
.service-view .reseller-service .basket-container > div.global-basket .hotspot {
  background: #2b8eff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2b8eff 0%, #1d5faa 50%, #2b8eff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8eff', endColorstr='#2b8eff', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .hotspot > label {
  background-color: #2B8EFF;
}
.service-view .reseller-service .basket-container > div.global-basket .hotspot .droped-preview {
  background: #2b8eff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2b8eff 0%, #1d5faa 79%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8eff', endColorstr='#1d5faa', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .basket-container > div.global-basket .hotspot .droped-preview > div {
  background: #ffffff;
  box-shadow: 0 0 1px 1px #C9C9C9;
}
.service-view .reseller-service .nominal-speed-filter {
  margin-bottom: 20px;
  margin-top: 20px;
  border: 2px solid;
  border-radius: 5px 5px 0 0;
  padding-top: 10px;
  background: rgba(0, 0, 0, 0.5);
  border-bottom: none;
}
.service-view .reseller-service .nominal-speed-filter > div > div > ul {
  /*height: 100px;*/
  overflow-x: hidden;
  overflow-y: auto;
}
.service-view .reseller-service .nominal-speed-filter > div > div > ul > li {
  display: inline-block;
  direction: rtl;
  text-align: center;
  margin-top: 0;
  border-radius: 3px;
  color: #fff;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
  border: 1px solid;
  cursor: pointer;
  opacity: 1;
  margin-left: 5px;
  margin-bottom: 3px;
}
.service-view .reseller-service .nominal-speed-filter > div > div > ul > li:hover {
  opacity: 1;
}
.service-view .reseller-service .nominal-speed-filter > div > div > ul > li.selected {
  opacity: 1;
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.service-view .reseller-service .lable-container {
  position: absolute;
  right: 43px;
  /*z-index:-100;*/
}
.service-view .reseller-service .lable-container > div {
  cursor: pointer;
  margin-bottom: 20px;
  /* Safari */
  transition: all 0.6s ease;
  background-repeat: no-repeat;
  z-index: -100;
}
.service-view .reseller-service .lable-container > div .basket-type-count-basic {
  display: none;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 5px 0 5px;
}
.service-view .reseller-service .lable-container > div .basket-type-count-basic > span {
  display: inline-block;
  text-align: center;
}
.service-view .reseller-service .lable-container > div .basket-type-count-extra {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  padding: 0 5px 0 5px;
}
.service-view .reseller-service .lable-container > div .basket-type-count-extra > span {
  display: inline-block;
  text-align: center;
}
.service-view .reseller-service .lable-container > div:hover {
  /*opacity: 0.8;*/
}
.service-view .reseller-service .lable-container > div.wireless-home {
  direction: rtl;
  width: 160px;
  height: 50px;
  padding-right: 15px;
  background-size: 160px 50px;
  line-height: 50px;
  display: inline-block;
  background-image: url('/Content/Images/GreenLableLight.png');
}
.service-view .reseller-service .lable-container > div.wireless-business {
  direction: rtl;
  width: 160px;
  height: 50px;
  padding-right: 15px;
  background-size: 160px 50px;
  line-height: 50px;
  display: inline-block;
  background-image: url('/Content/Images/RedLable.png');
}
.service-view .reseller-service .lable-container > div.wireless-dedicated {
  direction: rtl;
  width: 160px;
  height: 50px;
  padding-right: 15px;
  background-size: 160px 50px;
  line-height: 50px;
  display: inline-block;
  background-image: url('/Content/Images/blueLable.png');
}
.service-view .reseller-service .lable-container > div.adsl-home {
  direction: rtl;
  width: 160px;
  height: 50px;
  padding-right: 15px;
  background-size: 160px 50px;
  line-height: 50px;
  display: inline-block;
  background-image: url('/Content/Images/YellowLable.png');
}
.service-view .reseller-service .lable-container > div.adsl-business {
  direction: rtl;
  width: 160px;
  height: 50px;
  padding-right: 15px;
  background-size: 160px 50px;
  line-height: 50px;
  display: inline-block;
  background-image: url('/Content/Images/VioletLable.png');
}
.service-view .reseller-service .lable-container > div.hotspot {
  direction: rtl;
  width: 160px;
  height: 50px;
  padding-right: 15px;
  background-size: 160px 50px;
  line-height: 50px;
  display: inline-block;
  background-image: url('/Content/Images/HotspotLable.png');
}
.service-view .reseller-service .lable-container > div.all-baskets {
  direction: rtl;
  width: 160px;
  height: 50px;
  padding-right: 15px;
  background-size: 160px 50px;
  line-height: 50px;
  display: inline-block;
  background-image: url('/Content/Images/GrayLable.png');
}
.service-view .reseller-service .lable-container > div.select {
  width: 200px;
  height: 80px;
  background-size: 190px 80px;
  font-size: 16px;
}
.service-view .reseller-service .lable-container > div.select .basket-type-count-basic {
  display: inline-block;
}
.service-view .reseller-service .lable-container > div.select .basket-type-count-extra {
  display: inline-block;
}
.service-view .reseller-service .lable-container > div.global-basket {
  height: 500px;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 0 0 20px 20px;
  border-top: none;
  padding-top: 20px;
}
.service-view #addingServiceOptions {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}
.service-view #addingServiceOptions > div {
  display: none;
  position: absolute;
  left: 35%;
  top: 15%;
  width: 30%;
  height: 620px;
  background-color: #eeeeee;
  border-radius: 5px;
  border: 1px solid #fff;
}
.service-view #addingServiceOptions > div > div {
  padding-left: 20px;
  padding-right: 20px;
}
.service-view #addingServiceOptions > div > div .option-item {
  padding: 10px;
  /*background:rgba(0,0,0,0.5);*/
  border-bottom: 1px solid #808080;
  border-radius: 3px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
  background: #4c4c4c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
  /* IE6-9 */
}
.service-view #addingServiceOptions > div > div .option-item > div:first-child {
  border-left: 1px solid #808080;
}
.service-view .mikrotikrate-prv-context {
  position: absolute;
  right: 100%;
  top: 20px;
  background: rgba(0, 0, 0, 0.6);
  width: 410px;
  max-height: 650px;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.service-view .global-info {
  border-radius: 5px;
  border: 1px solid #fff;
  /*background:rgba(35,40,55,0.5);*/
  background: #089181;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #089181 0%, #055e52 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#089181', endColorstr='#055e52', GradientType=0);
  /* IE6-9 */
}
.service-view .zaman-info {
  border-radius: 5px;
  border: 1px solid #fff;
  margin-top: 20px;
  background: #c7a004;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c7a004 0%, #635002 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7a004', endColorstr='#635002', GradientType=0);
  /* IE6-9 */
  /*background:rgba(35,40,55,0.5);*/
}
.service-view .trafic-info {
  border-radius: 5px;
  border: 1px solid #fff;
  margin-top: 20px;
  /*background:rgba(35,40,55,0.5);*/
  background: #90b900;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #90b900 0%, #495e00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90b900', endColorstr='#495e00', GradientType=0);
  /* IE6-9 */
}
.service-view .extra-credit-info,
.service-view .feshfeshe-info {
  border-radius: 5px;
  border: 1px solid #fff;
  margin-top: 20px;
  /*background:rgba(35,40,55,0.5);*/
  background: #90b900;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #90b900 0%, #495e00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90b900', endColorstr='#495e00', GradientType=0);
  /* IE6-9 */
}
.service-view .modal .modal-dialog .modal-body p .isg-inf-modal .crm-btn-waiting,
.service-view .modal .modal-dialog .modal-body div .isg-inf-modal .crm-btn-waiting,
.service-view .modal .modal-dialog .modal-body .isg-inf-modal .crm-btn-waiting {
  top: 27px;
  left: 5px;
  position: absolute;
}
.service-view .modal .modal-dialog .modal-body p .isg-inf-modal .isg-btn,
.service-view .modal .modal-dialog .modal-body div .isg-inf-modal .isg-btn,
.service-view .modal .modal-dialog .modal-body .isg-inf-modal .isg-btn {
  top: 27px;
  left: 30px;
  position: absolute;
  font-size: 18px;
  border-radius: 3px;
  padding: 2px 5px;
  background-color: #eee;
  cursor: pointer;
}
.service-view .modal .modal-dialog .modal-body p .isg-inf-modal .isg-btn.add,
.service-view .modal .modal-dialog .modal-body div .isg-inf-modal .isg-btn.add,
.service-view .modal .modal-dialog .modal-body .isg-inf-modal .isg-btn.add {
  color: #008080 !important;
  border: 1px solid #008080;
  left: 0;
}
.service-view .modal .modal-dialog .modal-body p .isg-inf-modal .isg-btn.add:hover,
.service-view .modal .modal-dialog .modal-body div .isg-inf-modal .isg-btn.add:hover,
.service-view .modal .modal-dialog .modal-body .isg-inf-modal .isg-btn.add:hover {
  color: #f8b500 !important;
}
.service-view .modal .modal-dialog .modal-body p .isg-inf-modal .isg-btn.update,
.service-view .modal .modal-dialog .modal-body div .isg-inf-modal .isg-btn.update,
.service-view .modal .modal-dialog .modal-body .isg-inf-modal .isg-btn.update {
  color: #4169e1 !important;
  border: 1px solid #4169e1;
}
.service-view .modal .modal-dialog .modal-body p .isg-inf-modal .isg-btn.update:hover,
.service-view .modal .modal-dialog .modal-body div .isg-inf-modal .isg-btn.update:hover,
.service-view .modal .modal-dialog .modal-body .isg-inf-modal .isg-btn.update:hover {
  color: #f8b500 !important;
}
.service-view .modal .modal-dialog .modal-body p .isg-inf-modal .isg-btn.delete,
.service-view .modal .modal-dialog .modal-body div .isg-inf-modal .isg-btn.delete,
.service-view .modal .modal-dialog .modal-body .isg-inf-modal .isg-btn.delete {
  color: #ff264a !important;
  border: 1px solid #ff264a;
  left: 0;
}
.service-view .modal .modal-dialog .modal-body p .isg-inf-modal .isg-btn.delete:hover,
.service-view .modal .modal-dialog .modal-body div .isg-inf-modal .isg-btn.delete:hover,
.service-view .modal .modal-dialog .modal-body .isg-inf-modal .isg-btn.delete:hover {
  color: #f8b500 !important;
}
.service-view .btn-show-detail {
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  color: #8FB800;
  cursor: pointer;
  text-decoration: underline;
  padding: 0 5px;
  margin-top: 5px;
  border: 1px solid #8FB800;
}
.service-view .btn-show-detail span {
  border-radius: 20px;
  border: 1px solid #8FB800;
  color: #fff;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 27px;
  margin: 5px;
  background-color: #000;
  font-weight: 700;
}
.service-view .btn-show-detail:hover {
  background: #000000;
}
.user-page-view .is-not-enable {
  background: rgba(230, 85, 85, 0.5) !important;
}
.background-black-trans {
  background: rgba(0, 0, 0, 0.2);
  padding: 20px;
  margin-bottom: 30px;
}
.result-noData {
  padding: 5px 10px 1px 10px;
  background: #ffd221;
  background: linear-gradient(to bottom, #ffd221 3%, #cca81a 52%, #ffd221 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#ffd221', GradientType=0);
}
.customer-view .tb-tabs-content-container > div > div {
  /* Safari */
  transition: all 0.6s ease;
}
.customer-view .general-register {
  background: rgba(32, 158, 145, 0.06);
  border-radius: 5px;
  border: 1px solid #209e91;
  padding: 50px;
}
.customer-view .general-register form > div > div {
  padding-left: 150px;
}
.customer-view .general-register form > div > div > div.form-group {
  /*margin-bottom:80px;*/
}
.customer-view .business-register {
  background: rgba(223, 184, 28, 0.06);
  border-radius: 5px;
  border: 1px solid #dfb81c;
  padding: 50px;
}
.customer-view .business-register > form > div > div {
  padding-left: 100px;
}
.customer-view .business-register > form > div > div > div.form-group {
  /*margin-bottom:80px;*/
}
.customer-view .customer-contact {
  background: rgba(0, 0, 0, 0.4);
  padding: 50px;
  border-radius: 5px;
  border: 1px solid;
}
.customer-view .customer-contact > div > form > div {
  /*padding-left:80px;*/
}
.customer-view .edit-business-customer {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  border: 1px solid #fbbc05;
}
.customer-view .edit-business-customer > div > div {
  padding-left: 80px;
}
.customer-view .search-customer-result {
  position: absolute;
  top: 60px;
  left: 0;
  /*background: rgba(0,0,0,0.8);*/
  width: 100%;
  z-index: 1;
}
.customer-view .search-customer-result > div {
  cursor: pointer;
  max-height: 400px;
  overflow: auto;
}
.customer-view .search-customer-result > div > div > label {
  background: #feccb1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0);
  /* IE6-9 */
  border-radius: 10px 5px 0 0;
  margin-bottom: 0;
  padding: 5px;
  color: #ffffff !important;
}
.customer-view .search-customer-result > div > div > div {
  width: 100%;
  height: 30px;
  padding: 5px;
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
  color: #000000;
}
.customer-view .search-customer-result > div > div > div.general {
  background: #bbe2ae;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bbe2ae 0%, #abd39e 50%, #a6c99f 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbe2ae', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
}
.customer-view .search-customer-result > div > div > div.business {
  background: #e2caae;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2caae 0%, #d3c59e 50%, #ceb992 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2caae', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
}
.customer-view .search-customer-result > div > div > div:hover {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.customer-view .search-customer-result > div > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  color: #000000;
}
.customer-view .search-customer-contact-result {
  position: absolute;
  top: 60px;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  z-index: 1;
}
.customer-view .search-customer-contact-result > div {
  cursor: pointer;
}
.customer-view .search-customer-contact-result > div > div > div {
  width: 100%;
  height: 30px;
  padding: 5px;
  border-bottom: 1px solid #757575;
}
.customer-view .search-customer-contact-result > div > div > div:hover {
  background: #f3c5bd;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c5bd', endColorstr='#c72200', GradientType=0);
  /* IE6-9 */
}
.customer-view .search-customer-contact-result > div > div > div.selected {
  background: #e6f0a3;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f0a3', endColorstr='#dbf043', GradientType=0);
  /* IE6-9 */
  color: #000000;
}
.customer-view .search-customer-result-container {
  float: left !important;
  position: absolute;
  top: 5px;
  left: 1px;
}
.customer-view .search-customer-result-container > div {
  padding: 30px;
  padding-bottom: 24px;
  padding-top: 20px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid;
  border-radius: 5px;
}
.customer-view .search-customer-result-container > div h6 {
  color: #ffffff;
}
.customer-view .search-customer-result-container > div h6 span {
  color: #fc0;
}
.customer-view .search-customer-result-container > div h5 {
  color: #ffffff;
}
.customer-view .search-customer-result-container > div h5 span {
  color: #fc0;
}
.customer-view .search-customer-result-container > div ul li {
  color: #fc0;
}
.customer-view .search-customer-result-container > div.general {
  background: rgba(27, 84, 76, 0.6);
  border: 2px solid #079080;
}
.customer-view .search-customer-result-container > div.general .item-info span {
  color: #fc0 !important;
}
.customer-view .search-customer-result-container > div.business {
  background: rgba(232, 86, 86, 0.2);
  border: 2px solid #E85656;
}
.customer-view .search-customer-result-container > div.business .item-info span {
  color: #fff !important;
}
.customer-view .edit-general-customer {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 1px solid #0e7c70;
}
.customer-view .edit-customer-nodata {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: 1px solid;
}
.customer-view .edit-customer-nodata > div > div {
  padding-left: 80px;
}
.customer-view .customer-trading-search-res {
  position: absolute;
  top: 55px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
  width: 100%;
}
.customer-view .customer-trading-search-res > div > div {
  height: 30px;
}
.customer-view .customer-trading-search-res > div > div > h5 {
  width: 100%;
  height: 100%;
  padding: 5px;
}
.customer-view .customer-trading-search-res > div > div > h5:hover {
  background-color: #fff;
  color: #000000;
}
.customer-view .customer-trading-search-res > div > div > h5.selected {
  background: #bfd255;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  /* IE6-9 */
  color: #000000;
}
.customer-view .search-waiting {
  position: absolute;
  left: 0;
  top: 20px;
}
.customer-view .in-focus {
  background: rgba(0, 0, 0, 0.7) !important;
}
.customer-view .container {
  padding: 25px;
}
.customer-view .onoffswitchGreen {
  position: relative;
  width: 65px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.customer-view .onoffswitchGreen-checkbox {
  display: none;
}
.customer-view .onoffswitchGreen-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 20px;
}
.customer-view .onoffswitchGreen-inner {
  position: relative;
  height: 20px;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.customer-view .onoffswitchGreen-inner:before,
.customer-view .onoffswitchGreen-inner:after {
  position: absolute;
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 30px;
  font-size: 15px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
  font-family: WYekan;
}
.customer-view .onoffswitchGreen-inner:before {
  content: "";
  padding-left: 11px;
  background-color: #00A600;
  color: #FFFFFF;
  right: 50%;
  text-align: left;
  width: 50%;
  height: 100%;
  display: block;
}
.customer-view .onoffswitchGreen-inner:after {
  content: "";
  padding-right: 2px;
  padding-left: 10px;
  background: #ff5e5e;
  background: linear-gradient(to bottom, #ff5e5e 1%, #ce4c4c 48%, #ba4444 54%, #ff5e5e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
  font-size: 11px;
  right: 0;
  text-align: right;
  width: 50%;
  display: block;
  height: 100%;
}
.customer-view .onoffswitchGreen-inner.true:after {
  right: -50%;
}
.customer-view .onoffswitchGreen-inner.true:before {
  right: 0;
}
.customer-view .onoffswitchGreen-switch {
  width: 20px;
  margin: 2px;
  background: #FFFFFF;
  border: 2px solid #999999;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  transition: all 0.3s ease-in 0s;
}
.customer-view .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-inner {
  margin-left: 0;
}
.customer-view .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-switch {
  right: 0px;
}
.customer-view .edit-profile .document-status {
  padding: 0 5px;
  border-radius: 3px;
  border: 2px solid #fff;
  text-align: center;
  background: #000000;
  color: #ffffff;
  cursor: pointer;
}
.customer-view .edit-profile .document-status:hover {
  opacity: 0.8;
}
.customer-view .edit-profile .document-status.disapproved {
  background: #e85656;
}
.customer-view .edit-profile .document-status.approved {
  background: #90b900;
}
.customer-view .panel-light {
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  position: relative;
  margin-bottom: 24px;
  box-shadow: 0 0 2px 1px #88A89F;
}
.customer-view .panel-light label,
.customer-view .panel-light select,
.customer-view .panel-light option,
.customer-view .panel-light input[type=text] {
  color: #000000 !important;
}
.customer-view .panel-light ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #857bc6 !important;
}
.customer-view .panel-light ::-moz-placeholder {
  /* Firefox 19+ */
  color: #857bc6 !important;
}
.customer-view .panel-light :-ms-input-placeholder {
  /* IE 10+ */
  color: #857bc6 !important;
}
.customer-view .panel-light :-moz-placeholder {
  /* Firefox 18- */
  color: #857bc6 !important;
}
.customer-view .panel-light .in-focus {
  background: rgba(154, 148, 251, 0.5) !important;
}
.customer-view .panel-light .search-customer-result-container {
  float: left !important;
  position: absolute;
  top: 5px;
  left: 360px;
  z-index: 10;
}
.customer-view .panel-light .edit-general-customer {
  background: rgba(208, 209, 253, 0.6) !important;
}
.customer-view .panel-light .edit-profile .document-status {
  padding: 0 5px;
  border-radius: 3px;
  border: 2px solid #fff;
  text-align: center;
  background: #000000;
  color: #ffffff;
  cursor: pointer;
}
.customer-view .panel-light .edit-profile .document-status:hover {
  opacity: 0.8;
}
.customer-view .panel-light .edit-profile .document-status.disapproved {
  background-image: linear-gradient(90deg, #ff38ac, #ff386a);
  box-shadow: 0 3px 0 0 #db3078, 0 2px 8px 0 #ff388b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.customer-view .panel-light .edit-profile .document-status.approved {
  background-image: linear-gradient(90deg, #00d9bf, #00d977);
  box-shadow: 0 3px 0 0 #00bb85, 0 2px 8px 0 #00d99b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.header-search-customer-result {
  position: absolute;
  top: 60px;
  right: 0;
  /*background: rgba(0,0,0,0.8);*/
  width: 170%;
  z-index: 1;
  max-height: 400px;
  /*overflow-y: scroll;*/
  overflow-x: visible;
}
.header-search-customer-result > div {
  cursor: pointer;
  float: right;
  /*width: 70%;*/
}
.header-search-customer-result > div > div {
  position: relative;
}
.header-search-customer-result > div > div > label {
  background: #feccb1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0);
  /* IE6-9 */
  border-radius: 10px 5px 0 0;
  margin-bottom: 0;
  padding: 5px;
  color: #ffffff !important;
}
.header-search-customer-result > div > div .customer-Service-context {
  position: absolute;
  right: -300px;
  width: 300px;
  top: 0;
  /*display: none;*/
  border-radius: 5px;
  border: 2px solid #fff;
  padding: 5px;
  background-color: #000;
}
.header-search-customer-result > div > div .customer-Service-context ul {
  background-color: #420021;
  margin-bottom: 0;
}
.header-search-customer-result > div > div .customer-Service-context ul li {
  direction: rtl;
  background: #32ffe3;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #32ffe3 1%, #1f9b88 9%, #105146 81%, #09352e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32ffe3', endColorstr='#09352e', GradientType=0);
  /* IE6-9 */
  padding: 5px;
  margin-bottom: 0;
  margin-right: 0;
  cursor: pointer;
}
.header-search-customer-result > div > div .customer-Service-context ul li:hover {
  background: #2cddc3;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2cddc3 1%, #23af9a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2cddc3', endColorstr='#23af9a', GradientType=0);
  /* IE6-9 */
}
.header-search-customer-result > div > div .customer-Service-context ul li.selected {
  background: #ffa84c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0);
  /* IE6-9 */
}
.header-search-customer-result > div > div .customer-Service-context ul li span {
  display: inline-block;
  margin: 0 10px;
  float: left;
}
.header-search-customer-result > div > div .customer-Service-context ul li label {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.header-search-customer-result > div > div:hover {
  /*.customer-Service-context {
                    display: block;
                }*/
}
.header-search-customer-result > div > div > div {
  width: 100%;
  height: 30px;
  padding: 5px;
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
  color: #000000;
}
.header-search-customer-result > div > div > div.general {
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
}
.header-search-customer-result > div > div > div.business {
  background: #e2caae;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2caae 0%, #d3c59e 50%, #ceb992 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2caae', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
}
.header-search-customer-result > div > div > div.hover {
  display: block;
}
.header-search-customer-result > div > div > div:hover {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.header-search-customer-result > div > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  color: #000000;
}
.header-search-customer-result > div > div .info-preview {
  position: absolute;
  width: 50%;
  top: 0;
  right: 100%;
  height: 150px;
  display: none;
}
.header-search-customer-result > div > div .info-preview h6 {
  direction: rtl !important;
  color: #fff;
}
.header-search-customer-result > div > div .info-preview span {
  color: #fdbe39;
}
.header-search-customer-result > div > div .info-preview.business {
  background: #cc0000;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #cc0000 0%, #770000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#770000', GradientType=0);
  /* IE6-9 */
}
.header-search-customer-result > div > div .info-preview.general {
  background: #627d4d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #627d4d 0%, #1f3b08 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#627d4d', endColorstr='#1f3b08', GradientType=0);
  /* IE6-9 */
}
.file-container-item > div {
  padding: 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  height: 150px;
  overflow-y: auto;
}
.file-container-item > div ul {
  padding-right: 0;
}
.file-container-item > div h5 {
  color: #fff;
}
.file-container-item-shadow > div {
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 0 25px 2px #BFBFBF;
  height: 150px;
  overflow-y: auto;
}
.file-container-item-shadow > div ul {
  padding-right: 0;
}
.file-container-item-shadow > div h5 {
  color: #fff;
}
.order-view .search-customer-result {
  position: absolute;
  top: 60px;
  right: 0;
  /*background: rgba(0,0,0,0.8);*/
  width: 150%;
  z-index: 1;
  max-height: 400px;
  /*overflow-y: scroll;*/
  overflow-x: hidden;
}
.order-view .search-customer-result > div {
  cursor: pointer;
  float: right;
  width: 70%;
}
.order-view .search-customer-result > div > div > label {
  background: #feccb1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0);
  /* IE6-9 */
  border-radius: 10px 5px 0 0;
  margin-bottom: 0;
  padding: 5px;
  color: #ffffff !important;
}
.order-view .search-customer-result > div > div > div {
  width: 100%;
  height: 30px;
  padding: 5px;
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
  color: #000000;
}
.order-view .search-customer-result > div > div > div.general {
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
}
.order-view .search-customer-result > div > div > div.business {
  background: #e2caae;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2caae 0%, #d3c59e 50%, #ceb992 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2caae', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
}
.order-view .search-customer-result > div > div > div.hover {
  display: block;
}
.order-view .search-customer-result > div > div > div:hover {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.order-view .search-customer-result > div > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  color: #000000;
}
.order-view .search-customer-result > div > div .info-preview {
  position: absolute;
  width: 50%;
  top: 0;
  right: 100%;
  height: 150px;
  display: none;
}
.order-view .search-customer-result > div > div .info-preview h6 {
  direction: rtl !important;
  color: #fff;
}
.order-view .search-customer-result > div > div .info-preview span {
  color: #fdbe39;
}
.order-view .search-customer-result > div > div .info-preview.business {
  background: #cc0000;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #cc0000 0%, #770000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#770000', GradientType=0);
  /* IE6-9 */
}
.order-view .search-customer-result > div > div .info-preview.general {
  background: #627d4d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #627d4d 0%, #1f3b08 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#627d4d', endColorstr='#1f3b08', GradientType=0);
  /* IE6-9 */
}
.order-view .selected-customer-contact-item {
  padding: 20px;
  background: rgba(255, 255, 255, 0.1);
  margin-top: 20px;
  border-radius: 5px;
}
.order-view .order-option {
  margin-top: 50px;
  padding: 50px;
}
.order-view .order-option > div > div {
  padding-left: 80px !important;
}
.order-view .onoffswitchGreen {
  position: relative;
  width: 65px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.order-view .onoffswitchGreen-checkbox {
  display: none;
}
.order-view .onoffswitchGreen-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 20px;
}
.order-view .onoffswitchGreen-inner {
  position: relative;
  height: 20px;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.order-view .onoffswitchGreen-inner:before,
.order-view .onoffswitchGreen-inner:after {
  position: absolute;
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 30px;
  font-size: 15px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
  font-family: WYekan;
}
.order-view .onoffswitchGreen-inner:before {
  content: "";
  padding-left: 11px;
  background-color: #00A600;
  color: #FFFFFF;
  right: 50%;
  text-align: left;
  width: 50%;
  height: 100%;
  display: block;
}
.order-view .onoffswitchGreen-inner:after {
  content: "";
  padding-right: 2px;
  padding-left: 10px;
  background: #ff5e5e;
  background: linear-gradient(to bottom, #ff5e5e 1%, #ce4c4c 48%, #ba4444 54%, #ff5e5e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
  font-size: 11px;
  right: 0;
  text-align: right;
  width: 50%;
  display: block;
  height: 100%;
}
.order-view .onoffswitchGreen-inner.true:after {
  right: -50%;
}
.order-view .onoffswitchGreen-inner.true:before {
  right: 0;
}
.order-view .onoffswitchGreen-switch {
  width: 20px;
  margin: 2px;
  background: #FFFFFF;
  border: 2px solid #999999;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  transition: all 0.3s ease-in 0s;
}
.order-view .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-inner {
  margin-left: 0;
}
.order-view .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-switch {
  right: 0px;
}
.order-view .panel-light {
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  position: relative;
  margin-bottom: 24px;
  box-shadow: 0 0 2px 1px #88A89F;
}
.order-view .panel-light label,
.order-view .panel-light select,
.order-view .panel-light option,
.order-view .panel-light input[type=text] {
  color: #000000 !important;
}
.order-view .panel-light ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #857bc6 !important;
}
.order-view .panel-light ::-moz-placeholder {
  /* Firefox 19+ */
  color: #857bc6 !important;
}
.order-view .panel-light :-ms-input-placeholder {
  /* IE 10+ */
  color: #857bc6 !important;
}
.order-view .panel-light :-moz-placeholder {
  /* Firefox 18- */
  color: #857bc6 !important;
}
.order-view .panel-light .in-focus {
  background: rgba(154, 148, 251, 0.5) !important;
}
.order-view .panel-light .edit-general-customer {
  background: rgba(208, 209, 253, 0.6) !important;
}
.order-view .panel-light .background-dark-border-light {
  background-image: linear-gradient(90deg, #00b3ff, #08f);
  box-shadow: 0 3px 0 0 #0087db, 0 2px 8px 0 #009dff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  /*border: 2px solid #dfb81c;*/
}
.order-view .panel-light .selected-customer-detail-light {
  /*background-image: linear-gradient(90deg,#ad59ff,#7659ff);*/
  background: #e8e8e8;
  box-shadow: 0 3px 0 0 #7e4ddb, 0 2px 8px 0 #9259ff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  /*border: 2px solid;*/
  padding: 10px;
  border-radius: 5px;
  direction: rtl;
  margin-bottom: 50px;
  margin-top: 50px;
  /*h5 {
                color: #ffffff !important;

                label {
                    color: #FFCF43 !important;
                }
            }*/
}
.order-view .panel-light .selected-customer-detail-light .select-customer-btn {
  position: absolute;
  left: 0;
  top: 120%;
  display: inline-block;
  border-radius: 0 0 5px 5px;
  border-bottom: 2px solid;
  top: 101.5%;
  padding: 5px;
  border-left: 2px solid;
  border-right: 2px solid;
  background: #ff6060;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6060 1%, #d14f4f 52%, #ff6060 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6060', endColorstr='#ff6060', GradientType=0);
  /* IE6-9 */
}
.order-view .panel-light .selected-customer-detail-light .preview-contact-list {
  padding-top: 20px;
  height: 160px;
  border-right: 2px solid #FFCF43;
  overflow-y: scroll;
  font-size: 12px !important;
  background: none;
}
.order-view .panel-light .selected-customer-detail-light .preview-contact-list > div > div > h6 {
  /*font-size: 12px !important;
                            color: #ffffff !important;

                            > label {
                                font-size: 12px !important;
                                color: #FFCF43 !important;
                            }*/
}
.order-view .panel-light .selected-customer-detail-light .preview-contact-list > div > div > h6.address-container {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-view .panel-light .order-option {
  margin-top: 50px;
  padding: 50px;
}
.order-view .panel-light .order-option > div > div {
  padding-left: 80px !important;
}
.order-view .panel-light .order-option.background-dark-border-red {
  background: #e8e8e8;
  border: 2px solid #ff386a;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.order-view .panel-light .order-option.background-dark-border-green {
  background: #e8e8e8;
  border: 2px solid #08f;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.ul-dark-list {
  background-color: #000000;
  padding: 5px;
  max-height: 200px;
  overflow-y: auto;
}
.ul-dark-list li {
  padding: 5px 10px;
  background-color: #444;
  border-radius: 3px;
  margin-bottom: 3px;
  cursor: pointer;
  direction: rtl;
}
.ul-dark-list li span {
  margin-right: 5px;
  direction: rtl;
}
.ul-dark-list li:hover {
  color: #DEB71B;
}
.ul-dark-list li.selected {
  background-color: #DEB71B;
  color: #000000;
}
.ul-dark-list li.selected span {
  color: #000000 !important;
}
.online-customer-view .nas-info-item {
  padding: 20px;
}
.online-customer-view .nas-info-item > div {
  border: 2px solid #DEB71B;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.6);
  padding: 15px;
  height: 76px;
}
.online-customer-view .nas-info-item > div .title {
  color: #DEB71B;
}
.online-customer-view .nas-info-item > div .title > h5 {
  text-align: center;
}
.online-customer-view .panel-light {
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  position: relative;
  margin-bottom: 24px;
  box-shadow: 0 0 2px 1px #88A89F;
}
.online-customer-view .panel-light h3 {
  color: #000000;
}
.online-customer-view .panel-light .nas-info-item {
  padding: 20px;
}
.online-customer-view .panel-light .nas-info-item > div {
  border: none;
  border-radius: 5px;
  background: #e8e8e8;
  box-shadow: 0 3px 0 0 #0087db, 0 2px 8px 0 #009dff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  padding: 15px;
  height: 76px;
}
.online-customer-view .panel-light .nas-info-item > div .title {
  color: #3F3C7D;
}
.online-customer-view .panel-light .nas-info-item > div .title > h5 {
  text-align: center;
}
.online-customer-view .panel-light .nas-info-item > div > div > div {
  color: #08f;
}
.online-customer-view .panel-light .background-dark-border-red {
  background: #e8e8e8;
  box-shadow: 0 3px 0 0 #db3078, 0 2px 8px 0 #ff388b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border: none;
}
.online-customer-view .panel-light .background-dark-border-red .table-bordered > tbody > tr > td,
.online-customer-view .panel-light .background-dark-border-red .table-bordered > tfoot > tr > td {
  border-bottom: 1px solid #000000;
}
.search-customer-result-container {
  float: left !important;
  position: absolute;
  top: 5px;
  left: 1px;
}
.search-customer-result-container > div {
  padding: 30px;
  padding-bottom: 24px;
  padding-top: 20px;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid;
  border-radius: 5px;
}
.search-customer-result-container > div h6 {
  color: #ffffff;
}
.search-customer-result-container > div h6 span {
  color: #000000;
}
.search-customer-result-container > div h5 {
  color: #ffffff;
}
.search-customer-result-container > div h5 span {
  color: #000000;
}
.search-customer-result-container > div ul li {
  color: #fc0;
}
.search-customer-result-container > div.general {
  background: rgba(27, 84, 76, 0.6);
  border: 2px solid #079080;
}
.search-customer-result-container > div.general .item-info span {
  color: #fc0 !important;
}
.search-customer-result-container > div.business {
  background: rgba(232, 86, 86, 0.2);
  border: 2px solid #E85656;
}
.search-customer-result-container > div.business .item-info span {
  color: #fff !important;
}
.selected-customer-detail {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid;
  padding: 10px;
  border-radius: 5px;
  direction: rtl;
  margin-bottom: 50px;
  margin-top: 50px;
}
.selected-customer-detail h5 label {
  color: #209e91;
}
.selected-customer-detail .select-customer-btn {
  position: absolute;
  left: 0;
  top: 120%;
  display: inline-block;
  border-radius: 0 0 5px 5px;
  border-bottom: 2px solid;
  top: 101.5%;
  padding: 5px;
  border-left: 2px solid;
  border-right: 2px solid;
  background: #ff6060;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6060 1%, #d14f4f 52%, #ff6060 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6060', endColorstr='#ff6060', GradientType=0);
  /* IE6-9 */
}
.user-view-container .account-status-display-context-light {
  text-align: center;
}
.user-view-container .account-status-display-context-light .account-status-displayer {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.user-view-container .account-status-display-context-light .account-status-displayer.in-use {
  background-color: #32d373;
  color: #000000;
}
.user-view-container .account-status-display-context-light .account-status-displayer.is-new {
  background-color: #ff5e7e;
  color: #000000;
}
.user-view-container .account-status-display-context-light .account-status-displayer.renew-waiting {
  background-color: #ff882d;
  color: #000000;
}
.user-view-container .account-status-display-context-light .account-status-displayer.not-renew {
  background-color: #ff1414;
  color: #000000;
}
.user-view-container .account-status-display-context-light .account-status-displayer.finished-traffic {
  background-color: #ffef14;
  color: #000000;
}
.user-view-container .account-status-display-context-light .account-status-displayer.cancel-account {
  background-color: #a09f9f;
  color: #ffffff;
}
.user-view-container .account-status-display-context-light .account-status-displayer.unknow-status {
  background-color: #5bb2ff;
  color: #ffffff;
}
.user-view-container .account-status-display-context {
  text-align: center;
  padding: 0 !important;
}
.user-view-container .account-status-display-context .account-status-displayer {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.user-view-container .account-status-display-context .account-status-displayer.in-use {
  background-color: #32d373;
  color: #000000;
}
.user-view-container .account-status-display-context .account-status-displayer.renew-waiting {
  background-color: #ff882d;
  color: #000000;
}
.user-view-container .account-status-display-context .account-status-displayer.not-renew {
  background-color: #ff1414;
  color: #000000;
}
.user-view-container .account-status-display-context .account-status-displayer.finished-traffic {
  background-color: #ffef14;
  color: #000000;
}
.user-view-container .account-status-display-context .account-status-displayer.cancel-account {
  background-color: #a09f9f;
  color: #ffffff;
}
.user-view-container .account-status-display-context .account-status-displayer.unknow-status {
  background-color: #5bb2ff;
  color: #ffffff;
}
.select-service-btn {
  border-radius: 5px;
  border: 1px solid #fff;
  background: #c43699;
  padding: 5px;
  position: absolute;
  left: 18px;
  top: -8px;
  background: linear-gradient(to bottom, #c43699 0%, #581845 52%, #c43699 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c43699', endColorstr='#c43699', GradientType=0);
}
.form-group input {
  direction: rtl !important;
}
.form-group .ADMdtp-container input {
  direction: ltr !important;
}
.ADMdtp-container .ADMdtp-calendar-container header {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.ltr-input {
  direction: ltr !important;
}
.crm-tab-managment > div.crm-tab-tabs {
  min-height: 100px;
}
.crm-tab-managment > div.crm-tab-tabs > div {
  padding: 5px;
  transition: all 2s ease-in-out;
  position: relative;
}
.crm-tab-managment > div.crm-tab-tabs > div.selected {
  z-index: 1;
}
.crm-tab-managment > div.crm-tab-tabs > div.selectMode {
  left: 50%;
  position: absolute;
}
.crm-tab-managment > div.crm-tab-tabs > div > span {
  display: inline-block;
  width: 100%;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 3px;
  height: 30px;
  line-height: 25px;
  background: #ffd221;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd221 3%, #cca81a 52%, #ffd221 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#ffd221', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
}
.crm-tab-managment > div.crm-tabs-content-container > div {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  border: 2px solid;
  border-radius: 5px;
  padding: 10px;
  margin-top: 20px;
}
.crm-tab-managment > div.crm-tabs-content-container > div.selected {
  display: block;
}
#handlyChargModale .modal-content {
  background: #f9f9f9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #f9f9f9 0%, #f2f2f2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#handlyChargModale .input-container-context .input-container {
  border-radius: 5px;
  padding: 20px;
  background-color: #fff;
  border: 2px solid #1F9D90;
}
.ip-service-context > div {
  transition: all 0.5s ease-in-out;
}
.ip-service-context > div .ip-subnet-list {
  border-radius: 5px;
  height: 400px;
  background: #d1d18a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d1d18a 0%, #a6a84d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d18a', endColorstr='#a6a84d', GradientType=0);
  box-shadow: 0 0 2px 2px #919191;
}
.ip-service-context > div .ip-subnet-list > table > thead {
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.ip-service-context > div .ip-subnet-list > table > thead > tr > th {
  color: #ffffff !important;
}
.ip-service-context > div .ip-subnet-list > table > tbody tr {
  background: #d1d18a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d1d18a 0%, #a6a84d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d18a', endColorstr='#a6a84d', GradientType=0);
  cursor: pointer;
}
.ip-service-context > div .ip-subnet-list > table > tbody tr > td {
  color: #000000 !important;
}
.ip-service-context > div .ip-subnet-list > table > tbody tr:hover {
  background: #4574a5;
  background: linear-gradient(to bottom, #4574a5 1%, #294460 50%, #2c4968 53%, #4574a5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#4574a5', GradientType=0);
}
.ip-service-context > div .ip-subnet-list > table > tbody tr:hover > td {
  color: #ffffff !important;
}
.ip-service-context > div .ip-list {
  border-radius: 5px;
  padding: 20px;
  height: 400px;
  border: 2px solid #deb71b;
  background: #fdfff9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdfff9 0%, #cdcecc 53%, #9d9e9c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfff9', endColorstr='#9d9e9c', GradientType=0);
  /* IE6-9 */
}
.ip-service-length-rule-context {
  background: #FFEEEE;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #FFEEEE, #DDEFBB);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  box-shadow: 0 0 1px 1px #969696;
  border-radius: 5px;
  padding: 20px;
}
.service-used {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.service-used > div {
  border-top: 5px solid #E75555;
  border-bottom: 5px solid #E75555;
  text-align: center;
  transform: rotateZ(45deg);
}
.service-used > div > span {
  display: inline-block;
  color: #E75555;
  font: 1.5em;
}
.factor-select-date-error {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  border: 2px solid #ff5e5e;
  border-radius: 5px;
}
.factor-select-date-error > h4 {
  text-align: center;
}
.user-payment-info-tooltip {
  width: 360px;
}
.user-payment-info-tooltip > label {
  display: inline-block;
  width: 100%;
  height: 30px;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff !important;
}
.user-payment-info-tooltip > label > span {
  display: inline-block;
  width: 80px;
  font-size: 12px;
  text-align: right;
  color: #DEB71B !important;
  float: right;
}
.crm-btn-waiting {
  display: inline-block;
  background-image: url('/Content/Images/loader.gif');
  background-size: 30px;
  background-repeat: no-repeat;
  vertical-align: bottom;
  width: 30px;
  height: 30px;
}
.crm-btn-waiting-small {
  display: inline-block;
  background-image: url('/Content/Images/loader.gif');
  background-size: 20px;
  background-repeat: no-repeat;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
}
.crm-small-waiting {
  display: inline-block;
  background-image: url('/Content/Images/loader.gif');
  background-size: 15px;
  background-repeat: no-repeat;
  vertical-align: bottom;
  width: 15px;
  height: 15px;
}
.online-success-header {
  background: #2bdbc0;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(43, 219, 192, 0.6) 0%, rgba(27, 137, 121, 0.6) 99%, rgba(29, 145, 129, 0.6) 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bdbc0', endColorstr='#1d9181', GradientType=0);
  /* IE6-9 */
  height: 54px !important;
}
.online-success-header.panel-heading {
  padding: 8px 22px !important;
}
.online-unsuccess-header {
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff5e5e 0%, #9b3939 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#9b3939', GradientType=0);
  /* IE6-9 */
  height: 55px !important;
}
.online-unsuccess-header.panel-heading {
  padding: 8px 22px !important;
}
.offline-header {
  height: 55px !important;
  background: #2C3E50;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #2C3E50, #4CA1AF);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.offline-header.panel-heading {
  padding: 8px 22px !important;
}
.customer-service-unlimited-info-context {
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  width: 106.5%;
  margin-left: -8px;
  border-radius: 3px;
  border: 1px solid lightblue;
}
.customer-service-unlimited-info-context > h3 {
  text-align: center;
  color: #ffc500;
}
.customerService-online-status {
  float: right;
  margin-top: 10px;
  margin-left: 20px;
}
.customerService-online-status i {
  background: #a9b0ba;
  background: radial-gradient(ellipse at center, #a9b0ba 0%, #727475 36%, #252526 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9b0ba', endColorstr='#252526', GradientType=1);
  box-shadow: 0 0 2px 2px #0F0F0F;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: inline-block;
}
.customerService-online-status i.online-success {
  /*animation-name: onlineSuccess;*/
  float: left !important;
  /*animation-duration: 2s;
            animation-iteration-count: infinite;*/
  background: #ffda6d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffda6d 0%, #ffc500 33%, #896900 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda6d', endColorstr='#896900', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow: 0 0 0px 0px #ffd102;
}
@keyframes onlineSuccess {
  0% {
    opacity: 1;
    box-shadow: 0 0 0px 0px #ffd102;
  }
  50% {
    opacity: 0.3;
    box-shadow: 0 0 10px 5px #ffd102;
  }
  100% {
    opacity: 1;
    box-shadow: 0 0 0px 0px #ffd102;
  }
}
.customerService-online-status i.online-failed {
  /*animation-name: onlineUnSuccess;*/
  float: left !important;
  /*animation-duration: 2s;
            animation-iteration-count: infinite;*/
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ff5e5e 0%, #9b3939 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#9b3939', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow: 0 0 0px 0px #ff5e5e;
}
@keyframes onlineUnSuccess {
  0% {
    opacity: 1;
    box-shadow: 0 0 0px 0px #ff5e5e;
  }
  50% {
    opacity: 0.3;
    box-shadow: 0 0 10px 5px #ff5e5e;
  }
  100% {
    opacity: 1;
    box-shadow: 0 0 0px 0px #ff5e5e;
  }
}
.customerService-online-status label {
  display: inline-block;
  vertical-align: top;
}
.confirm-paid {
  background: #4574a5;
  background: linear-gradient(to bottom, #4574a5 0%, #2e4b6b 65%, #1f3349 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#1f3349', GradientType=0);
}
.confirm-paid .payable {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  border: 2px solid #ffffff;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 30px;
}
.confirm-paid .payable > h5 {
  color: #192d42 !important;
  text-align: center;
  line-height: 25px;
}
.confirm-paid .payable:hover {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 18%, #fccd4d 18%, #fccd4d 79%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.confirm-paid .lowcost {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  border: 2px solid #ffffff;
  border-radius: 3px;
  cursor: pointer;
}
.confirm-paid .lowcost > h5 {
  color: #192d42 !important;
  text-align: center;
  line-height: 25px;
}
.confirm-paid .lowcost:hover {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 18%, #fccd4d 18%, #fccd4d 79%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.select-all-service-btn {
  display: inline-block;
  padding: 2px 5px;
  color: #ffffff;
  background: #4c4c4c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  border: 1px solid #fff;
  margin: 5px;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
}
.select-all-service-btn:hover {
  opacity: 0.9;
}
.service-filter-context {
  height: 50px;
  width: 100%;
  margin-bottom: 10px;
}
.service-filter-context > div {
  padding-left: 3px;
  padding-right: 3px;
}
.service-filter-context > div > label {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.service-filter-context > div > select {
  width: 100%;
  border: 1px solid #efefef;
  height: 30px;
  background-color: #000;
}
.service-filter-context > div > select > option {
  color: #ffffff !important;
}
.service-profile-link {
  /*border:1.6px dashed @dark-green;*/
  cursor: pointer;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
  text-decoration: underline;
  color: #8FB800;
  font-size: 18px;
  font-family: Arial !important;
}
.service-profile-link:hover {
  color: #1F9D90;
}
.hyper-link-style {
  /*text-decoration:underline;*/
  color: #2CABD0;
  font-size: 18px;
}
.hyper-link-style:hover {
  color: #E75555;
}
.advansed-search-result-context {
  background: rgba(0, 0, 0, 0.9);
  padding: 10px;
  border: 2px solid #1F9D90;
  min-height: 1000px;
}
.service-profile-link-label:before {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 10px;
  background-color: #8FB800;
  content: "";
  margin-right: 10px;
  vertical-align: middle;
  font-size: 18px;
  font-family: Arial !important;
}
.hyper-link-style-label:before {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 10px;
  background-color: #2CABD0;
  content: "";
  margin-right: 15px;
  vertical-align: middle;
}
.text-font-times-new-bold {
  font-size: 18px;
  font-weight: bold;
  font-family: Times New Roman;
}
.text-font-times-new {
  font-size: 18px;
  font-family: Times New Roman;
}
.text-font-arial-bold {
  font-size: 18px;
  font-weight: bold;
  font-family: Arial;
}
.text-font-arial {
  font-size: 18px;
  font-family: Arial;
}
.text-align-center {
  text-align: center !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.color-red {
  color: #E85656 !important;
}
.color-yellow {
  color: #DEB71B !important;
}
.color-light-green {
  color: #8FB800 !important;
}
.color-dark-green {
  color: #1F9D90 !important;
}
.color-white {
  color: #ffffff !important;
}
.background-yellow-transparent {
  background: rgba(223, 184, 28, 0.4);
}
.background-red-transparent {
  background: rgba(232, 86, 86, 0.4);
}
.background-green-transparent {
  background: rgba(143, 185, 0, 0.4);
}
.background-blue-transparent {
  background: rgba(14, 171, 208, 0.4);
}
.background-cyan-transparent {
  background: rgba(32, 158, 145, 0.4);
}
.background-gradiant-green {
  background: #F2C12E;
}
.background-tb-red {
  background: #f13443;
}
.background-tb-yellow {
  background: #ffc31e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffc31e 0%, #bc9016 55%, #ffc31e 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc31e', endColorstr='#ffc31e', GradientType=0);
  /* IE6-9 */
  color: #000000 !important;
}
.background-tb-orang {
  background: #db8e41;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #db8e41 0%, #bf590b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8e41', endColorstr='#bf590b', GradientType=0);
}
.background-tb-blue {
  background: #2da6c4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2da6c4 1%, #175466 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2da6c4', endColorstr='#175466', GradientType=0);
  /* IE6-9 */
}
.background-tb-violet {
  background: #ba4444;
  background: linear-gradient(to bottom, #ba4444 1%, #6b2727 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba4444', endColorstr='#6b2727', GradientType=0);
}
.factor-service-table tr {
  position: relative;
}
.factor-service-table tr .prv {
  position: absolute;
  width: 150px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  border: 2px solid #fdbe39;
  padding: 5px;
  left: 0;
  top: 0;
}
.factor-service-table tr .prv > div label {
  font-size: 10px;
}
.background-greenblue-dark {
  background: rgba(32, 158, 145, 0.1);
}
.background-greenblue-dark-border {
  background: rgba(32, 158, 145, 0.1);
  border: 2px solid #209e91;
  border-radius: 5px;
}
.border-blue {
  border: 2px solid #062b83;
  border-radius: 5px;
  padding: 20px;
  margin-top: 10px;
}
.preview-contact-list {
  padding-top: 20px;
  height: 160px;
  background: rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
  font-size: 12px !important;
}
.preview-contact-list > div > div > h6 {
  font-size: 12px !important;
}
.preview-contact-list > div > div > h6 > label {
  font-size: 12px !important;
}
.preview-contact-list > div > div > h6.address-container {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.j-workFlow .positions-container {
  border-radius: 5px;
  border: 2px solid gray;
  background: rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-bottom: 30px;
}
.j-workFlow .selected-positions-container {
  border-radius: 5px;
  border: 2px solid gray;
  background: rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.customer-notification-setting .positions-container {
  height: 300px;
  overflow-y: auto;
}
.customer-notification-setting .positions-container .selected-Position > label {
  background: #c7ff00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c7ff00 1%, #8fb800 50%, #c7ff00 83%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7ff00', endColorstr='#c7ff00', GradientType=0);
  /* IE6-9 */
}
.customer-notification-setting .selected-context > h4 {
  padding-right: 50px;
  margin-bottom: 15px;
}
.customer-notification-setting .selected-context > div {
  height: 400px;
  overflow-y: auto;
}
.customer-notification-setting .selected-context > div > span {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #cedce7 0%, #596a72 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cedce7', endColorstr='#596a72', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  right: 26px;
  top: 10px;
  cursor: pointer;
  opacity: 0.5;
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 20px;
}
.customer-notification-setting .selected-context > div .selectable-item > label {
  overflow: hidden;
}
.customer-notification-setting .selected-context > div .selectable-item > label i {
  position: absolute;
  top: 5px;
  right: -10px;
  opacity: 0;
  /* Safari */
  transition: all 0.3s ease;
}
.customer-notification-setting .selected-context > div .selectable-item > label:hover i {
  right: 20px;
  opacity: 1;
}
.customer-notification-setting .selected-context > div .adding-tools {
  background: #ffd749;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffd749 12%, #d3ae1b 68%, #bf9b18 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd749', endColorstr='#bf9b18', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow: 0 0 6px 6px #FFD220;
}
.customer-notification-setting .selected-context > div .adding-tools:hover {
  opacity: 1;
}
.general-registeration-customer .panel-light {
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  position: relative;
  margin-bottom: 24px;
  box-shadow: 0 0 2px 1px #88A89F;
}
.general-registeration-customer .panel-light label,
.general-registeration-customer .panel-light select,
.general-registeration-customer .panel-light option,
.general-registeration-customer .panel-light input[type=text] {
  color: #000000 !important;
}
.general-registeration-customer .viewed {
  background: rgba(232, 195, 102, 0.4);
}
.general-registeration-customer .done {
  background: rgba(0, 204, 176, 0.4);
}
.general-registeration-customer .failed {
  background: rgba(232, 86, 86, 0.4);
}
.general-registeration-customer .tools > div > span {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
  height: 30px;
  line-height: 20px;
  text-align: center;
}
.general-registeration-customer .tools > div > span:hover {
  opacity: 1;
}
.general-registeration-customer .tools > div > span i {
  float: left;
}
.general-registeration-customer .tools > div.selected-filter > span {
  opacity: 1;
}
.general-registeration-customer .btn-viewed {
  background: #eac01e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eac01e 0%, #cea71a 52%, #eac01e 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac01e', endColorstr='#eac01e', GradientType=0);
  /* IE6-9 */
  opacity: 0.3;
}
.general-registeration-customer .btn-done {
  background: #2ee8d2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2ee8d2 0%, #1f9d90 51%, #2ee8d2 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ee8d2', endColorstr='#2ee8d2', GradientType=0);
  /* IE6-9 */
  opacity: 0.3;
}
.general-registeration-customer .btn-failed {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff5e5e 0%, #ad4040 51%, #ff5e5e 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
  /* IE6-9 */
  opacity: 0.3;
}
.general-registeration-customer .btn-all {
  background: #38d3ff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #38d3ff 0%, #299cbc 52%, #38d3ff 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38d3ff', endColorstr='#38d3ff', GradientType=0);
  /* IE6-9 */
  opacity: 0.3;
}
.general-registeration-customer .selected {
  opacity: 1;
}
.factor-fake .main-wizard .wizard-steps {
  height: 60px;
  direction: rtl;
}
.factor-fake .main-wizard .wizard-steps > label {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-left: 50px;
  border-radius: 30px;
  text-align: center;
  line-height: 47px;
  transition: all 1s ease-in-out;
}
.factor-fake .main-wizard .wizard-steps > label > span {
  color: #1d9183;
}
.factor-fake .main-wizard .wizard-steps > label.unpass {
  border: 2px solid #ad4040;
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ff5e5e 0%, #ff5e5e 22%, #ad4040 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ad4040', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.factor-fake .main-wizard .wizard-steps > label.pass {
  transform: rotateY(360deg);
  border: 2px solid #1d9183;
  background: #2ee8cf;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #2ee8cf 0%, #2ee8cf 29%, #1d9183 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ee8cf', endColorstr='#1d9183', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.factor-fake .main-wizard .wizard-steps > label.now {
  animation-name: unpass;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  background: #ffd221;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffd221 0%, #ffd221 18%, #ceaa1a 66%, #917512 92%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#917512', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
@keyframes unpass {
  0% {
    opacity: 1;
    box-shadow: 0 0 4px 4px #FFE229;
  }
  50% {
    box-shadow: 0 0 0px 0px #FFE229;
    opacity: 0.4;
  }
  100% {
    box-shadow: 0 0 4px 4px #FFE229;
    opacity: 1;
  }
}
.factor-fake .main-wizard .wizard-steps .progress-state {
  width: 100%;
  margin-top: 10px;
}
.factor-fake .main-wizard .wizard-steps .progress-state > span {
  display: inline-block;
  height: 10px;
}
.factor-fake .main-wizard .wizard-steps .progress-state > span.step1 {
  width: 20%;
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff5e5e 0%, #cc4d4d 50%, #ff5e5e 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
  /* IE6-9 */
  border-radius: 0 2px 2px 0;
}
.factor-fake .main-wizard .wizard-steps .progress-state > span.step2 {
  width: 40%;
  background: #ff8c21;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff8c21 1%, #cc731a 50%, #ff8c21 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c21', endColorstr='#ff8c21', GradientType=0);
  /* IE6-9 */
}
.factor-fake .main-wizard .wizard-steps .progress-state > span.step3 {
  width: 60%;
  background: #deb71b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #deb71b 0%, #c4a219 50%, #deb71b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deb71b', endColorstr='#deb71b', GradientType=0);
  /* IE6-9 */
}
.factor-fake .main-wizard .wizard-steps .progress-state > span.step4 {
  width: 80%;
  background: #b3e500;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
  /* IE6-9 */
}
.factor-fake .main-wizard .wizard-content {
  height: 765px;
  position: relative;
  overflow: hidden;
}
.factor-fake .main-wizard .wizard-content > div {
  position: absolute;
  top: 0;
  right: -105%;
  height: 100%;
  width: 100%;
}
.factor-fake .main-wizard .wizard-content > div.selected {
  right: 0;
}
.factor-fake .main-wizard .wizard-content > div .background-gray {
  background: #eeeeee;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
  border-radius: 5px;
  border: 2px solid #E45A51;
}
.factor-fake .main-wizard .wizard-content > div .tools {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.factor-fake .main-wizard .wizard-content > div .tools .prv-page-btn {
  color: #ffffff !important;
}
.factor-fake .main-wizard .wizard-content > div .tools .prv-page-btn i {
  margin-left: 20px;
}
.factor-fake .main-wizard .wizard-content > div .tools .next-page-btn i {
  margin-right: 20px;
}
.factor-fake .main-wizard .wizard-content > div .factor-prv {
  padding: 40px;
  margin-top: 50px;
}
.factor-fake .main-wizard .wizard-content > div .factor-prv > h5 {
  margin-bottom: 20px;
  color: #000000 !important;
}
.factor-fake .main-wizard .wizard-content > div .factor-prv > h5 > span {
  color: #E55A51 !important;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen {
  position: relative;
  width: 65px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-checkbox {
  display: none;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 20px;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-inner {
  position: relative;
  height: 20px;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-inner:before,
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
  position: absolute;
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 30px;
  font-size: 15px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
  font-family: WYekan;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-inner:before {
  content: "";
  padding-left: 11px;
  background-color: #00A600;
  color: #FFFFFF;
  right: 50%;
  text-align: left;
  width: 50%;
  height: 100%;
  display: block;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
  content: "";
  padding-right: 2px;
  padding-left: 10px;
  background: #ff5e5e;
  background: linear-gradient(to bottom, #ff5e5e 1%, #ce4c4c 48%, #ba4444 54%, #ff5e5e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
  font-size: 11px;
  right: 0;
  text-align: right;
  width: 50%;
  display: block;
  height: 100%;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:after {
  right: -50%;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:before {
  right: 0;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-switch {
  width: 20px;
  margin: 2px;
  background: #FFFFFF;
  border: 2px solid #999999;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  transition: all 0.3s ease-in 0s;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-inner {
  margin-left: 0;
}
.factor-fake .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-switch {
  right: 0px;
}
#newWizardMainFactorModal .main-factor-wizard {
  margin-top: 50px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container {
  padding: 10px;
  padding-top: 0;
  border-radius: 5px;
  background: #4574a5;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4574a5 0%, #2e4b6b 65%, #1f3349 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#1f3349', GradientType=0);
  /* IE6-9 */
  border: 2px solid #DEB81B;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps {
  direction: rtl;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-left: 50px;
  border-radius: 30px;
  text-align: center;
  line-height: 47px;
  transition: all 1s ease-in-out;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label > span {
  color: #1d9183;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.unpass {
  border: 2px solid #ad4040;
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ff5e5e 0%, #ff5e5e 22%, #ad4040 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ad4040', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.pass {
  transform: rotateY(360deg);
  border: 2px solid #1d9183;
  background: #2ee8cf;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #2ee8cf 0%, #2ee8cf 29%, #1d9183 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ee8cf', endColorstr='#1d9183', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.now {
  animation-name: unpass;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  background: #ffd221;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffd221 0%, #ffd221 18%, #ceaa1a 66%, #917512 92%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#917512', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
@keyframes unpass {
  0% {
    opacity: 1;
    box-shadow: 0 0 4px 4px #FFE229;
  }
  50% {
    box-shadow: 0 0 0px 0px #FFE229;
    opacity: 0.4;
  }
  100% {
    box-shadow: 0 0 4px 4px #FFE229;
    opacity: 1;
  }
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state {
  width: 100%;
  margin-top: 10px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span {
  display: inline-block;
  height: 10px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step1 {
  width: 20%;
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff5e5e 0%, #cc4d4d 50%, #ff5e5e 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
  /* IE6-9 */
  border-radius: 0 2px 2px 0;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step2 {
  width: 40%;
  background: #ff8c21;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff8c21 1%, #cc731a 50%, #ff8c21 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c21', endColorstr='#ff8c21', GradientType=0);
  /* IE6-9 */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step3 {
  width: 60%;
  width: 80%;
  background: #b3e500;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
  /* IE6-9 */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step4 {
  width: 80%;
  background: #b3e500;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
  /* IE6-9 */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content {
  height: 765px;
  position: relative;
  overflow: hidden;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div {
  position: absolute;
  top: 0;
  right: -105%;
  height: 100%;
  width: 100%;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div.selected {
  right: 0;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selecter-service-table-title {
  padding: 5px;
  background-color: #1E1E1E;
  border: 2px solid #DEB81B;
  border-bottom: none;
  border-radius: 10px 3px 0 0;
  display: inline-block;
  margin-bottom: -2px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table-title {
  padding: 5px;
  background-color: #1E1E1E;
  border: 2px solid #DEB81B;
  border-bottom: none;
  border-radius: 10px 3px 0 0;
  display: inline-block;
  margin-bottom: -2px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-base-filter > div {
  background: #f6f8f9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 26%, #d7dee3 51%, #f5f7f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  border: 2px solid #d3d3d3;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .background-gray {
  background: #eeeeee;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
  border-radius: 5px;
  border: 2px solid #E45A51;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table {
  background: #526799;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #526799 0%, #0e0e0e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#526799', endColorstr='#0e0e0e', GradientType=0);
  /* IE6-9 */
  border-radius: 5px;
  border: 2px solid #deb81b;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > thead > tr th {
  color: #deb81b !important;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr {
  background: #4574a5;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4574a5 1%, #294460 50%, #2c4968 53%, #4574a5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#4574a5', GradientType=0);
  /* IE6-9 */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr > td {
  color: #ffffff !important;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr > td .ion-plus-round {
  cursor: pointer;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr:hover {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .remove-basket {
  display: inline-block;
  text-decoration: underline;
  font-weight: bold;
  color: #deb81b !important;
  float: left;
  cursor: pointer;
  margin: 5px;
  padding: 2px 5px;
  border-radius: 3px;
  background-color: #000;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .remove-basket svg {
  width: 20px;
  height: 20px;
  fill: #E75555;
  vertical-align: middle;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr {
  position: relative;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr .prv {
  position: absolute;
  width: 150px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  border: 2px solid #fdbe39;
  padding: 5px;
  left: 0;
  top: 0;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr .prv > div label {
  font-size: 10px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table {
  border-radius: 5px;
  background: #1b8276;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1b8276 0%, #104f46 94%, #104f46 94%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#104f46', GradientType=0);
  /* IE6-9 */
  border: 2px solid #DEB81B;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > thead > tr th {
  color: #deb81b !important;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr {
  background: #1b8276;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1b8276 0%, #104f46 52%, #104f46 52%, #105448 54%, #1b8276 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#1b8276', GradientType=0);
  /* IE6-9 */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr > td {
  color: #ffffff !important;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr > td .ion-plus-round {
  cursor: pointer;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr:hover {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools {
  position: absolute;
  width: 100%;
  bottom: 0;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .prv-page-btn {
  color: #ffffff !important;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .prv-page-btn i {
  margin-left: 20px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .next-page-btn i {
  margin-right: 20px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv {
  padding: 40px;
  margin-top: 50px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv > h5 {
  margin-bottom: 20px;
  color: #000000 !important;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv > h5 > span {
  color: #E55A51 !important;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen {
  position: relative;
  width: 65px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox {
  display: none;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 20px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner {
  position: relative;
  height: 20px;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:before,
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
  position: absolute;
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 30px;
  font-size: 15px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
  font-family: WYekan;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:before {
  content: "";
  padding-left: 11px;
  background-color: #00A600;
  color: #FFFFFF;
  right: 50%;
  text-align: left;
  width: 50%;
  height: 100%;
  display: block;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
  content: "";
  padding-right: 2px;
  padding-left: 10px;
  background: #ff5e5e;
  background: linear-gradient(to bottom, #ff5e5e 1%, #ce4c4c 48%, #ba4444 54%, #ff5e5e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
  font-size: 11px;
  right: 0;
  text-align: right;
  width: 50%;
  display: block;
  height: 100%;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:after {
  right: -50%;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:before {
  right: 0;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-switch {
  width: 20px;
  margin: 2px;
  background: #FFFFFF;
  border: 2px solid #999999;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  transition: all 0.3s ease-in 0s;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-inner {
  margin-left: 0;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-switch {
  right: 0px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info {
  padding: 10px;
  padding-top: 0;
  border-radius: 5px;
  background: #4574a5;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4574a5 0%, #2e4b6b 65%, #1f3349 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#1f3349', GradientType=0);
  /* IE6-9 */
  border: 2px solid #DEB81B;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table {
  height: 102px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr td {
  color: #ffffff !important;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr td.td-head {
  color: #DEB81B !important;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change {
  animation-name: newChange;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change > td {
  color: #E75555 !important;
  font-weight: bold;
  font-size: 20px;
}
#newWizardMainFactorModal .main-factor-wizard .modal-body .red-alarm {
  color: #E75555 !important;
  animation-name: newChange;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
#newWizardMainFactorModal .main-factor-wizard .modal-header {
  background: #375c84;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #375c84 1%, #141f31 50%, #375c84 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#375c84', endColorstr='#375c84', GradientType=0);
  /* IE6-9 */
}
.crm-btn-primary {
  color: #ffffff !important;
  background-color: #1F9D90;
  padding: 1px 10px;
  box-shadow: 0 0 2px 1px #5C5C5C;
  border-radius: 3px;
  cursor: pointer;
}
.crm-btn-primary:hover {
  background-color: #000000;
  box-shadow: 0 0 2px 1px #eeeeee;
}
#mainFactorModal .modal-dialog {
  width: 80%;
}
#mainFactorModal .main-factor-wizard {
  margin-top: 50px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container {
  direction: rtl;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container > label {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-left: 50px;
  border-radius: 30px;
  text-align: center;
  line-height: 47px;
  transition: all 1s ease-in-out;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container > label > span {
  color: #1d9183;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container > label.unpass {
  border: 2px solid #ad4040;
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ff5e5e 0%, #ff5e5e 22%, #ad4040 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ad4040', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container > label.pass {
  transform: rotateY(360deg);
  border: 2px solid #1d9183;
  background: #2ee8cf;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #2ee8cf 0%, #2ee8cf 29%, #1d9183 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ee8cf', endColorstr='#1d9183', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container > label.now {
  animation-name: unpass;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  background: #ffd221;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffd221 0%, #ffd221 18%, #ceaa1a 66%, #917512 92%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#917512', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
@keyframes unpass {
  0% {
    opacity: 1;
    box-shadow: 0 0 4px 4px #FFE229;
  }
  50% {
    box-shadow: 0 0 0px 0px #FFE229;
    opacity: 0.4;
  }
  100% {
    box-shadow: 0 0 4px 4px #FFE229;
    opacity: 1;
  }
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container > div {
  text-align: center;
  height: 86px;
  line-height: 86px;
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
  font-size: 68%;
  border-top: 2px solid #DEB81B;
  border-bottom: 2px solid #DEB81B;
  border-left: 2px solid #DEB81B;
  cursor: pointer;
  color: #000000 !important;
  margin-bottom: -2px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container > div.now {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  border-bottom: 0;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container > div:hover {
  opacity: 0.7;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container > div.payment-step {
  background: #e75555;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e75555 1%, #b24242 49%, #a03b3b 52%, #ff5e5e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e75555', endColorstr='#ff5e5e', GradientType=0);
  /* IE6-9 */
  color: #ffffff !important;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container > div:nth-child(1) {
  border-right: 2px solid #DEB81B;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content {
  height: 765px;
  position: relative;
  overflow: hidden;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div {
  position: absolute;
  top: 0;
  right: -105%;
  height: 100%;
  width: 100%;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div.selected {
  right: 0;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selecter-service-table-title {
  padding: 5px;
  background-color: #1E1E1E;
  border: 2px solid #DEB81B;
  border-bottom: none;
  border-radius: 10px 3px 0 0;
  display: inline-block;
  margin-bottom: -2px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table-title {
  padding: 5px;
  background-color: #1E1E1E;
  border: 2px solid #DEB81B;
  border-bottom: none;
  border-radius: 10px 3px 0 0;
  display: inline-block;
  margin-bottom: -2px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-base-filter > div {
  background: #f6f8f9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 26%, #d7dee3 51%, #f5f7f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  border: 2px solid #d3d3d3;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .background-gray {
  background: #eeeeee;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
  border-radius: 5px;
  border: 2px solid #E45A51;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table {
  background: #526799;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #526799 0%, #0e0e0e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#526799', endColorstr='#0e0e0e', GradientType=0);
  /* IE6-9 */
  border-radius: 5px;
  border: 2px solid #deb81b;
  height: 350px;
  overflow: auto;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > thead > tr th {
  color: #deb81b !important;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr {
  background: #4574a5;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4574a5 1%, #294460 50%, #2c4968 53%, #4574a5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#4574a5', GradientType=0);
  /* IE6-9 */
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr > td {
  color: #ffffff !important;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr > td .ion-plus-round {
  cursor: pointer;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr:hover {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .remove-basket {
  display: inline-block;
  text-decoration: underline;
  font-weight: bold;
  color: #deb81b !important;
  float: left;
  cursor: pointer;
  margin: 5px;
  padding: 2px 5px;
  border-radius: 3px;
  background-color: #000;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .remove-basket svg {
  width: 20px;
  height: 20px;
  fill: #E75555;
  vertical-align: middle;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr {
  position: relative;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr .prv {
  position: absolute;
  width: 150px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  border: 2px solid #fdbe39;
  padding: 5px;
  left: 0;
  top: 0;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr .prv > div label {
  font-size: 10px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .switch-to-discount {
  border-radius: 5px 5px 0 0;
  padding: 5px 20px;
  display: inline-block;
  background-color: #E75555;
  float: left;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .switch-to-discount-mode {
  background: #3b679e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b679e', endColorstr='#7db9e8', GradientType=0);
  /* IE6-9 */
  display: inline-block;
  border-radius: 3px;
  padding: 0 10px;
  float: right;
  cursor: pointer;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .switch-to-discount-mode:hover {
  opacity: 0.6;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .save-switch-to-discount-mode {
  background: #bfd255;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  /* IE6-9 */
  display: inline-block;
  border-radius: 3px;
  padding: 0 10px;
  float: right;
  cursor: pointer;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .save-switch-to-discount-mode:hover {
  opacity: 0.6;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .switch-back-discount-mode {
  background: #f3c5bd;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c5bd', endColorstr='#c72200', GradientType=0);
  /* IE6-9 */
  display: inline-block;
  border-radius: 3px;
  padding: 5px 10px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table {
  border-radius: 5px;
  background: #1b8276;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1b8276 0%, #104f46 94%, #104f46 94%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#104f46', GradientType=0);
  /* IE6-9 */
  border: 2px solid #DEB81B;
  transition: all 0.5s ease-in-out;
  margin-top: 8px;
  height: 350px;
  overflow: auto;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > thead > tr th {
  color: #deb81b !important;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr {
  background: #1b8276;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1b8276 0%, #104f46 52%, #104f46 52%, #105448 54%, #1b8276 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#1b8276', GradientType=0);
  /* IE6-9 */
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr > td {
  color: #ffffff !important;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr > td .ion-plus-round {
  cursor: pointer;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr:hover {
  background: #d1d18a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d1d18a 0%, #a6a84d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d18a', endColorstr='#a6a84d', GradientType=0);
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr:hover td {
  color: #000000 !important;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .discount-mode {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools {
  position: absolute;
  width: 100%;
  bottom: 0;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .prv-page-btn {
  color: #ffffff !important;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .prv-page-btn i {
  margin-left: 20px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .next-page-btn i {
  margin-right: 20px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv {
  padding: 40px;
  margin-top: 50px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv > h5 {
  margin-bottom: 20px;
  color: #000000 !important;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv > h5 > span {
  color: #E55A51 !important;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen {
  position: relative;
  width: 65px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox {
  display: none;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 20px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner {
  position: relative;
  height: 20px;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:before,
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
  position: absolute;
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 30px;
  font-size: 15px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
  font-family: WYekan;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:before {
  content: "";
  padding-left: 11px;
  background-color: #00A600;
  color: #FFFFFF;
  right: 50%;
  text-align: left;
  width: 50%;
  height: 100%;
  display: block;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
  content: "";
  padding-right: 2px;
  padding-left: 10px;
  background: #ff5e5e;
  background: linear-gradient(to bottom, #ff5e5e 1%, #ce4c4c 48%, #ba4444 54%, #ff5e5e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
  font-size: 11px;
  right: 0;
  text-align: right;
  width: 50%;
  display: block;
  height: 100%;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:after {
  right: -50%;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:before {
  right: 0;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-switch {
  width: 20px;
  margin: 2px;
  background: #FFFFFF;
  border: 2px solid #999999;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  transition: all 0.3s ease-in 0s;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-inner {
  margin-left: 0;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-switch {
  right: 0px;
}
#mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content.tall {
  height: 900px !important;
}
#mainFactorModal .main-factor-wizard .modal-body .basket-info {
  padding: 10px;
  padding-top: 0;
  border-radius: 5px;
  background: #4574a5;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4574a5 0%, #2e4b6b 65%, #1f3349 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#1f3349', GradientType=0);
  /* IE6-9 */
  border: 2px solid #DEB81B;
}
#mainFactorModal .main-factor-wizard .modal-body .basket-info > div > table {
  height: 50px;
}
#mainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr td {
  color: #ffffff !important;
}
#mainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr td.td-head {
  color: #DEB81B !important;
}
#mainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change {
  animation-name: newChange;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
#mainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change > td {
  color: #E75555 !important;
  font-weight: bold;
  font-size: 20px;
}
#mainFactorModal .main-factor-wizard .modal-body .red-alarm {
  color: #E75555 !important;
  animation-name: newChange;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
#mainFactorModal .main-factor-wizard .modal-header {
  background: #375c84;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #375c84 1%, #141f31 50%, #375c84 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#375c84', endColorstr='#375c84', GradientType=0);
  /* IE6-9 */
}
#mainFactorModal .main-factor-wizard .step-tow-tabs > div {
  padding: 10px;
}
#mainFactorModal .main-factor-wizard .step-tow-tabs > div > h4 {
  text-align: center;
  background: #4787ff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4787ff 0%, #2c539e 15%, #2c539e 79%, #1c3666 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4787ff', endColorstr='#1c3666', GradientType=0);
  /* IE6-9 */
  border: 1px solid darkgray;
  border-radius: 3px;
  color: #ffffff !important;
  padding: 10px 0;
  opacity: 0.6;
  cursor: pointer;
}
#mainFactorModal .main-factor-wizard .step-tow-tabs > div > h4.selected {
  /*background: #fceabb; 
                        background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 18%, #fccd4d 86%, #db9d00 100%); 
                        background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 18%,#fccd4d 86%,#db9d00 100%);
                        background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 18%,#fccd4d 86%,#db9d00 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#db9d00',GradientType=0 );*/
  color: #ffffff !important;
  opacity: 1;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container {
  padding: 36px 20px;
  background: #e8e8e8;
  margin-bottom: 30px;
  border-radius: 5px;
  border: 2px solid #1F9D90;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item {
  padding: 5px;
  /*border: 1px solid @dark-green;*/
  display: inline-block;
  /*background:rgba(0,0,0,0.4);*/
  position: relative;
  transform: rotateZ(-20deg);
  transition: all 0.2s ease-in-out;
  background-image: url(/Content/Images/CouponDarkBack.png);
  background-size: 195px 60px;
  width: 195px;
  height: 60px;
  /*&:hover {
                    transform: rotateZ(0deg);

                    .coupon-service-context {
                        max-height: 188px;
                        top: -117px;
                        width: 239px;
                        height: 118px;
                        left: -44px;
                        padding: 5px;

                        > div {
                            padding: 5px;
                        }
                    }
                }*/
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item .show-services-btn {
  position: absolute;
  top: -21px;
  left: 13px;
  padding: 2px 5px;
  background-color: #1F9D90;
  color: #fff !important;
  border-radius: 5px 5px 0 0;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
  font-size: 12px;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item > div {
  position: absolute;
  width: 135px;
  top: 7px;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item > div label {
  color: #000 !important;
  font-size: 10px;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item > div label span {
  color: #045147 !important;
  font-size: 14px;
  font-family: Times New Roman;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item > section {
  transform: rotateZ(-90deg);
  position: absolute;
  right: -15px;
  top: 19px;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item > section h5 {
  text-align: center;
  color: #E75555 !important;
  font-weight: 700;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item > section h6 {
  font-weight: 700;
  text-align: center;
  color: #DEB71B;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item.selected {
  box-shadow: 0 0 2px 2px #FF8C19;
  background-image: url(/Content/Images/CouponDarkRedBack.png);
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item .coupon-service-context {
  position: absolute;
  background-color: #d3d3d3;
  top: 20px;
  z-index: 100;
  /*max-height: 0;*/
  display: none;
  overflow: auto;
  transition: all 0.2s ease-in-out;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item .coupon-service-context.selected {
  display: block;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item .coupon-service-context > div {
  background-color: #fff;
  margin-bottom: 3px;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item .coupon-service-context > div > label {
  color: #1F9D90;
}
#mainFactorModal .main-factor-wizard .factor-user-coupon-container .item .coupon-service-context > div ul li {
  color: #000 !important;
  font-size: 12px;
  margin-right: 0;
}
.small-screen-tile {
  padding: 10px;
  border-radius: 5px;
  margin: 5px;
  background-color: #eee;
}
.small-screen-tile > div {
  margin-bottom: 5px;
  padding: 5px 10px;
  color: #000000 !important;
  background-color: #ffffff;
}
.small-screen-tile > div.tootls .btn-context {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px;
}
.small-screen-tile > div.tootls .btn-context i {
  color: #ffffff;
}
.small-screen-tile > div.tootls .btn-context svg {
  fill: #ffffff;
}
.small-screen-tile > div.tootls .btn-context.green-btn {
  background-color: #1F9D90;
}
.small-screen-tile > div.tootls .btn-context.red-btn {
  background-color: #E75555;
}
.small-screen-tile > div.tootls .btn-context.blue-btn {
  background-color: #2CABD0;
}
.modal .modal-dialog .modal-body .small-screen-tile > div {
  color: #000000 !important;
  direction: rtl;
}
.modal .modal-dialog .modal-body .small-screen-tile > div label {
  color: #000000 !important;
  direction: rtl;
  font-weight: 700;
  font-size: 16px;
}
.modal .modal-dialog .modal-body #editedWirelessMap span,
.modal .modal-dialog .modal-body #editedWirelessMap div {
  color: #000000 !important;
}
.modal .modal-dialog .modal-body #mapB span,
.modal .modal-dialog .modal-body #mapB div {
  color: #000000 !important;
}
#getLocationModal span,
#getLocationModal div {
  color: #000000 !important;
}
#getLocationModal .leaflet-popup-content {
  color: #000000 !important;
}
.leaflet-popup-tip-container {
  left: 0;
}
.coupon-service-context-draggable {
  position: absolute;
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 42%, #d1d1d1 50%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
  top: 20px;
  z-index: 100;
  /*max-height: 0;*/
  display: none;
  overflow: auto;
  height: 250px;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 3px 5px 13px #333;
  padding: 10px;
  padding-top: 0;
  left: 162px;
  width: 250px;
}
.coupon-service-context-draggable .coupon-service-context-header {
  height: 30px;
  text-align: right;
  cursor: move;
  padding-top: 10px;
  color: #000;
}
.coupon-service-context-draggable .coupon-service-context-header .btn_close {
  float: left;
  color: #E75555 !important;
  cursor: pointer;
}
.coupon-service-context-draggable.selected {
  display: block;
}
.coupon-service-context-draggable > div {
  background: #ffd65e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04', GradientType=0);
  /* IE6-9 */
  margin-top: 15px;
  border-radius: 5px;
  padding: 5px;
  max-height: 150px;
  overflow: auto;
  border: 1px solid #fff;
}
.coupon-service-context-draggable > div > label {
  color: #1F9D90;
  font-size: 12px;
  direction: rtl;
}
.coupon-service-context-draggable > div ul li {
  color: #000 !important;
  font-size: 12px;
  margin-right: 0;
  direction: rtl;
}
.background-green-flasher {
  background: rgba(143, 185, 0, 0.4);
  animation-name: newChange;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.color-blue {
  color: #2CABD0 !important;
}
.color-black {
  color: #000000 !important;
}
.white-modal .pagination > li > a,
.white-modal .pagination > li > span {
  color: #337ab7;
  border-color: #e2e2e2;
}
.white-modal .pagination > li > a,
.white-modal .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #eee !important;
  border: 1px solid #ddd !important;
}
.white-modal .pagination > li > a,
.white-modal .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
}
.white-modal .pagination > .active > a,
.white-modal .pagination > .active > span,
.white-modal .pagination > .active > a:hover,
.white-modal .pagination > .active > span:hover,
.white-modal .pagination > .active > a:focus,
.white-modal .pagination > .active > span:focus {
  background-color: #209e91 !important;
  border-color: #ddd !important;
  color: #ffffff !important;
}
.white-modal .pagination > .disabled > span,
.white-modal .pagination > .disabled > span:hover,
.white-modal .pagination > .disabled > span:focus,
.white-modal .pagination > .disabled > a,
.white-modal .pagination > .disabled > a:hover,
.white-modal .pagination > .disabled > a:focus {
  color: #ffffff;
  cursor: not-allowed;
  background-color: #b2b0b0 !important;
  border-color: #ddd;
}
.ip-range-prv-context {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  right: 5px;
  width: 250px;
  top: 340px;
  right: 50px;
  background-color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  z-index: 1000;
}
.ip-range-prv-context i {
  color: #ff5e5e;
}
.ip-range-prv-context .ip-range-prv {
  padding: 5px;
  background-color: #fff;
}
.ip-range-prv-context .ip-range-prv > div {
  margin-bottom: 3px;
}
.ip-range-prv-context .ip-range-prv > div span {
  display: inline-block;
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff5e5e 0%, #aa4040 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#aa4040', GradientType=0);
  /* IE6-9 */
  text-align: center;
  color: #fff;
  border-radius: 3px;
  width: 100%;
  padding: 3px;
}
.ip-range-prv-context.show {
  height: 250px;
  width: 300px;
  right: 100px;
  top: 80px;
}
.prv-tools-context {
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid #ff5e5e;
  direction: rtl;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.prv-tools-context i {
  font-size: 26px;
  vertical-align: middle;
  margin-left: 10px;
}
.prv-tools-context:hover {
  background: #000000;
}
@keyframes newChange {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.dourbord-waiting {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  background-image: url('/Content/Images/RaiotlogotypeLoading222.gif');
  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  z-index: 1000;
}
.modal-waiting {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  background-image: url('/Content/Images/loader.gif');
  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  z-index: 1000;
}
.customerService-call-item {
  padding: 5px;
}
.customerService-call-item > div {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 5px;
}
.customerService-call-item > div .call-info-context {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  min-height: 130px;
}
.customerService-call-item > div .call-info-context label {
  color: #DEB71B;
  font-size: 12px;
}
.customerService-call-item > div .call-info-context p {
  padding: 5px;
  direction: rtl;
  background-color: #000;
  border-radius: 5px;
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
}
.customerService-call-item > div ul li {
  margin-right: 0;
  direction: rtl;
}
.crm-context-waiting {
  position: absolute;
  width: 90%;
  height: 95%;
  top: 26px;
  left: 20px;
  background: rgba(0, 0, 0, 0.6);
  background-image: url(/Content/Images/loader.gif);
  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  z-index: 1000;
}
.visp-view .all-visp {
  height: 500px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 1px solid #fdbe39;
  padding: 20px;
  overflow: auto;
}
.visp-view .all-visp > div .all-visp-item {
  padding: 5px;
  perspective: 1000px;
  height: 40px;
}
.visp-view .all-visp > div .all-visp-item > div {
  text-align: center;
  padding: 10px 10px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #fdbe39;
  transform-style: preserve-3d;
  background: #fdbe39;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdbe39 1%, #b28229 50%, #fdbe39 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
  opacity: 0.9;
  position: absolute;
  width: 96%;
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(-200px) translateY(0) translateX(0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.visp-view .all-visp > div .all-visp-item > div.selected {
  border: 1px solid #1f9b8d;
  background: #2ad6c2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2ad6c2 3%, #1f9b8d 49%, #2ad6c2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ad6c2', endColorstr='#2ad6c2', GradientType=0);
  /* IE6-9 */
}
.visp-view .all-visp > div .all-visp-item > div:hover {
  opacity: 1;
}
.visp-view .selected-visp {
  height: 500px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 1px solid #ff5e5e;
  padding: 20px;
}
.visp-view .selected-visp > div .selected-visp-item {
  padding: 5px;
  perspective: 1000px;
  height: 40px;
}
.visp-view .selected-visp > div .selected-visp-item > div {
  text-align: center;
  padding: 10px 10px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #ff5e5e;
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff5e5e 1%, #ba4444 49%, #ff5e5e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
  opacity: 0.9;
  position: absolute;
  width: 96%;
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(-200px) translateY(0) translateX(0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.visp-view .selected-visp > div .selected-visp-item > div:hover {
  opacity: 1;
}
.visp-sub-ip > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  border: 2px solid #ff5e5e;
  height: 650px;
  overflow: auto;
}
.visp-sub-ip .in-progress {
  background: #5eaeff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5eaeff 0%, #4c96e0 17%, #4283c4 84%, #56aaff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5eaeff', endColorstr='#56aaff', GradientType=0);
  /* IE6-9 */
}
.visp-ip > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  border: 2px solid #fdbe39;
  height: 650px;
}
.visp-ip > div .is-free {
  background: #0aaa92;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0aaa92 2%, #099b85 49%, #0cceb1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0aaa92', endColorstr='#0cceb1', GradientType=0);
  /* IE6-9 */
}
.visp-ip > div .used {
  background: #ad4141;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ad4141 4%, #e75555 100%, #e75555 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad4141', endColorstr='#e75555', GradientType=0);
  /* IE6-9 */
}
.visp-ip > div .wased {
  background: #ffcb3f;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffcb3f 0%, #eabc25 8%, #ddb223 85%, #ffd95e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcb3f', endColorstr='#ffd95e', GradientType=0);
  /* IE6-9 */
}
.factorform-selectdate-context {
  box-shadow: 0 0 2px 2px #CFCFCF;
  border: 2px solid #1d9183;
  margin: auto;
  float: none !important;
  margin-top: 50px;
  margin-bottom: 50px;
  border-radius: 5px;
  width: 320px;
  position: absolute;
  top: 50px;
  left: 2000px;
  background-color: #fff;
  transition: all 0.1s ease-in-out;
  padding: 20px;
}
.factorform-selectdate-context.show {
  left: 35%;
}
.report-sum-value {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  border: 2px solid #90b900;
}
.report-sum-value .wireless-tab {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  background-color: #c50039;
  position: absolute;
  left: 20px;
  top: -26px;
  cursor: pointer;
  opacity: 0.5;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
.report-sum-value .wireless-tab.selected {
  opacity: 1;
}
.report-sum-value .report-context-title-tab {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  background: #bfd255;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  /* IE6-9 */
  position: absolute;
  right: 20px;
  top: -26px;
  padding: 5px 20px 5px 20px;
  border-radius: 10px 0 0 0;
  cursor: pointer;
  /*opacity:0.5;*/
}
.report-sum-value .report-context-title-tab.selected {
  opacity: 1;
}
.report-sum-value .adsl-tab {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  background-color: #ffc500;
  position: absolute;
  left: 88px;
  top: -26px;
  border-top: 1px solid #ffffff;
  color: #000000;
  cursor: pointer;
  opacity: 0.5;
}
.report-sum-value .adsl-tab.selected {
  opacity: 1;
}
.report-sum-value .adsl-wireless-tab {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  background-color: #009A73;
  position: absolute;
  left: 134px;
  top: -26px;
  border-radius: 0 10px 0 0;
  color: #ffffff;
  cursor: pointer;
  opacity: 0.5;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.report-sum-value .adsl-wireless-tab.selected {
  opacity: 1;
}
.report-sum-value .report-table-title {
  background: #4c4c4c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
  /* IE6-9 */
}
.report-context-title {
  margin-bottom: 0;
  padding-right: 20px;
}
.report-context-title label {
  background: #bfd255;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  /* IE6-9 */
  border-radius: 10px 0 0 0;
  padding: 5px 20px 5px 20px;
  display: inline-block;
  margin-bottom: 0 !important;
}
.icon-btn-tool {
  cursor: pointer;
  opacity: 0.8;
}
.icon-btn-tool:hover {
  cursor: pointer;
  opacity: 1;
  font-weight: bold;
}
.sales-report-options-cube-control > div {
  padding: 1px !important;
}
.sales-report-options-cube-control > div > label {
  width: 100%;
}
.sales-report-options-cube-control > div:nth-child(1) > label {
  background: #2edbc7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2edbc7 0%, #20998a 51%, #27bcab 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2edbc7', endColorstr='#27bcab', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube-control > div:nth-child(2) > label {
  background: #ff6363;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6363 0%, #ba4848 49%, #ff6363 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff6363', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube-control > div:nth-child(3) > label {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dfb81c 0%, #b29317 52%, #dfb81c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#dfb81c', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube-control > div:nth-child(4) > label {
  background: #abdb00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #abdb00 0%, #85aa00 49%, #abdb00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abdb00', endColorstr='#abdb00', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube-control > div:nth-child(5) > label {
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube-control > div:nth-child(6) > label {
  background: #f6f8f9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
  /* IE6-9 */
  color: #000000 !important;
}
.sales-report-options-cube-control > div > label {
  display: inline-block;
  text-align: center;
  padding: 2px;
  border-radius: 3px;
}
.sales-report-options-cube {
  width: 250px !important;
  height: 400px !important;
  position: relative;
  perspective: 2000px;
  margin: auto;
}
.sales-report-options-cube > div {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
}
.sales-report-options-cube > div.rigth-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(-90deg);
}
.sales-report-options-cube > div.left-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
}
.sales-report-options-cube > div.back-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(180deg);
}
.sales-report-options-cube > div.bottom-selected {
  transform: translateZ(-200px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
}
.sales-report-options-cube > div.top-selected {
  transform: translateZ(-200px) rotateX(-90deg) rotateZ(0deg) rotateY(180deg);
}
.sales-report-options-cube > div > figure {
  display: block;
  position: absolute;
  padding: 10px;
}
.sales-report-options-cube > div > figure.front-side {
  width: 370px;
  height: 400px;
  transform: rotateY(0) translateZ(185px);
  background: #000000;
  /*border: 2px solid #E75555;*/
}
.sales-report-options-cube > div > figure.front-side .context {
  padding: 5px;
  height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  /*background: rgba(137,113,17,0.9);*/
  /*.search-context {
                        margin-bottom: 20px;
                        width: 100%;
                        background: rgba(0,0,0,0.9);
                        border-radius: 3px;
                        padding: 5px;

                        > input {
                            background-color: #000000;
                            border: none;
                        }
                    }*/
}
.sales-report-options-cube > div > figure.front-side .context .items > div > div > div > div {
  direction: rtl;
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
  background: #26c1af;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #26c1af 0%, #23b2a1 48%, #1f9d90 51%, #26c1af 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c1af', endColorstr='#26c1af', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube > div > figure.front-side .context .items > div > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube > div > figure.front-side .context .items > div > div > div > div.selected {
  background: #32ffe7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #32ffe7 0%, #29d1bd 49%, #32ffe7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32ffe7', endColorstr='#32ffe7', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube > div > figure.back-side {
  width: 370px;
  height: 400px;
  transform: rotateY(180deg) translateZ(185px);
  background-color: #000000;
  /*border: 2px solid #8FB800;*/
}
.sales-report-options-cube > div > figure.back-side .context {
  padding: 5px;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(67, 86, 0, 0.9);
}
.sales-report-options-cube > div > figure.back-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube > div > figure.back-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube > div > figure.back-side .context .items > div > div {
  background: #eaeaea;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eaeaea 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #eaeaea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#eaeaea', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 1;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 5px;
  border: 2px solid #ffffff;
  color: #000000 !important;
}
.sales-report-options-cube > div > figure.back-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube > div > figure.back-side .context .items > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube > div > figure.rigth-side {
  width: 370px;
  height: 400px;
  transform: rotateY(90deg) translateZ(185px);
  background: #000000;
  /*border: 2px solid #1F9D90;*/
}
.sales-report-options-cube > div > figure.rigth-side .context {
  padding: 5px;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(109, 41, 41, 0.9);
}
.sales-report-options-cube > div > figure.rigth-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube > div > figure.rigth-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube > div > figure.rigth-side .context .items > div > div > div {
  background: #d15151;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d15151 0%, #ad4343 50%, #d15151 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d15151', endColorstr='#d15151', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
}
.sales-report-options-cube > div > figure.rigth-side .context .items > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube > div > figure.rigth-side .context .items > div > div > div.selected {
  background: #ff6363;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6363 0%, #c44c4c 50%, #ff8282 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff8282', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube > div > figure.rigth-side .context .items.services {
  height: 265px;
  overflow-y: auto;
  overflow-x: hidden;
}
.sales-report-options-cube > div > figure.left-side {
  width: 370px;
  height: 400px;
  transform: rotateY(-90deg) translateZ(185px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube > div > figure.left-side .context {
  padding: 5px;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(99, 80, 12, 0.9);
}
.sales-report-options-cube > div > figure.left-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube > div > figure.left-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube > div > figure.left-side .context .items > div > div > div {
  background: #f1e767;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: right;
  border: 2px solid #ffffff;
  color: #000000;
}
.sales-report-options-cube > div > figure.left-side .context .items > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube > div > figure.left-side .context .items > div > div > div.selected {
  background: #ff1a00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff1a00 0%, #ff1a00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a00', endColorstr='#ff1a00', GradientType=0);
  /* IE6-9 */
  opacity: 1;
  color: #ffffff;
}
.sales-report-options-cube > div > figure.left-side .context .items > div .item {
  background: #ffd65e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: right;
  border: 2px solid #ffffff;
  color: #000000;
}
.sales-report-options-cube > div > figure.left-side .context .items > div .item:hover {
  opacity: 1;
}
.sales-report-options-cube > div > figure.left-side .context .items > div .item.selected {
  background: #499bea;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0);
  /* IE6-9 */
  opacity: 1;
  color: #ffffff;
}
.sales-report-options-cube > div > figure.bottom-side {
  width: 370px;
  height: 370px;
  transform: rotateX(-90deg) translateZ(200px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube > div > figure.bottom-side .context {
  padding: 5px;
  height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #7d7e7d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube > div > figure.bottom-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube > div > figure.bottom-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube > div > figure.bottom-side .context .items > div > div {
  background: #f5f6f6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#f5f6f6', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
  color: #000000;
}
.sales-report-options-cube > div > figure.bottom-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube > div > figure.bottom-side .context .items > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube > div > figure.top-side {
  width: 370px;
  height: 370px;
  transform: rotateX(-90deg) translateZ(-185px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube > div > figure.top-side .context {
  padding: 5px;
  height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #d9dadb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d9dadb 0%, #c4c9ce 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9dadb', endColorstr='#c4c9ce', GradientType=0);
  /* IE6-9 */
  transform: rotateY(180deg);
}
.sales-report-options-cube > div > figure.top-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube > div > figure.top-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube > div > figure.top-side .context .items > div > div {
  background: #dedfe0;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dedfe0 0%, #d9dee0 50%, #e5ebee 50%, #cdd4d8 51%, #e8e9ea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedfe0', endColorstr='#e8e9ea', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #000000;
  color: #000000 !important;
}
.sales-report-options-cube > div > figure.top-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube > div > figure.top-side .context .items > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube > div > figure .filter-service-type {
  width: 100%;
  height: 35px;
  background: rgba(0, 0, 0, 0.3);
  padding-bottom: 10px;
  padding-top: 5px;
  margin-bottom: 5px;
}
.sales-report-options-cube > div > figure .filter-service-type > div {
  padding: 0 !important;
}
.sales-report-options-cube > div > figure .filter-service-type > div > span {
  font-size: 12px;
  display: inline-block;
  padding: 3px 10px;
  text-align: center;
  border: 1px solid;
  border-radius: 5px;
  margin-bottom: 5px;
  width: 100%;
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 0.6;
  cursor: pointer;
  color: #000;
}
.sales-report-options-cube > div > figure .filter-service-type > div > span:hover {
  opacity: 0.9;
}
.sales-report-options-cube > div > figure .filter-service-type > div > span.selected {
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report {
  width: 500px !important;
  height: 500px !important;
}
.sales-report-options-cube.user-balanse-report > div {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
}
.sales-report-options-cube.user-balanse-report > div.rigth-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(-90deg);
}
.sales-report-options-cube.user-balanse-report > div.left-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
}
.sales-report-options-cube.user-balanse-report > div.back-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(180deg);
}
.sales-report-options-cube.user-balanse-report > div.bottom-selected {
  transform: translateZ(-280px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
}
.sales-report-options-cube.user-balanse-report > div.top-selected {
  transform: translateZ(-200px) rotateX(-90deg) rotateZ(0deg) rotateY(180deg);
}
.sales-report-options-cube.user-balanse-report > div > figure {
  display: block;
  position: absolute;
  padding: 10px;
}
.sales-report-options-cube.user-balanse-report > div > figure.front-side {
  width: 500px;
  height: 500px;
  transform: rotateY(0) translateZ(250px);
  background: #000000;
  /*border: 2px solid #E75555;*/
}
.sales-report-options-cube.user-balanse-report > div > figure.front-side .context {
  padding: 5px;
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  /*background: rgba(137,113,17,0.9);*/
  /*.search-context {
                        margin-bottom: 20px;
                        width: 100%;
                        background: rgba(0,0,0,0.9);
                        border-radius: 3px;
                        padding: 5px;

                        > input {
                            background-color: #000000;
                            border: none;
                        }
                    }*/
}
.sales-report-options-cube.user-balanse-report > div > figure.front-side .context .items > div > div > div {
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
  background: #26c1af;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #26c1af 0%, #23b2a1 48%, #1f9d90 51%, #26c1af 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c1af', endColorstr='#26c1af', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube.user-balanse-report > div > figure.front-side .context .items > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.front-side .context .items > div > div > div.selected {
  background: #32ffe7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #32ffe7 0%, #29d1bd 49%, #32ffe7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32ffe7', endColorstr='#32ffe7', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.back-side {
  width: 500px;
  height: 500px;
  transform: rotateY(180deg) translateZ(250px);
  background-color: #000000;
  /*border: 2px solid #8FB800;*/
}
.sales-report-options-cube.user-balanse-report > div > figure.back-side .context {
  padding: 5px;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(67, 86, 0, 0.9);
}
.sales-report-options-cube.user-balanse-report > div > figure.back-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube.user-balanse-report > div > figure.back-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube.user-balanse-report > div > figure.back-side .context .items > div > div {
  background: #eaeaea;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eaeaea 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #eaeaea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#eaeaea', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 1;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 5px;
  border: 2px solid #ffffff;
  color: #000000 !important;
}
.sales-report-options-cube.user-balanse-report > div > figure.back-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.back-side .context .items > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.rigth-side {
  width: 500px;
  height: 500px;
  transform: rotateY(90deg) translateZ(250px);
  background: #000000;
  /*border: 2px solid #1F9D90;*/
}
.sales-report-options-cube.user-balanse-report > div > figure.rigth-side .context {
  padding: 5px;
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(109, 41, 41, 0.9);
}
.sales-report-options-cube.user-balanse-report > div > figure.rigth-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube.user-balanse-report > div > figure.rigth-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube.user-balanse-report > div > figure.rigth-side .context .items > div > div > div {
  background: #d15151;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d15151 0%, #ad4343 50%, #d15151 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d15151', endColorstr='#d15151', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
}
.sales-report-options-cube.user-balanse-report > div > figure.rigth-side .context .items > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.rigth-side .context .items > div > div > div.selected {
  background: #ff6363;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6363 0%, #c44c4c 50%, #ff8282 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff8282', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.rigth-side .context .items.services {
  height: 290px;
  overflow-y: auto;
  overflow-x: hidden;
}
.sales-report-options-cube.user-balanse-report > div > figure.left-side {
  width: 500px;
  height: 500px;
  transform: rotateY(-90deg) translateZ(250px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube.user-balanse-report > div > figure.left-side .context {
  padding: 5px;
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(99, 80, 12, 0.9);
}
.sales-report-options-cube.user-balanse-report > div > figure.left-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube.user-balanse-report > div > figure.left-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube.user-balanse-report > div > figure.left-side .context .items > div > div > div {
  background: #ceaa1a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ceaa1a 1%, #967a13 51%, #ceaa1a 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ceaa1a', endColorstr='#ceaa1a', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
}
.sales-report-options-cube.user-balanse-report > div > figure.left-side .context .items > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.left-side .context .items > div > div > div.selected {
  background: #ffce21;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffce21 0%, #ddb01c 51%, #ffce21 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce21', endColorstr='#ffce21', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.bottom-side {
  width: 500px;
  height: 500px;
  transform: rotateX(-90deg) translateZ(250px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube.user-balanse-report > div > figure.bottom-side .context {
  padding: 5px;
  height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #7d7e7d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube.user-balanse-report > div > figure.bottom-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube.user-balanse-report > div > figure.bottom-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube.user-balanse-report > div > figure.bottom-side .context .items > div > div {
  background: #f5f6f6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#f5f6f6', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
  color: #000000;
}
.sales-report-options-cube.user-balanse-report > div > figure.bottom-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.bottom-side .context .items > div > div.selected {
  background: #feccb1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.top-side {
  width: 250px;
  height: 250px;
  transform: rotateX(-90deg) translateZ(-125px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube.user-balanse-report > div > figure.top-side .context {
  padding: 5px;
  height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #d9dadb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d9dadb 0%, #c4c9ce 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9dadb', endColorstr='#c4c9ce', GradientType=0);
  /* IE6-9 */
  transform: rotateY(180deg);
}
.sales-report-options-cube.user-balanse-report > div > figure.top-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube.user-balanse-report > div > figure.top-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube.user-balanse-report > div > figure.top-side .context .items > div > div {
  background: #dedfe0;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dedfe0 0%, #d9dee0 50%, #e5ebee 50%, #cdd4d8 51%, #e8e9ea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedfe0', endColorstr='#e8e9ea', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #000000;
  color: #000000 !important;
}
.sales-report-options-cube.user-balanse-report > div > figure.top-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure.top-side .context .items > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube.user-balanse-report > div > figure .filter-service-type {
  width: 100%;
}
.sales-report-options-cube.user-balanse-report > div > figure .filter-service-type > div > span {
  font-size: 12px;
}
.sales-report-options-cube-2 {
  height: 400px !important;
  position: relative;
}
.sales-report-options-cube-2 > div {
  height: 100%;
}
.sales-report-options-cube-2 > div.rigth-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(-90deg);
}
.sales-report-options-cube-2 > div.left-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
}
.sales-report-options-cube-2 > div.back-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(180deg);
}
.sales-report-options-cube-2 > div.bottom-selected {
  transform: translateZ(-200px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
}
.sales-report-options-cube-2 > div.top-selected {
  transform: translateZ(-200px) rotateX(-90deg) rotateZ(0deg) rotateY(180deg);
}
.sales-report-options-cube-2 > div > figure {
  display: block;
  position: absolute;
  padding: 10px;
}
.sales-report-options-cube-2 > div > figure.front-side {
  width: 370px;
  height: 400px;
  transform: rotateY(0) translateZ(185px);
  background: #000000;
  /*border: 2px solid #E75555;*/
}
.sales-report-options-cube-2 > div > figure.front-side .context {
  padding: 5px;
  height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  /*background: rgba(137,113,17,0.9);*/
  /*.search-context {
                        margin-bottom: 20px;
                        width: 100%;
                        background: rgba(0,0,0,0.9);
                        border-radius: 3px;
                        padding: 5px;

                        > input {
                            background-color: #000000;
                            border: none;
                        }
                    }*/
}
.sales-report-options-cube-2 > div > figure.front-side .context .items > div > div > div > div {
  direction: rtl;
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
  background: #26c1af;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #26c1af 0%, #23b2a1 48%, #1f9d90 51%, #26c1af 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c1af', endColorstr='#26c1af', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube-2 > div > figure.front-side .context .items > div > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.front-side .context .items > div > div > div > div.selected {
  background: #32ffe7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #32ffe7 0%, #29d1bd 49%, #32ffe7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32ffe7', endColorstr='#32ffe7', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.back-side {
  width: 370px;
  height: 400px;
  background-color: #000000;
  /*border: 2px solid #8FB800;*/
}
.sales-report-options-cube-2 > div > figure.back-side .context {
  padding: 5px;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(67, 86, 0, 0.9);
}
.sales-report-options-cube-2 > div > figure.back-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube-2 > div > figure.back-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube-2 > div > figure.back-side .context .items > div > div {
  background: #eaeaea;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eaeaea 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #eaeaea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#eaeaea', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 1;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 5px;
  border: 2px solid #ffffff;
  color: #000000 !important;
}
.sales-report-options-cube-2 > div > figure.back-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.back-side .context .items > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.rigth-side {
  width: 370px;
  height: 400px;
  transform: rotateY(90deg) translateZ(185px);
  background: #000000;
  /*border: 2px solid #1F9D90;*/
}
.sales-report-options-cube-2 > div > figure.rigth-side .context {
  padding: 5px;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(109, 41, 41, 0.9);
}
.sales-report-options-cube-2 > div > figure.rigth-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube-2 > div > figure.rigth-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube-2 > div > figure.rigth-side .context .items > div > div > div {
  background: #d15151;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d15151 0%, #ad4343 50%, #d15151 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d15151', endColorstr='#d15151', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
}
.sales-report-options-cube-2 > div > figure.rigth-side .context .items > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.rigth-side .context .items > div > div > div.selected {
  background: #ff6363;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6363 0%, #c44c4c 50%, #ff8282 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff8282', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.rigth-side .context .items.services {
  height: 265px;
  overflow-y: auto;
  overflow-x: hidden;
}
.sales-report-options-cube-2 > div > figure.left-side {
  width: 370px;
  height: 400px;
  transform: rotateY(-90deg) translateZ(185px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube-2 > div > figure.left-side .context {
  padding: 5px;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(99, 80, 12, 0.9);
}
.sales-report-options-cube-2 > div > figure.left-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube-2 > div > figure.left-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube-2 > div > figure.left-side .context .items > div > div > div {
  background: #f1e767;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: right;
  border: 2px solid #ffffff;
  color: #000000;
}
.sales-report-options-cube-2 > div > figure.left-side .context .items > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.left-side .context .items > div > div > div.selected {
  background: #ff1a00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff1a00 0%, #ff1a00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a00', endColorstr='#ff1a00', GradientType=0);
  /* IE6-9 */
  opacity: 1;
  color: #ffffff;
}
.sales-report-options-cube-2 > div > figure.left-side .context .items > div .item {
  background: #ffd65e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: right;
  border: 2px solid #ffffff;
  color: #000000;
}
.sales-report-options-cube-2 > div > figure.left-side .context .items > div .item:hover {
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.left-side .context .items > div .item.selected {
  background: #499bea;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0);
  /* IE6-9 */
  opacity: 1;
  color: #ffffff;
}
.sales-report-options-cube-2 > div > figure.bottom-side {
  width: 370px;
  height: 370px;
  transform: rotateX(-90deg) translateZ(200px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube-2 > div > figure.bottom-side .context {
  padding: 5px;
  height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #7d7e7d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube-2 > div > figure.bottom-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube-2 > div > figure.bottom-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube-2 > div > figure.bottom-side .context .items > div > div {
  background: #f5f6f6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#f5f6f6', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
  color: #000000;
}
.sales-report-options-cube-2 > div > figure.bottom-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.bottom-side .context .items > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.top-side {
  width: 370px;
  height: 370px;
  transform: rotateX(-90deg) translateZ(-185px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube-2 > div > figure.top-side .context {
  padding: 5px;
  height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #d9dadb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d9dadb 0%, #c4c9ce 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9dadb', endColorstr='#c4c9ce', GradientType=0);
  /* IE6-9 */
  transform: rotateY(180deg);
}
.sales-report-options-cube-2 > div > figure.top-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube-2 > div > figure.top-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube-2 > div > figure.top-side .context .items > div > div {
  background: #dedfe0;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dedfe0 0%, #d9dee0 50%, #e5ebee 50%, #cdd4d8 51%, #e8e9ea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedfe0', endColorstr='#e8e9ea', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #000000;
  color: #000000 !important;
}
.sales-report-options-cube-2 > div > figure.top-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure.top-side .context .items > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2 > div > figure .filter-service-type {
  width: 100%;
  height: 35px;
  background: rgba(0, 0, 0, 0.3);
  padding-bottom: 10px;
  padding-top: 5px;
  margin-bottom: 5px;
}
.sales-report-options-cube-2 > div > figure .filter-service-type > div {
  padding: 0 !important;
}
.sales-report-options-cube-2 > div > figure .filter-service-type > div > span {
  font-size: 12px;
  display: inline-block;
  padding: 3px 10px;
  text-align: center;
  border: 1px solid;
  border-radius: 5px;
  margin-bottom: 5px;
  width: 100%;
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 0.6;
  cursor: pointer;
  color: #000;
}
.sales-report-options-cube-2 > div > figure .filter-service-type > div > span:hover {
  opacity: 0.9;
}
.sales-report-options-cube-2 > div > figure .filter-service-type > div > span.selected {
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report {
  width: 500px !important;
  height: 500px !important;
}
.sales-report-options-cube-2.user-balanse-report > div {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
}
.sales-report-options-cube-2.user-balanse-report > div.rigth-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(-90deg);
}
.sales-report-options-cube-2.user-balanse-report > div.left-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
}
.sales-report-options-cube-2.user-balanse-report > div.back-selected {
  transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(180deg);
}
.sales-report-options-cube-2.user-balanse-report > div.bottom-selected {
  transform: translateZ(-280px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
}
.sales-report-options-cube-2.user-balanse-report > div.top-selected {
  transform: translateZ(-200px) rotateX(-90deg) rotateZ(0deg) rotateY(180deg);
}
.sales-report-options-cube-2.user-balanse-report > div > figure {
  display: block;
  position: absolute;
  padding: 10px;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.front-side {
  width: 500px;
  height: 500px;
  transform: rotateY(0) translateZ(250px);
  background: #000000;
  /*border: 2px solid #E75555;*/
}
.sales-report-options-cube-2.user-balanse-report > div > figure.front-side .context {
  padding: 5px;
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  /*background: rgba(137,113,17,0.9);*/
  /*.search-context {
                        margin-bottom: 20px;
                        width: 100%;
                        background: rgba(0,0,0,0.9);
                        border-radius: 3px;
                        padding: 5px;

                        > input {
                            background-color: #000000;
                            border: none;
                        }
                    }*/
}
.sales-report-options-cube-2.user-balanse-report > div > figure.front-side .context .items > div > div > div {
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
  background: #26c1af;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #26c1af 0%, #23b2a1 48%, #1f9d90 51%, #26c1af 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c1af', endColorstr='#26c1af', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube-2.user-balanse-report > div > figure.front-side .context .items > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.front-side .context .items > div > div > div.selected {
  background: #32ffe7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #32ffe7 0%, #29d1bd 49%, #32ffe7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32ffe7', endColorstr='#32ffe7', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.back-side {
  width: 500px;
  height: 500px;
  transform: rotateY(180deg) translateZ(250px);
  background-color: #000000;
  /*border: 2px solid #8FB800;*/
}
.sales-report-options-cube-2.user-balanse-report > div > figure.back-side .context {
  padding: 5px;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(67, 86, 0, 0.9);
}
.sales-report-options-cube-2.user-balanse-report > div > figure.back-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.back-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.back-side .context .items > div > div {
  background: #eaeaea;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eaeaea 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #eaeaea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#eaeaea', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 1;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 5px;
  border: 2px solid #ffffff;
  color: #000000 !important;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.back-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.back-side .context .items > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.rigth-side {
  width: 500px;
  height: 500px;
  transform: rotateY(90deg) translateZ(250px);
  background: #000000;
  /*border: 2px solid #1F9D90;*/
}
.sales-report-options-cube-2.user-balanse-report > div > figure.rigth-side .context {
  padding: 5px;
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(109, 41, 41, 0.9);
}
.sales-report-options-cube-2.user-balanse-report > div > figure.rigth-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.rigth-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.rigth-side .context .items > div > div > div {
  background: #d15151;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d15151 0%, #ad4343 50%, #d15151 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d15151', endColorstr='#d15151', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.rigth-side .context .items > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.rigth-side .context .items > div > div > div.selected {
  background: #ff6363;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6363 0%, #c44c4c 50%, #ff8282 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff8282', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.rigth-side .context .items.services {
  height: 290px;
  overflow-y: auto;
  overflow-x: hidden;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.left-side {
  width: 500px;
  height: 500px;
  transform: rotateY(-90deg) translateZ(250px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube-2.user-balanse-report > div > figure.left-side .context {
  padding: 5px;
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(99, 80, 12, 0.9);
}
.sales-report-options-cube-2.user-balanse-report > div > figure.left-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.left-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.left-side .context .items > div > div > div {
  background: #ceaa1a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ceaa1a 1%, #967a13 51%, #ceaa1a 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ceaa1a', endColorstr='#ceaa1a', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.9;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.left-side .context .items > div > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.left-side .context .items > div > div > div.selected {
  background: #ffce21;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffce21 0%, #ddb01c 51%, #ffce21 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce21', endColorstr='#ffce21', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.bottom-side {
  width: 500px;
  height: 500px;
  transform: rotateX(-90deg) translateZ(250px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube-2.user-balanse-report > div > figure.bottom-side .context {
  padding: 5px;
  height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #7d7e7d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
  /* IE6-9 */
}
.sales-report-options-cube-2.user-balanse-report > div > figure.bottom-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.bottom-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.bottom-side .context .items > div > div {
  background: #f5f6f6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#f5f6f6', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #ffffff;
  color: #000000;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.bottom-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.bottom-side .context .items > div > div.selected {
  background: #feccb1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.top-side {
  width: 250px;
  height: 250px;
  transform: rotateX(-90deg) translateZ(-125px);
  background: #000000;
  /*border: 2px solid #DEB71B;*/
}
.sales-report-options-cube-2.user-balanse-report > div > figure.top-side .context {
  padding: 5px;
  height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #d9dadb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d9dadb 0%, #c4c9ce 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9dadb', endColorstr='#c4c9ce', GradientType=0);
  /* IE6-9 */
  transform: rotateY(180deg);
}
.sales-report-options-cube-2.user-balanse-report > div > figure.top-side .context .search-context {
  margin-bottom: 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.top-side .context .search-context > input {
  background-color: #000000;
  border: none;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.top-side .context .items > div > div {
  background: #dedfe0;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dedfe0 0%, #d9dee0 50%, #e5ebee 50%, #cdd4d8 51%, #e8e9ea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedfe0', endColorstr='#e8e9ea', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 2px solid #000000;
  color: #000000 !important;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.top-side .context .items > div > div:hover {
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure.top-side .context .items > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  opacity: 1;
}
.sales-report-options-cube-2.user-balanse-report > div > figure .filter-service-type {
  width: 100%;
}
.sales-report-options-cube-2.user-balanse-report > div > figure .filter-service-type > div > span {
  font-size: 12px;
}
.filter-prv > label.title {
  color: #efefef;
  font-size: 16px;
  font-weight: bold;
}
.filter-prv > label.remove-all {
  color: #8FB800;
  float: left;
}
.filter-prv .filter-result {
  background: rgba(0, 0, 0, 0.6);
  padding: 5px;
  border: 2px solid #ffffff;
  border-radius: 5px;
  height: 470px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.filter-prv .filter-result > div > label {
  font-size: 14px;
  color: #DEB71B;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.filter-prv .filter-result > div > label.remove-filter {
  color: #8FB800;
  float: left;
}
.filter-prv .filter-result > div > div > div {
  padding: 0 20px;
}
.filter-prv .filter-result > div > div > div > div {
  padding: 5px 10px 5px 0;
  width: 100%;
  margin-bottom: 5px;
  border-radius: 5px;
  border: 1px solid #ffffff;
  background: #bfd255;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  /* IE6-9 */
}
.excel-export-btn {
  background: rgba(255, 255, 255, 0.9);
  display: inline-block;
  padding: 3px 10px;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 5px;
  color: #189874;
}
.smart-search-history {
  padding: 10px;
  border-radius: 0 0 5px 5px;
}
.smart-search-history .ion-backspace {
  color: #E75555;
  margin-bottom: 5px;
  display: inline-block;
  cursor: pointer;
  direction: rtl;
}
.smart-search-history .ion-backspace:hover {
  opacity: 0.8;
}
.smart-search-history > div {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 15px;
}
.smart-search-history > div > div > div {
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #383838 90%, #4e4e4e 99%, #1b1b1b 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
  padding: 3px 10px 5px 0;
  border-bottom: 1px solid black;
  cursor: pointer;
  color: #ffffff;
}
.smart-search-history > div > div > div:hover {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.smart-search-history > div > div > div.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.smart-search-history > div > div > div > i {
  float: left;
  color: #E75555;
  margin-left: 6px;
  cursor: pointer;
}
.smart-search-history > div > div > div > i:hover {
  color: #ffffff !important;
}
.pending-service-popup {
  background: #7d7e7d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
  /* IE6-9 */
}
.pending-service-popup > div > div {
  background: #eeeeee;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
  text-align: center;
  border-radius: 5px;
  border: 2px solid #E75555;
  padding: 20px;
}
.pending-service-popup > div > div > h4 {
  text-align: center;
}
.pending-service-popup > div > div > p {
  text-align: center;
  color: #DEB71B !important;
}
.pending-service-popup > div > div > p > label {
  color: #E75555;
}
.nas-view .all-nas > div {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 30px;
}
.nas-view .all-nas > div > div > div > div {
  background: #187c6f;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #187c6f 1%, #0e4942 51%, #187a6d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#187c6f', endColorstr='#187a6d', GradientType=0);
  /* IE6-9 */
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.nas-view .all-nas > div > div > div > div:hover {
  opacity: 0.8;
}
.nas-view .all-nas > div > div > div > div.selected {
  background: #32ffe7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #32ffe7 0%, #27c4b2 51%, #32ffe7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32ffe7', endColorstr='#32ffe7', GradientType=0);
  /* IE6-9 */
}
.nas-view .selected-nas > div {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 30px;
}
.nas-view .selected-nas > div > div > div > div {
  background: #cca81a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #cca81a 1%, #dfb81c 1%, #a08414 51%, #bf9b18 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cca81a', endColorstr='#bf9b18', GradientType=0);
  /* IE6-9 */
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  padding: 5px 10px;
  cursor: pointer;
}
.nas-view .selected-nas > div > div > div > div:hover {
  opacity: 0.8;
}
.nas-view .selected-nas > div > div > div > div.selected {
  background: #ffce21;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffce21 1%, #dfb81c 1%, #d1ac1b 51%, #ffce21 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce21', endColorstr='#ffce21', GradientType=0);
  /* IE6-9 */
}
.buy-return-btn {
  color: #06088a !important;
  text-decoration: underline;
  cursor: pointer;
}
.info-i {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 21px;
  border-radius: 33px;
  background-color: #1F9D90;
  border: 2px solid #ffffff;
  position: absolute;
  right: -27px;
  top: 0;
  cursor: pointer;
  line-height: 20px;
}
.info-i ul {
  background-color: #000000;
  padding: 5px;
  border-radius: 5px;
  display: none;
  width: 250px;
}
.info-i ul.open-right {
  position: absolute;
  left: 13px;
  top: 17px;
}
.info-i ul li {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  margin-right: 0;
  direction: rtl;
  line-height: 20px;
  width: 100%;
}
.info-i:hover {
  background-color: #DEB71B;
  z-index: 100;
}
.info-i:hover ul {
  display: block;
}
.dashboard-view {
  margin-top: 30px;
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  border-radius: 10px;
}
.dashboard-view > div.top-tile > div {
  padding: 0, 10px;
}
.dashboard-view > div.top-tile > div > div {
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.4);
  height: 200px;
  width: 100%;
  padding: 15px 22px;
}
.dashboard-view > div.top-tile > div:nth-child(1) > div {
  border: 2px solid #E75555;
}
.dashboard-view > div.top-tile > div:nth-child(2) > div {
  border: 2px solid #DEB71B;
}
.dashboard-view > div.top-tile > div:nth-child(3) > div {
  border: 2px solid #8FB800;
}
.dashboard-view > div.top-tile > div:nth-child(4) > div {
  border: 2px solid #1F9D90;
}
.dashboard-view > div.top-tile > div #customertypeChart {
  position: absolute;
  top: -100px;
  left: 33px;
  width: 454px;
  height: 377px;
  overflow: hidden;
  text-align: left;
}
.dashboard-view > div.middle-tile {
  margin-top: 20px;
  position: relative;
}
.dashboard-view > div.middle-tile > div {
  padding: 5px, 10px;
}
.dashboard-view > div.middle-tile > div > div {
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.4);
  height: 350px;
  width: 100%;
  padding: 15px 0;
  border: 2px solid #4c6058;
  position: relative;
}
.dashboard-view > div.sale-middle-tile {
  margin-top: 20px;
  position: relative;
}
.dashboard-view > div.sale-middle-tile .tools {
  position: absolute;
  left: 30px;
  top: 10px;
  direction: rtl;
}
.dashboard-view > div.sale-middle-tile .tools li {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
}
.dashboard-view > div.sale-middle-tile .tools li.background-dark {
  border-radius: 5px;
  border: 1px solid #959595;
  padding: 2px !important;
  vertical-align: top;
}
.dashboard-view > div.sale-middle-tile > div {
  padding: 5px, 10px;
}
.dashboard-view > div.sale-middle-tile > div > div {
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.4);
  /*height: 600px;*/
  width: 100%;
  padding: 15px 0;
  border: 2px solid #4c6058;
}
.dashboard-view > div.sale-middle-tile > div > div.customerCount {
  border: 2px solid #922b2f;
}
.dashboard-view > div.sale-middle-tile > div > div.usages {
  border: 2px solid #344f9a;
}
.dashboard-view > div.sale-middle-tile > div > div.diff-customerCount {
  border: 2px solid #8FB800;
}
.ticket-users > div {
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
  height: 900px;
}
.ticket-users > div .all-user {
  padding: 10px;
}
.ticket-users > div .all-user > div {
  padding: 20px;
}
.ticket-users > div .all-user > div .list {
  padding: 5px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  border: 2px solid #E75555;
  height: 550px;
  overflow: auto;
}
.ticket-users > div .all-user > div .list .list-item > div {
  padding: 5px;
}
.ticket-users > div .all-user > div .list .list-item > div > span {
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  background: #993a3a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #993a3a 2%, #993a3a 2%, #5b2222 51%, #993a3a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#993a3a', endColorstr='#993a3a', GradientType=0);
  /* IE6-9 */
  height: 30px;
  line-height: 25px;
  overflow: hidden;
  padding: 3px 5px 3px 5px;
  width: 100%;
  cursor: pointer;
}
.ticket-users > div .all-user > div .list .list-item > div > span:hover {
  opacity: 0.8;
}
.ticket-users > div .all-user > div .list .list-item > div > span.selected {
  background: #ff6060;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6060 0%, #bc4747 50%, #ff6060 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6060', endColorstr='#ff6060', GradientType=0);
  /* IE6-9 */
}
.ticket-users > div .selected-user {
  padding: 10px;
}
.ticket-users > div .selected-user > div {
  padding: 20px;
}
.ticket-users > div .selected-user > div .list {
  padding: 5px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  border: 2px solid #1F9D90;
  height: 550px;
  overflow: auto;
}
.ticket-users > div .selected-user > div .list .list-item > div {
  padding: 5px;
}
.ticket-users > div .selected-user > div .list .list-item > div > span {
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  background: #2bd1bd;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2bd1bd 2%, #1b8276 52%, #2ac9b6 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bd1bd', endColorstr='#2ac9b6', GradientType=0);
  /* IE6-9 */
  height: 30px;
  line-height: 25px;
  overflow: hidden;
  padding: 3px 5px 3px 5px;
  width: 100%;
  cursor: pointer;
}
.ticket-users > div .selected-user > div .list .list-item > div > span:hover {
  opacity: 0.8;
}
.contact-info-table tr {
  border-bottom: 2px solid #c6c6c6;
}
.contact-info-table tr td {
  line-height: 70px;
}
.contact-info-table tr td > div {
  margin-top: 15px;
}
.user-position-exclude > div {
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
  height: 900px;
}
.user-position-exclude > div .all-user {
  padding: 10px;
}
.user-position-exclude > div .all-user > div {
  padding: 20px;
}
.user-position-exclude > div .all-user > div .list {
  padding: 5px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  border: 2px solid #E75555;
  height: 550px;
  overflow: auto;
}
.user-position-exclude > div .all-user > div .list > div > h5 {
  padding-right: 7px;
  border-bottom: 2px solid #d1d1d1;
  padding-bottom: 10px;
  cursor: pointer;
}
.user-position-exclude > div .all-user > div .list .list-item > div {
  padding: 5px;
}
.user-position-exclude > div .all-user > div .list .list-item > div > span {
  border-radius: 3px;
  display: inline-block;
  text-align: right;
  color: #ffffff;
  background: #993a3a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #993a3a 2%, #993a3a 2%, #5b2222 51%, #993a3a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#993a3a', endColorstr='#993a3a', GradientType=0);
  /* IE6-9 */
  height: 40px;
  line-height: 25px;
  overflow: hidden;
  padding: 3px 5px 3px 5px;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.user-position-exclude > div .all-user > div .list .list-item > div > span:hover {
  opacity: 0.8;
}
.user-position-exclude > div .all-user > div .list .list-item > div > span.selected {
  background: #ff6060;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6060 0%, #bc4747 50%, #ff6060 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6060', endColorstr='#ff6060', GradientType=0);
  /* IE6-9 */
}
.user-position-exclude > div .all-user > div .list .list-item > div > span span {
  padding-bottom: 0;
  position: absolute;
  left: 2px;
  top: 2px;
  cursor: pointer;
  line-height: 15px;
  border-radius: 3px;
  border: 1px solid #ffffff;
}
.user-position-exclude > div .all-user > div .list .list-item > div > span span svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  vertical-align: middle;
}
.user-position-exclude > div .all-user > div .list .list-item > div > span span.unilateral {
  left: 30px;
}
.user-position-exclude > div .all-user > div .list .list-item > div > span span:hover {
  opacity: 0.6;
}
.user-position-exclude > div .selected-user {
  padding: 10px;
}
.user-position-exclude > div .selected-user > div {
  padding: 20px;
}
.user-position-exclude > div .selected-user > div .list {
  padding: 5px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  border: 2px solid #1F9D90;
  height: 550px;
  overflow: auto;
}
.user-position-exclude > div .selected-user > div .list > div > h5 {
  padding-right: 7px;
  border-bottom: 2px solid #d1d1d1;
  padding-bottom: 10px;
  cursor: pointer;
}
.user-position-exclude > div .selected-user > div .list .list-item > div {
  padding: 5px;
}
.user-position-exclude > div .selected-user > div .list .list-item > div > span {
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  background: #2bd1bd;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2bd1bd 2%, #1b8276 52%, #2ac9b6 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bd1bd', endColorstr='#2ac9b6', GradientType=0);
  /* IE6-9 */
  height: 40px;
  line-height: 25px;
  overflow: hidden;
  padding: 3px 5px 3px 5px;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.user-position-exclude > div .selected-user > div .list .list-item > div > span:hover {
  opacity: 0.8;
}
.user-position-exclude > div .selected-user > div .list .list-item > div > span span {
  padding-bottom: 0;
  position: absolute;
  left: 2px;
  top: 2px;
  cursor: pointer;
  line-height: 15px;
  border-radius: 3px;
  border: 1px solid #ffffff;
}
.user-position-exclude > div .selected-user > div .list .list-item > div > span span svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  vertical-align: middle;
}
.user-position-exclude > div .selected-user > div .list .list-item > div > span span:hover {
  opacity: 0.6;
}
.user-position-exclude > div .selected-user > div .list .list-item > div > span span i {
  border-radius: 10px;
  border: 1px solid #DEB71B;
  line-height: 10px;
  position: absolute;
  right: -8px;
  bottom: -10px;
  background-color: #000;
}
.user-position-exclude > div .selected-user > div .list .list-item > div > span span i svg {
  width: 15px;
  height: 15px;
  fill: #DEB71B;
  vertical-align: middle;
}
.settings-view .light-panel label,
.settings-view .light-panel h4 {
  color: #000000 !important;
}
.settings-view .light-panel .raiot-settings .setting-item {
  padding: 20px;
}
.settings-view .light-panel .raiot-settings .setting-item fieldset {
  padding: 20px;
  border-radius: 5px;
  border: 2px solid #888888;
  background-color: #ffffff;
  height: 1175px;
  overflow: auto;
}
.settings-view .light-panel .raiot-settings .setting-item fieldset legend {
  color: #fff;
  margin-bottom: 50px;
  width: 100%;
  font-size: 14px;
  border: none;
  background-image: linear-gradient(90deg, #00b3ff, #08f);
  box-shadow: 0 3px 0 0 #0087db, 0 2px 8px 0 #009dff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  padding: 5px;
  border-radius: 3px;
  direction: rtl;
  text-align: center;
}
.settings-view .light-panel .raiot-settings .setting-item fieldset input[type=text] {
  color: #000000 !important;
}
.settings-view .panel .raiot-settings .setting-item {
  padding: 20px;
}
.settings-view .panel .raiot-settings .setting-item fieldset {
  padding: 20px;
  border-radius: 5px;
  border: 2px solid #888888;
  background: rgba(0, 0, 0, 0.4);
  height: 1175px;
  overflow: auto;
}
.settings-view .panel .raiot-settings .setting-item fieldset legend {
  color: #fff;
  margin-bottom: 50px;
  width: 100%;
  font-size: 14px;
  background: #bfd255;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  /* IE6-9 */
  padding: 5px;
  border-radius: 3px;
  direction: rtl;
  text-align: center;
  border: none;
}
.settings-view .panel .raiot-settings .setting-item fieldset input[type=text] {
  color: #ffffff !important;
}
.settings-view .diabled-setting {
  background-color: none !important;
  background: rgba(254, 90, 90, 0.3) !important;
}
#ticketAnswerModal .modal-header {
  background: #1f9d90;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1f9d90 1%, #125b52 50%, #17756a 82%, #17756a 82%, #1f9d90 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f9d90', endColorstr='#1f9d90', GradientType=0);
  /* IE6-9 */
}
#ticketAnswerModal .sender-ticket {
  color: #14655B;
  direction: rtl;
  border-bottom: 2px solid #14655B;
  text-decoration: initial;
  cursor: pointer;
}
#ticketAnswerModal .sender-ticket:hover {
  color: #DEB71B;
  border-bottom: 2px solid #DEB71B;
}
#ticketAnswerModal .ticket-info {
  padding: 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1);
  height: 150px;
  overflow: auto;
  border: 1px solid #156A60;
}
#ticketAnswerModal .ticket-info p {
  color: #000000 !important;
  direction: rtl;
}
#ticketAnswerModal .ticket-info p span {
  color: #1f9d90 !important;
}
#ticketAnswersModal .modal-header {
  background: #1f9d90;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1f9d90 1%, #125b52 50%, #17756a 82%, #17756a 82%, #1f9d90 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f9d90', endColorstr='#1f9d90', GradientType=0);
  /* IE6-9 */
}
#ticketAnswersModal .sender-ticket {
  color: #14655B;
  direction: rtl;
  border-bottom: 2px solid #14655B;
  text-decoration: initial;
  cursor: pointer;
}
#ticketAnswersModal .sender-ticket:hover {
  color: #DEB71B;
  border-bottom: 2px solid #DEB71B;
}
#ticketAnswersModal .ticket-info {
  padding: 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1);
  height: 150px;
  overflow: auto;
  border: 1px solid #156A60;
}
#ticketAnswersModal .ticket-info p {
  color: #000000 !important;
  direction: rtl;
}
#ticketAnswersModal .ticket-info p span {
  color: #1f9d90 !important;
}
.mac-suggestion {
  position: absolute;
  top: 70px;
  left: 0;
  height: 150px;
  overflow: auto;
  z-index: 1000;
}
.mac-suggestion > li {
  height: 25px;
  line-height: 17px;
  text-align: center;
  background: #0de0c4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0de0c4 0%, #089181 49%, #0de0c4 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0de0c4', endColorstr='#0de0c4', GradientType=0);
  /* IE6-9 */
  margin-top: 0 !important;
  color: #ffffff !important;
  width: 100%;
  cursor: pointer;
}
.mac-suggestion > li.selected {
  background: #ffd221;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd221 1%, #c4a219 46%, #ffd221 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#ffd221', GradientType=0);
  /* IE6-9 */
}
.mac-suggestion > li:hover {
  background: #ffd221;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd221 1%, #c4a219 46%, #ffd221 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#ffd221', GradientType=0);
  /* IE6-9 */
}
.shahkar-view .document-status {
  padding: 0 5px;
  border-radius: 3px;
  border: 2px solid #fff;
  text-align: center;
  background: #000000;
  color: #ffffff;
  cursor: pointer;
}
.shahkar-view .document-status:hover {
  opacity: 0.8;
}
.shahkar-view .document-status.disapproved {
  background: #e85656;
}
.shahkar-view .document-status.approved {
  background: #90b900;
}
.shahkar-view .status-item {
  padding: 3px 30px;
}
.shahkar-view .status-item > label {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #ffffff !important;
  background: #90b900;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #90b900 0%, #6d8c00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90b900', endColorstr='#6d8c00', GradientType=0);
  /* IE6-9 */
  position: relative;
  padding: 3px;
  cursor: pointer;
  border-radius: 3px;
  border: 2px solid #fff;
}
.shahkar-view .status-item > label:hover {
  opacity: 0.8;
}
.shahkar-view .status-item > label i {
  position: absolute;
  left: 5px;
  top: 5px;
  color: #fff;
}
.shahkar-view .panel-light {
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  position: relative;
  margin-bottom: 24px;
  box-shadow: 0 0 2px 1px #88A89F;
}
.shahkar-view .panel-light h3,
.shahkar-view .panel-light label,
.shahkar-view .panel-light select,
.shahkar-view .panel-light option {
  color: #000000;
}
.shahkar-view .panel-light .status-item {
  padding: 3px 30px;
}
.shahkar-view .panel-light .status-item > label {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #ffffff !important;
  background-image: linear-gradient(90deg, #00d9bf, #00d977);
  box-shadow: 0 3px 0 0 #00bb85, 0 2px 8px 0 #00d99b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  position: relative;
  padding: 3px;
  cursor: pointer;
}
.shahkar-view .panel-light .status-item > label:hover {
  opacity: 0.8;
}
.shahkar-view .panel-light .status-item > label i {
  position: absolute;
  left: 5px;
  top: 5px;
  color: #fff;
}
.shahkar-view .panel-light .document-status {
  padding: 0 5px;
  border-radius: 3px;
  border: 2px solid #fff;
  text-align: center;
  background: #000000;
  color: #ffffff;
  cursor: pointer;
}
.shahkar-view .panel-light .document-status:hover {
  opacity: 0.8;
}
.shahkar-view .panel-light .document-status.disapproved {
  background-image: linear-gradient(90deg, #ff38ac, #ff386a);
  box-shadow: 0 3px 0 0 #db3078, 0 2px 8px 0 #ff388b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.shahkar-view .panel-light .document-status.approved {
  background-image: linear-gradient(90deg, #00d9bf, #00d977);
  box-shadow: 0 3px 0 0 #00bb85, 0 2px 8px 0 #00d99b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.shahkar-view #shahkarModal .context-item > div {
  background-color: #E7E7E7;
  border: 2px solid #000000;
  padding: 20px;
  border-radius: 5px;
}
.shahkar-view #shahkarModal .context-item > div .context-title {
  direction: rtl;
}
.shahkar-view #shahkarModal .context-item > div > div {
  background-color: #f2f2f2;
}
.shahkar-view #shahkarModal .context-item > div > div .approved-tools {
  position: absolute;
  left: 0;
  top: 0;
}
.shahkar-view #shahkarModal .context-item > div > div .approved-tools i {
  font-size: 30px;
  cursor: pointer;
}
.shahkar-view #shahkarModal .context-item > div > div .approved-tools i.ion-arrow-right-a {
  color: #ff386a;
}
.shahkar-view #shahkarModal .context-item > div > div .approved-tools i.ion-arrow-up-a {
  color: #ff386a;
}
.shahkar-view #shahkarModal .context-item > div > div .approved-tools i.ion-android-checkmark-circle {
  color: #00d977;
}
.shahkar-view #shahkarModal .context-item > div > div .file-list-container {
  position: relative;
  width: 100%;
}
.shahkar-view #shahkarModal .context-item > div > div .file-list-container i {
  font-size: 24px;
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
  color: #fff;
  background-color: #3F3C7D;
  box-shadow: 0 3px 0 0 #7e4ddb, 0 2px 8px 0 #9259ff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border: 2px solid #7659ff;
  z-index: 1000;
  padding: 3px 10px;
  border-radius: 3px;
}
.shahkar-view #shahkarModal .context-item > div > div .file-list-container > div {
  width: 100%;
  position: absolute;
  right: 100%;
  transition: all 0.5s ease-in-out;
  text-align: center;
}
.shahkar-view #shahkarModal .context-item > div > div .file-list-container > div.selected {
  right: 0;
}
.shahkar-view .shahkae-geolocation-table .status {
  display: inline-block;
  padding: 2px 5px;
  background: rgba(0, 0, 0, 0.5);
  height: 30px;
  line-height: 23px;
  margin-top: 5px;
  border-radius: 5px;
}
.shahkar-view .shahkae-geolocation-table .under-review {
  color: #DEB71B;
  border: 1px solid #DEB71B;
}
.shahkar-view .shahkae-geolocation-table .verified {
  color: #1F9D90;
  border: 1px solid #1F9D90;
}
.shahkar-view .shahkae-geolocation-table .not-verified {
  color: #E75555;
  border: 1px solid #E75555;
}
.shahkar-view #locationModal .customer-address-container {
  padding: 15px;
  border-radius: 5px;
  border: 2px solid #999;
  background-color: #eaebeb;
  direction: rtl;
}
.shahkar-view #locationModal .customer-address-container label {
  color: #1F9D90;
}
.shahkar-view #locationModal .customer-address-container span {
  color: #000000 !important;
}
.shahkar-view #locationModal fieldset {
  border-radius: 5px;
  box-shadow: 0 0 2px 2px #919191;
}
.shahkar-view #locationModal fieldset > div {
  text-align: center;
}
.shahkar-view #locationModal fieldset legend {
  padding: 12px;
  background: #ffd221;
  border-radius: 5px;
  display: inline-block;
  width: 60%;
  border: 2px solid #333;
}
.shahkar-view #locationModal #customerNoeMap,
.shahkar-view #locationModal #customerCrmNoeMap {
  width: 100%;
  height: 450px;
}
.sale-report .option-context {
  background: rgba(0, 0, 0, 0.5);
}
.sale-report .option-context .form-group.is-focused .checkbox label:hover {
  color: #bdbdbd;
}
.sale-report .option-context .form-group .checkbox label > span > span {
  border: 2px solid #bdbdbd;
}
.sale-report .option-context .form-group .checkbox label:hover {
  color: #bdbdbd;
}
.sale-report .counter {
  float: left;
  color: #a7ed04;
  font-size: 18px;
  text-shadow: 0 0 5px #b4ff05;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #b4ff05;
  position: absolute;
  bottom: 20px;
  left: 60px;
}
.sale-report .counter .counter-label {
  font-size: 14px;
}
.panel-light {
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  position: relative;
  margin-bottom: 24px;
  box-shadow: 0 0 2px 1px #88A89F;
}
.panel-light h3,
.panel-light label,
.panel-light select,
.panel-light option {
  color: #000000 !important;
}
.panel-light .table-bordered > tbody > tr > td,
.panel-light .table-bordered > tfoot > tr > td,
.panel-light .table-bordered > thead > tr > th {
  border-bottom: 1px solid #000000;
}
.panel-light table th {
  color: #000000;
}
.panel-light table td {
  color: #000000;
}
.panel-light .sales-report-options-cube-control > div {
  padding: 1px !important;
}
.panel-light .sales-report-options-cube-control > div > label {
  width: 100%;
  color: #ffffff !important;
}
.panel-light .sales-report-options-cube-control > div:nth-child(1) > label {
  background: #2edbc7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2edbc7 0%, #20998a 51%, #27bcab 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2edbc7', endColorstr='#27bcab', GradientType=0);
  /* IE6-9 */
}
.panel-light .sales-report-options-cube-control > div:nth-child(2) > label {
  background: #ff6363;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6363 0%, #ba4848 49%, #ff6363 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff6363', GradientType=0);
  /* IE6-9 */
}
.panel-light .sales-report-options-cube-control > div:nth-child(3) > label {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dfb81c 0%, #b29317 52%, #dfb81c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#dfb81c', GradientType=0);
  /* IE6-9 */
}
.panel-light .sales-report-options-cube-control > div:nth-child(4) > label {
  background: #abdb00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #abdb00 0%, #85aa00 49%, #abdb00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abdb00', endColorstr='#abdb00', GradientType=0);
  /* IE6-9 */
}
.panel-light .sales-report-options-cube-control > div:nth-child(5) > label {
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.panel-light .sales-report-options-cube-control > div:nth-child(6) > label {
  background: #f6f8f9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
  /* IE6-9 */
  color: #000000 !important;
}
.panel-light .sales-report-options-cube-control > div > label {
  display: inline-block;
  text-align: center;
  padding: 2px;
  border-radius: 3px;
}
.panel-light .option-context {
  background: #cfd4d6;
}
.panel-light .btn {
  text-transform: uppercase;
  letter-spacing: .4px;
  font-weight: 500;
  font-family: Exo;
  line-height: 1.25;
  border: 2px solid transparent;
  transition: color 0.1s ease-out, background-color 0.1s ease-out, border-color 0.1s ease-out;
  padding: .75rem 1.5rem;
  /*font-size: 1rem;*/
  border-radius: .375rem;
  color: #ffffff !important;
  font-family: "WYekan";
}
.panel-light .btn-primary {
  background-color: #8a7fff;
}
.panel-light .pagination > .active > a,
.panel-light .pagination > .active > span,
.panel-light .pagination > .active > a:hover,
.panel-light .pagination > .active > span:hover,
.panel-light .pagination > .active > a:focus,
.panel-light .pagination > .active > span:focus {
  background-color: #7659ff !important;
  border-color: #a1a1e5 !important;
  color: #ffffff !important;
}
.panel-light .pagination > li > a,
.panel-light .pagination > li > span {
  color: #3F3C7D;
  border-color: #a1a1e5 !important;
}
.panel-light .service-profile-link {
  /*border:1.6px dashed @dark-green;*/
  cursor: pointer;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
  text-decoration: underline;
  color: #7659ff;
  font-size: 18px;
  font-family: Arial !important;
}
.panel-light .service-profile-link:hover {
  color: #ad59ff;
}
.pagination li {
  display: inline-block;
  background: #2fe0cb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2fe0cb 0%, #209e91 6%, #15665b 91%, #0e443e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2fe0cb', endColorstr='#0e443e', GradientType=0);
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 0 0 8px 2px #404040;
  cursor: pointer;
}
.ticket-view .panel-light {
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  position: relative;
  margin-bottom: 24px;
  box-shadow: 0 0 2px 1px #88A89F;
}
.ticket-view .panel-light h3 {
  color: #000000;
}
.ticket-view .panel-light .ticket-page-filter {
  padding: 10px;
  margin-right: 10px;
  background: #ffffff;
}
.ticket-view .panel-light .ticket-page-filter span {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  height: 30px;
  line-height: 25px;
  padding: 2px 10px 5px 10px;
  cursor: pointer;
}
.ticket-view .panel-light .ticket-page-filter .filter-container {
  padding: 5px !important;
}
.ticket-view .panel-light .ticket-page-filter .filter-container .open-ticket {
  background: #00d9bf;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00d9bf 0%, #00d977 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d9bf', endColorstr='#00d977', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 3px 0 0 #00bb85, 0 2px 8px 0 #00d99b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.ticket-view .panel-light .ticket-page-filter .filter-container .open-ticket.selected {
  background: #ffad3d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffad3d 0%, #ffce43 48%, #ffad3d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad3d', endColorstr='#ffad3d', GradientType=0);
  /* IE6-9 */
  box-shadow: none;
}
.ticket-view .panel-light .ticket-page-filter .filter-container .open-ticket:hover {
  background: #00d6b9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00d6b9 0%, #00ffd8 46%, #00c9ae 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d6b9', endColorstr='#00c9ae', GradientType=0);
  /* IE6-9 */
}
.ticket-view .panel-light .ticket-page-filter .filter-container .close-ticket {
  background: #ff38ac;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff38ac 0%, #ff386a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff38ac', endColorstr='#ff386a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 3px 0 0 #db3078, 0 2px 8px 0 #ff388b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  margin-right: 10px;
}
.ticket-view .panel-light .ticket-page-filter .filter-container .close-ticket.selected {
  background: #ffad3d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffad3d 0%, #ffce43 48%, #ffad3d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad3d', endColorstr='#ffad3d', GradientType=0);
  /* IE6-9 */
  box-shadow: none;
}
.ticket-view .panel-light .ticket-page-filter .filter-container .close-ticket:hover {
  background: #ce2d55;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ce2d55 1%, #ff3567 51%, #ba284a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce2d55', endColorstr='#ba284a', GradientType=0);
  /* IE6-9 */
}
.ticket-view .panel-light .ticket-page-filter .filter-container .all-ticket {
  background: #00b6ff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00b6ff 0%, #0079c4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b6ff', endColorstr='#0079c4', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 3px 0 0 #0087db, 0 2px 8px 0 #009dff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.ticket-view .panel-light .ticket-page-filter .filter-container .all-ticket.selected {
  background: #ffad3d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffad3d 0%, #ffce43 48%, #ffad3d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad3d', endColorstr='#ffad3d', GradientType=0);
  /* IE6-9 */
  box-shadow: none;
}
.ticket-view .panel-light .ticket-page-filter .filter-container .all-ticket:hover {
  background: #00b3ff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00b3ff 0%, #0082d3 53%, #0082d3 53%, #00b3ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3ff', endColorstr='#00b3ff', GradientType=0);
  /* IE6-9 */
}
.ticket-view .panel-light .background-dark-border-yellow {
  box-shadow: 0 3px 0 0 #db9d00, 0 2px 8px 0 #ffb600, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background: #e8e8e8;
}
.ticket-view .panel-light .background-dark-border-yellow td,
.ticket-view .panel-light .background-dark-border-yellow th {
  color: #000;
}
.ticket-view .ticket-page-filter {
  padding: 10px;
  margin-right: 10px;
  background: rgba(0, 0, 0, 0.5);
}
.ticket-view .ticket-page-filter span {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  height: 30px;
  line-height: 25px;
  padding: 2px 10px 5px 10px;
  cursor: pointer;
}
.ticket-view .ticket-page-filter .filter-container {
  padding: 5px !important;
}
.ticket-view .ticket-page-filter .filter-container .open-ticket {
  background: #1b8276;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1b8276 1%, #125951 46%, #1b8276 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#1b8276', GradientType=0);
  /* IE6-9 */
}
.ticket-view .ticket-page-filter .filter-container .open-ticket.selected {
  background: #35ffe4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #35ffe4 1%, #27bca6 50%, #35ffe4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35ffe4', endColorstr='#35ffe4', GradientType=0);
  /* IE6-9 */
}
.ticket-view .ticket-page-filter .filter-container .open-ticket:hover {
  background: #35ffe4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #35ffe4 1%, #27bca6 50%, #35ffe4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35ffe4', endColorstr='#35ffe4', GradientType=0);
  /* IE6-9 */
}
.ticket-view .ticket-page-filter .filter-container .close-ticket {
  background: #993a3a;
  background: linear-gradient(to bottom, #993a3a 2%, #993a3a 2%, #5b2222 51%, #993a3a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#993a3a', endColorstr='#993a3a', GradientType=0);
  margin-right: 10px;
}
.ticket-view .ticket-page-filter .filter-container .close-ticket.selected {
  background: #ff6060;
  background: linear-gradient(to bottom, #ff6060 0%, #bc4747 50%, #ff6060 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6060', endColorstr='#ff6060', GradientType=0);
}
.ticket-view .ticket-page-filter .filter-container .close-ticket:hover {
  background: #ff6060;
  background: linear-gradient(to bottom, #ff6060 0%, #bc4747 50%, #ff6060 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6060', endColorstr='#ff6060', GradientType=0);
}
.ticket-view .ticket-page-filter .filter-container .all-ticket {
  background: #6b8900;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6b8900 1%, #4b6000 51%, #6b8900 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b8900', endColorstr='#6b8900', GradientType=0);
  /* IE6-9 */
}
.ticket-view .ticket-page-filter .filter-container .all-ticket.selected {
  background: #c7ff00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c7ff00 1%, #89af00 50%, #c7ff00 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7ff00', endColorstr='#c7ff00', GradientType=0);
  /* IE6-9 */
}
.ticket-view .ticket-page-filter .filter-container .all-ticket:hover {
  background: #c7ff00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c7ff00 1%, #89af00 50%, #c7ff00 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7ff00', endColorstr='#c7ff00', GradientType=0);
  /* IE6-9 */
}
.force-select {
  -webkit-user-select: all;
  /* Chrome 49+ */
  /* Firefox 43+ */
  /* No support yet */
  user-select: all;
  /* Likely future */
}
.fullScreen-tab {
  width: 100% !important;
  position: absolute !important;
  top: 4px;
  right: 0;
  z-index: 105;
  height: 100% !important;
  overflow: auto !important;
}
.in-fulldcreen-mode {
  position: static !important;
}
.fullscreen-btn {
  color: #DEB71B;
  /*position: absolute;*/
  right: 5px;
  top: 5px;
  float: right;
  font-size: 24px;
  cursor: pointer;
}
.fullscreen-btn:hover {
  opacity: 0.8;
}
.un-fullscreen-btn {
  color: #DEB71B;
  /*position: absolute;*/
  top: 7px;
  float: right;
  font-size: 24px;
  cursor: pointer;
  /*border: 2px solid #DEB71B !important;*/
  padding: 3px 5px;
  border-radius: 3px;
  left: 6px;
}
.un-fullscreen-btn:hover {
  opacity: 0.8;
}
.factor-discount-context {
  /* ff3.6+ */
  /* safari4+,chrome */
  /* safari5.1+,chrome10+ */
  /* opera 11.10+ */
  /* ie10+ */
  background: linear-gradient(180deg, #e75555 0%, #800000 10%, #800000 87%, #450000 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E75555', endColorstr='#450000', GradientType=0);
  /* ie6-9 */
  border: 2px solid #E75555;
  border-radius: 5px;
}
.factor-discount-context .descont-input-container {
  /* ff3.6+ */
  /* safari4+,chrome */
  /* safari5.1+,chrome10+ */
  /* opera 11.10+ */
  /* ie10+ */
  background: linear-gradient(179deg, #bababa 0%, #dbdbdb 7%, #808080 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BABABA', endColorstr='#808080', GradientType=0);
  /* ie6-9 */
  padding: 10px;
  border-radius: 5px;
}
.factor-discount-context h3 {
  color: #ffffff !important;
}
.mail-view .top-item-container {
  margin-top: 20px;
  padding: 20px;
  padding: 0 30px;
  height: 40px;
}
.mail-view .top-item-container .tool-item-container {
  background: rgba(0, 0, 0, 0.2);
}
.mail-view .top-item-container .tool-item-container .tool-item {
  display: inline-block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  background: #b8c97a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b8c97a 0%, #759600 49%, #90b900 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c97a', endColorstr='#90b900', GradientType=0);
  /* IE6-9 */
}
.mail-view .top-item-container .tool-item-container .tool-item i {
  font-size: 20px;
}
.mail-view .top-item-container .tool-item-container .tool-item i > i {
  font-size: 10px;
  margin-left: 3px;
}
.mail-view .top-item-container .tool-item-container .tool-item:hover {
  opacity: 0.6;
}
.mail-view .right-sidebar {
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  min-height: 700px;
}
.mail-view .right-sidebar > div .send-mail-btn {
  display: inline-block;
  padding: 15px 20px;
  cursor: pointer;
  text-align: center;
  width: 100%;
  position: relative;
  /* ff3.6+ */
  /* safari4+,chrome */
  /* safari5.1+,chrome10+ */
  /* opera 11.10+ */
  /* ie10+ */
  background: linear-gradient(181deg, #1d9186 0%, #209e91 51%, #156960 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1D9186', endColorstr='#156960', GradientType=0);
  /* ie6-9 */
}
.mail-view .right-sidebar > div .send-mail-btn:hover {
  opacity: 0.8;
}
.mail-view .right-sidebar > div .side-items > li {
  width: 100%;
}
.mail-view .right-sidebar > div .side-items > li > span {
  color: #ffffff;
  cursor: pointer;
}
.mail-view .right-sidebar > div .side-items > li > span:hover {
  opacity: 0.8;
}
.mail-view .right-sidebar > div .side-items .group-container .group-items {
  margin-right: 10px;
}
.mail-view .right-sidebar > div .side-items .group-container .group-items > li {
  width: 100%;
}
.mail-view .right-sidebar > div .side-items .group-container .group-items > li > span {
  color: #ffffff;
}
.mail-view .right-sidebar > div .side-items .group-container .group-items > li > i {
  color: #DEB71B;
  margin-left: 10px;
}
.mail-view .group-modal {
  position: absolute;
  top: 33px;
  left: -17px;
  width: 150px;
  background-color: #ffffff;
  z-index: 100;
  padding: 5px 20px;
  box-shadow: 0 0 1px 1px #9C9C9C;
  border-radius: 3px;
}
.mail-view .group-modal ul li {
  width: 100%;
  color: #000000;
}
.mail-view .group-modal ul li > span {
  display: inline-block;
  width: 100%;
}
.mail-view .group-modal ul li > span i {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 2px;
  margin-left: 10px;
}
.mail-view .group-modal ul li > span > span {
  float: left;
  opacity: 0;
}
.mail-view .group-modal ul li > span:hover > span {
  opacity: 1;
}
.mail-view .tools-modal {
  position: absolute;
  top: 33px;
  left: -17px;
  width: 150px;
  background-color: #ffffff;
  z-index: 100;
  padding: 5px 20px;
  box-shadow: 0 0 1px 1px #9C9C9C;
  border-radius: 3px;
}
.mail-view .tools-modal ul li {
  width: 100%;
  color: #000000;
}
.mail-view .tools-modal ul li > span {
  display: inline-block;
  width: 100%;
}
.mail-view .tools-modal ul li > span i {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 2px;
  margin-left: 10px;
}
.mail-view .tools-modal ul li > span > span {
  float: left;
  opacity: 0;
}
.mail-view .tools-modal ul li > span:hover > span {
  opacity: 1;
}
.mail-view .tools-modal ul li:hover {
  background-color: #eeeeee;
}
.mail-view .selected-user-to-send-item {
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 3px 12px 10px 5px;
  margin-left: 3px;
  border-radius: 3px;
  color: #ffffff !important;
  background: #28bfad;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #28bfad 1%, #209e91 10%, #209e91 83%, #15685e 96%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28bfad', endColorstr='#15685e', GradientType=0);
  /* IE6-9 */
  margin-top: 2px;
}
.mail-view .selected-user-to-send-item > i {
  position: absolute;
  top: -2px;
  right: 1.5px;
  font-size: 10px;
  color: #ffffff;
}
.mail-view .user-search-result {
  box-shadow: 0 0 3px 1px #B0B0B0;
  position: absolute;
  z-index: 100;
  background-color: #ffffff;
  right: 0;
  top: 35px;
  width: 70%;
  max-height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.mail-view .user-search-result > li {
  cursor: pointer;
  height: 90px;
  background: #26b5a4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #26b5a4 1%, #177064 80%, #0e443e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26b5a4', endColorstr='#0e443e', GradientType=0);
  /* IE6-9 */
}
.mail-view .user-search-result > li .photo-figur {
  height: 60px;
  width: 60px;
}
.mail-view .user-search-result > li .user-info-item > h5 {
  margin-bottom: 0;
  margin-top: 0;
  color: #ffffff;
  text-shadow: 0px 0px 2px #333333;
}
.mail-view .user-search-result > li .user-info-item > h5 > label {
  color: #ffce21;
  font-size: 12px;
  text-shadow: 0px 0px 2px #333333;
}
.mail-view .user-search-result > li .user-info-item > label {
  color: #ffce21;
  font-size: 12px;
  text-shadow: 0px 0px 2px #333333;
}
.mail-view .user-search-result > li.selected {
  background: #ffd12d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd12d 0%, #d6aa1b 13%, #dbb11c 87%, #a38415 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd12d', endColorstr='#a38415', GradientType=0);
  /* IE6-9 */
}
.mail-view .user-search-result > li.selected .user-info-item > h5 {
  color: #ffffff;
  text-shadow: 0px 0px 0px #333333;
}
.mail-view .user-search-result > li.selected .user-info-item > h5 > label {
  color: #000000;
}
.mail-view .user-search-result > li.selected .user-info-item > label {
  color: #000000;
  text-shadow: 0px 0px 0px #333333;
}
.mail-view .user-search-result > li:hover {
  background-color: lightgray;
}
.mail-view .user-search-result > li .position-item {
  display: inline-block;
  text-align: center;
  padding: 0px 5px 3px 5px;
  margin-left: 3px;
  border-radius: 3px;
  color: #ffffff !important;
}
.mail-view .email-detail-body {
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.mail-view .email-detail-body #selectedMailBody {
  padding: 5px;
  border: 1px solid #1F9D90;
  background-color: #ededed;
  border-radius: 5px;
}
.mail-view .no-search-result {
  direction: rtl;
  color: #000000 !important;
  text-align: center;
  margin-top: 50px;
}
.mail-view .no-search-result span {
  color: #1d9183 !important;
}
.mail-view .Recipients-list {
  direction: rtl;
  margin-bottom: 15px;
  /*border-bottom: 1px solid #adabab;*/
}
.mail-view .Recipients-list span {
  display: inline-block;
  margin-right: 10px;
  color: #000000 !important;
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dfb81c -1%, #ffd11c 4%, #ffd11c 93%, #dfb81c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#dfb81c', GradientType=0);
  /* IE6-9 */
  padding: 3px 5px;
  border: 1px solid #997E13;
  border-radius: 3px;
}
.mail-view .mail-list {
  background-color: #ffffff;
  margin-top: 10px;
  height: 605px;
}
.mail-view .mail-list > div {
  padding: 0 15px;
  height: 100%;
  overflow: hidden;
}
.mail-view .mail-list > div > div > div.mail-item {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  border-bottom: 2px solid lightgray;
  background: #eeeeee;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%, #dbdbdb 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dbdbdb', GradientType=0);
  /* IE6-9 */
}
.mail-view .mail-list > div > div > div.mail-item > div > div {
  height: 35px;
  direction: rtl;
}
.mail-view .mail-list > div > div > div.mail-item h6 {
  color: #000000 !important;
  padding: 8px;
  cursor: pointer;
}
.mail-view .mail-list > div > div > div.mail-item label {
  color: #000000 !important;
  padding: 5px;
  font-size: 14px;
  cursor: pointer;
  height: 40px;
  line-height: 26px;
}
.mail-view .mail-list > div > div > div.mail-item i {
  color: #DEB71B;
  font-size: 24px;
  margin-right: 10px;
  cursor: pointer;
}
.mail-view .mail-list > div > div > div.mail-item > div > div label {
  font-weight: normal;
}
.mail-view .mail-list > div > div > div.mail-item.not-read {
  background: #d7e89b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d7e89b 1%, #c9d891 87%, #b0bc80 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7e89b', endColorstr='#b0bc80', GradientType=0);
  /* IE6-9 */
}
.mail-view .mail-list > div > div > div.mail-item.not-read > div > div label {
  font-weight: bold;
}
.mail-view .mail-list > div > div > div.mail-item.selected {
  background: #efe78d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #efe78d 0%, #fcc574 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe78d', endColorstr='#fcc574', GradientType=0);
  /* IE6-9 */
}
.mail-view .mail-list > div > div > div.mail-item:hover {
  opacity: 0.8;
}
.mail-view .mail-list .no-box-message {
  padding: 10% 20%;
}
.mail-view .mail-list .no-box-message h2 {
  text-align: center;
  padding: 30px 0;
  border-radius: 5px;
  border: 1px solid #1F9D90;
  background: #2bcebb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2bcebb 1%, #209d90 32%, #176d63 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bcebb', endColorstr='#176d63', GradientType=0);
  /* IE6-9 */
}
.mail-view .mail-list .no-box-message h2 > i {
  color: #E75555;
  font-size: 36px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 20px;
}
.mail-view .mail-list .attach-icon {
  width: 20px;
  display: inline-block;
  color: #000000;
  margin-left: 19px;
  font-size: 22px;
  position: absolute;
  left: -15px;
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: rotateZ(-30deg);
  top: 5px;
}
.mail-view .mail-list .attach-icon > span {
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: rotateZ(30deg);
  color: #ffffff;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  padding: 0px 5px;
  position: absolute;
  right: -18px;
  border-radius: 16px;
  text-shadow: 1px 1px 1px #6b6b6b;
  background-color: #8FB800;
  top: 10px;
  box-shadow: 0 0 1px 1px #6b6b6b;
}
.mail-view .cke_toolbar_last {
  display: none !important;
}
.mail-view .mail-detail {
  background-color: #ffffff !important;
  margin-top: 10px;
  min-height: 585px;
}
.mail-view .mail-detail .reaction-mail-context {
  margin: 10px;
  border: 1px solid #1F9D90;
  min-height: 500px;
}
.mail-view .mail-detail .reciver-context {
  border-bottom: 1px solid lightgrey;
}
.mail-view .mail-detail .reciver-context span {
  color: #000000 !important;
}
.mail-view .mail-detail .reciver-context span.to {
  direction: rtl;
  padding-right: 5px;
}
.mail-view .mail-detail .reciver-input {
  border: 0;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  color: #000000 !important;
}
.mail-view .send-email-box {
  position: fixed;
  bottom: 2px;
  left: 20px;
  height: 0 !important;
  width: 50%;
  z-index: 100;
  background-color: #ffffff;
  box-shadow: 0 0 1px 1px #8F8F8F;
  padding: 0 !important;
  transition: all 0.5s ease-in-out;
}
.mail-view .send-email-box.show {
  height: 650px !important;
}
.mail-view .send-email-box .header {
  height: 35px;
  background-color: #000000;
  line-height: 35px;
}
.mail-view .send-email-box .header .close-new-mail-box {
  font-size: 16px;
  margin-right: 10px;
}
.mail-view .send-email-box .content .reciver-context {
  border-bottom: 1px solid lightgrey;
  padding-bottom: 10px;
}
.mail-view .send-email-box .content .reciver-context span {
  color: #000000 !important;
}
.mail-view .send-email-box .content .reciver-context span.to {
  direction: rtl;
  padding-right: 5px;
}
.mail-view .send-email-box .content .subject-context {
  height: 35px;
  border-bottom: 1px solid lightgrey;
}
.mail-view .send-email-box .content .subject-context span {
  color: #000000 !important;
}
.mail-view .send-email-box .content .subject-context span.to {
  direction: rtl;
  padding-right: 5px;
}
.mail-view .send-email-box .reciver-input {
  border: 0;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  color: #000000 !important;
}
.mail-view .body-context {
  width: 100%;
}
.mail-view .body-context .editor {
  width: 100%;
}
.mail-view .mail-file-container {
  padding-bottom: 20px;
}
.mail-view .mail-file-container span {
  background: #eeeeee;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ADADAD;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.mail-view .mail-file-container span:hover {
  opacity: 0.8;
}
.mail-view .detail-tools {
  padding: 30px 15px;
}
.mail-view .detail-tools > span {
  color: #00008b;
  text-decoration: underline;
  font-style: italic;
  margin: 5px;
  cursor: pointer;
  direction: rtl;
  display: inline-block;
  width: 120px;
}
.mail-view .selected-box-title > label {
  display: inline-block;
  height: 5px;
  background-color: #ffdd6d;
  width: 100%;
}
.mail-view .selected-box-title > label > span {
  display: inline-block;
  position: absolute;
  right: 44.2%;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #ffdd6d;
  color: #000000 !important;
  text-align: center;
  top: -12px;
  direction: rtl;
}
.mail-view .search-mail-btn {
  position: absolute;
  left: 16px;
  top: 2px;
  border-radius: 2px;
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
  padding: 3px 10px 7px;
  background: linear-gradient(181deg, #1d9186 0%, #209e91 51%, #156960 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1D9186', endColorstr='#156960', GradientType=0);
}
.mail-view .search-mail-btn:hover {
  opacity: 0.7;
}
.mail-view #selectionUsersModal .modal-body {
  background-color: #EAEFF4;
}
.mail-view #selectionUsersModal .modal-body .user-item {
  padding: 10px;
  height: 300px;
  position: relative;
  cursor: pointer;
}
.mail-view #selectionUsersModal .modal-body .user-item:hover {
  opacity: 0.7;
}
.mail-view #selectionUsersModal .modal-body .user-item .seleced-displayer {
  position: absolute;
  left: 15px;
  top: 14px;
  color: #888;
  font-size: 24px;
}
.mail-view #selectionUsersModal .modal-body .user-item > div {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 1px 1px #ABABAB;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px;
  height: 100%;
}
.mail-view #selectionUsersModal .modal-body .user-item > div.selected {
  background: rgba(247, 233, 133, 0.6);
  box-shadow: 0 0 1px 1px #FFF23D;
}
.mail-view #selectionUsersModal .modal-body .user-item > div .figur {
  width: 80px;
  height: 90px;
  margin: auto;
}
.mail-view #selectionUsersModal .modal-body .user-item > div .figur img {
  width: 100%;
  height: 100%;
}
.mail-view #selectionUsersModal .modal-body .user-item > div .info-container {
  padding: 5px;
  height: 175px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 5px;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
}
.mail-view #selectionUsersModal .modal-body .user-item > div .info-container label {
  direction: rtl;
  width: 95%;
}
.mail-view #selectionUsersModal .modal-body .user-item > div .info-container label span {
  font-size: 12px;
  color: #000000 !important;
}
.mail-view #selectionUsersModal .modal-body .user-item > div .info-container label span.name {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  text-decoration: underline;
}
.mail-view #selectionUsersModal .modal-body .user-item > div .info-container label span.title {
  color: #c4334b !important;
}
.mail-view #selectionUsersModal .modal-body .user-item > div .position-container {
  height: 80px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.mail-view #selectionUsersModal .modal-body .user-item > div .position-container label {
  font-size: 12px;
  color: #f8b500;
}
.mail-view #selectionUsersModal .modal-body .user-item > div .position-container span {
  text-align: center;
  display: inline-block;
  font-size: 12px !important;
}
.send-new-email-btn {
  display: inline-block;
  text-align: center;
  padding: 3px 20px 6px 20px;
  cursor: pointer;
  border-radius: 3px;
  color: #ffffff;
  margin-bottom: 5px;
  background: #499bea;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0);
  /* IE6-9 */
}
.send-new-email-btn:hover {
  opacity: 0.8;
}
.send-new-draft-btn {
  display: inline-block;
  text-align: center;
  padding: 3px 20px 6px 20px;
  border-radius: 3px;
  color: #ffffff;
  margin-bottom: 5px;
  margin-left: 5px;
  cursor: pointer;
  background: #b8bac6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b8bac6 2%, #dbdce2 34%, #dddfe3 63%, #dddfe3 63%, #b8bac6 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8bac6', endColorstr='#b8bac6', GradientType=0);
  /* IE6-9 */
}
.send-new-draft-btn:hover {
  opacity: 0.8;
}
.email-file-upload-box-size {
  display: inline-block;
  text-align: left;
  float: left;
  margin-left: 5px;
}
.email-file-upload-box-size > span {
  display: inline-block;
  width: 100px;
  height: 15px;
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.email-file-upload-box-size > span > span {
  height: 100%;
  transition: all 0.5s ease-in-out;
  width: 0;
  display: inline-block;
}
.email-file-upload-box-size > span > span.low {
  background: #bdf200;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bdf200 0%, #95bf00 52%, #bdf200 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdf200', endColorstr='#bdf200', GradientType=0);
  /* IE6-9 */
}
.email-file-upload-box-size > span > span.medium {
  background: #ffd42b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd42b 0%, #c9a61a 52%, #ffd42b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd42b', endColorstr='#ffd42b', GradientType=0);
  /* IE6-9 */
}
.email-file-upload-box-size > span > span.large {
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff5e5e 0%, #a83e3e 53%, #ff5e5e 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
  /* IE6-9 */
}
.online-customer-count-up {
  color: #8FB800 !important;
  font-family: 'WYekan' !important;
  font-weight: bold !important;
  font-style: normal !important;
  font-size: 16px !important;
}
.online-customer-count-down {
  color: #E75555 !important;
  font-family: 'WYekan' !important;
  font-weight: bold !important;
  font-style: normal !important;
  font-size: 16px !important;
}
.customer-service-payment-report-table-container {
  direction: rtl;
  height: 470px;
  border-radius: 5px;
  border: 2px solid #DEB71B;
  background-color: rgba(0, 0, 0, 0.5);
}
#bankInfoModal .melat-bank-info {
  background: #f2e9e8;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f2e9e8 0%, #c1acb0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2e9e8', endColorstr='#c1acb0', GradientType=0);
  /* IE6-9 */
  border: 2px solid #c81938;
  border-radius: 5px;
}
#bankInfoModal .melat-bank-info h4::before {
  display: inline-block;
  background-image: url(/Content/Images/BPMLogo.png);
  width: 50px;
  height: 50px;
  background-size: 50px;
  content: "";
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
  background-repeat: no-repeat;
}
#bankInfoModal .saman-bank-info {
  background: #ededf7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ededf7 0%, #b7bdcc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededf7', endColorstr='#b7bdcc', GradientType=0);
  /* IE6-9 */
  border: 2px solid #1979c6;
  border-radius: 5px;
}
#bankInfoModal .saman-bank-info h4::before {
  display: inline-block;
  background-image: url(/Content/Images/sep-logo-new91.png);
  width: 50px;
  height: 50px;
  background-size: 50px;
  content: "";
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
  background-repeat: no-repeat;
}
.tree-icon {
  background-image: url(/Content/Images/treeIcon.png);
  display: inline-block;
  width: 20px;
  background-size: 20px;
  height: 24px;
  vertical-align: middle;
  content: "";
  cursor: pointer;
  opacity: 0.7;
}
.tree-icon:hover {
  opacity: 1;
}
#treeResellerModal .modal-body {
  min-height: 500px;
  background: rgba(0, 0, 0, 0.7);
  direction: rtl;
}
.modal-body {
  /*
   --------------- Icon Style -----------------------
*/
  /*
    ----------------- Animation --------------------
*/
}
.modal-body tree {
  white-space: nowrap;
}
.modal-body treenode .node {
  display: block !important;
  width: 100% !important;
}
.modal-body treenode ul {
  list-style-type: none;
  -webkit-padding-start: 16px;
  padding-left: 16px;
  margin-bottom: 0;
}
.modal-body treenode ul li {
  margin-right: 5px;
}
.modal-body treenode .pointer {
  cursor: pointer;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  margin-bottom: 5px;
  border-radius: 10px;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.modal-body treenode .pointer span {
  color: #ffffff;
}
.modal-body treenode .pointer .selected {
  /*background: #BEEBFF none repeat scroll 0% 0%;*/
  border-radius: 2px;
  /*box-shadow: 0px 0px 1px #999 inset;*/
  color: #ffd400 !important;
}
.modal-body treenode .disabled {
  color: darkgray;
  cursor: not-allowed;
}
.modal-body .tree-node-ico:empty {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent no-repeat scroll 50% 50%;
  background-size: contain;
}
.modal-body .tree-node-ico.tree-node-expanded {
  background-image: url('/Content/img/arrow-down.png');
}
.modal-body .tree-node-ico.tree-node-collapsed {
  background-image: url('/Content/img/arrow-right.png');
}
.modal-body span > .tree-node-ico {
  margin-right: 5px;
}
.modal-body span > .tree-node-ico.tree-node-image {
  /*background-image: url('/Content/img/folder-open.png');*/
}
.modal-body span > .tree-node-ico.tree-node-leaf {
  background-image: url('/Content/img/file.png');
}
.modal-body treenode {
  opacity: 1;
  max-height: 2000px;
  overflow: hidden;
}
.modal-body treenode.ng-hide-add,
.modal-body treenode.ng-hide-remove {
  transition: all linear .5s;
  display: block !important;
}
.modal-body treenode.ng-hide {
  opacity: 0;
  max-height: 0;
}
.home-panel .pan {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  height: 800px;
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
.home-panel .pan .version-item > div > div {
  height: 40px;
  line-height: 35px;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #209d90 90%, #383838 94%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.home-panel .pan .version-item > div > div .version {
  cursor: pointer;
}
.home-panel .pan .version-item > div > div .version.hover {
  opacity: 0.8;
}
.home-panel .pan .version-item > div > div .show-det {
  cursor: pointer;
}
.home-panel .pan .version-item > div > div .show-det.hover {
  opacity: 0.8;
}
.home-panel .pan .version-item > div > div:hover {
  opacity: 0.7;
}
.home-panel .pan .main-title {
  text-align: right;
  direction: rtl;
  line-height: 30px;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: #90B901;
}
.home-panel .change-set-detail-count {
  width: 25px;
  height: 25px;
  border-radius: 15px;
  border: 1px solid #fff;
  background-color: #1F9D90;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  margin-right: 3px;
}
.home-panel .change-detail-list > div ul {
  padding: 20px;
  border: 1px solid #1F9D90;
  border-radius: 3px;
  background-color: #f2f2f2;
}
.home-panel .change-detail-list > div ul li {
  color: #000000 !important;
  min-height: 30px;
  line-height: 30px;
  border-bottom: 1px solid lightblue;
  direction: rtl;
}
.home-panel .change-detail-list > div ul li > h6 {
  font-weight: bold;
}
.home-panel .change-detail-list > div ul li > ul > li {
  font-size: 12px;
}
.home-panel .change-detail-list > div ul li.has-det {
  border: none !important;
}
.home-panel .change-detail-list > div ul li ul {
  border: none;
}
.home-panel-light .pan {
  background: #ffffff;
  border-radius: 5px;
  height: 800px;
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 0 2px 2px #D6D6D6;
}
.home-panel-light .pan .main-title {
  text-align: right;
  direction: rtl;
  line-height: 30px;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: #2D9CFB;
}
.home-panel-light .pan .version-item > div > div {
  height: 40px;
  line-height: 35px;
  background-color: #ffffff;
  border: 2px solid #9A93FB;
  margin-bottom: 3px;
  border-radius: 3px;
}
.home-panel-light .pan .version-item > div > div .version {
  cursor: pointer;
}
.home-panel-light .pan .version-item > div > div .version.hover {
  opacity: 0.8;
}
.home-panel-light .pan .version-item > div > div .show-det {
  cursor: pointer;
}
.home-panel-light .pan .version-item > div > div .show-det.hover {
  opacity: 0.8;
}
.home-panel-light .pan .version-item > div > div:hover {
  opacity: 0.7;
}
.home-panel-light .change-set-detail-count {
  width: 25px;
  height: 25px;
  border-radius: 15px;
  border: 1px solid #fff;
  background: #60df94;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #60df94 1%, #5fe0bb 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60df94', endColorstr='#5fe0bb', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  text-align: center;
  line-height: 24px;
  display: inline-block;
  margin-right: 3px;
}
.home-panel-light .change-detail-list > div ul {
  padding: 20px;
  border: 1px solid #1F9D90;
  border-radius: 3px;
  background-color: #f2f2f2;
}
.home-panel-light .change-detail-list > div ul li {
  color: #000000 !important;
  min-height: 30px;
  line-height: 30px;
  border-bottom: 1px solid lightblue;
  direction: rtl;
}
.home-panel-light .change-detail-list > div ul li > h6 {
  font-weight: bold;
}
.home-panel-light .change-detail-list > div ul li > ul > li {
  font-size: 12px;
}
.home-panel-light .change-detail-list > div ul li.has-det {
  border: none !important;
}
.home-panel-light .change-detail-list > div ul li ul {
  border: none;
}
.display-page-switch-container {
  float: left;
}
.display-page-switch-container > span {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-size: 34px;
  background-repeat: no-repeat;
  position: relative;
}
.display-page-switch-container > span.three-d-mode {
  background-image: url(/Content/Images/3dicon.png);
}
.display-page-switch-container > span.two-d-mode {
  background-image: url(/Content/Images/2dicon.png);
}
.display-page-switch-container > span i {
  position: absolute;
  color: #ffffff;
  font-size: 14px;
  top: -5px;
  right: 0;
  opacity: 0.8;
  cursor: pointer;
}
.display-page-switch-container > span i:hover {
  opacity: 1;
}
.traffic-report-view .list-context {
  border: 1px solid lightgrey;
  padding: 10px;
  border-radius: 5px;
  min-height: 470px;
}
.traffic-report-view .list-context .items-services {
  max-height: 330px;
  overflow: auto;
  width: 100%;
}
.traffic-report-view .list-context .items-services > div > div {
  padding: 2px;
  border-radius: 2px;
}
.traffic-report-view .list-context .items-services > div > div > div {
  background: #0bc4a8;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0bc4a8 0%, #067262 14%, #077766 89%, #03332b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0bc4a8', endColorstr='#03332b', GradientType=0);
  /* IE6-9 */
  text-align: center;
  padding: 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
}
.traffic-report-view .list-context .items-services > div > div > div:hover {
  background: #0aad97;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0aad97 0%, #0de5c8 51%, #0bbaa2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0aad97', endColorstr='#0bbaa2', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #0FFFDB;
}
.traffic-report-view .list-context .items-services > div > div > div.selected {
  background: #0aad97;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0aad97 0%, #0de5c8 51%, #0bbaa2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0aad97', endColorstr='#0bbaa2', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #0FFFDB;
  color: #000000;
}
.traffic-report-view .list-context .items-resellers {
  max-height: 330px;
  overflow: auto;
}
.traffic-report-view .list-context .items-resellers > div > div {
  padding: 2px;
  border-radius: 2px;
}
.traffic-report-view .list-context .items-resellers > div > div > div {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dfb81c 1%, #7f6910 14%, #897111 86%, #2b2305 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#2b2305', GradientType=0);
  /* IE6-9 */
  text-align: center;
  padding: 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
}
.traffic-report-view .list-context .items-resellers > div > div > div:hover {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
}
.traffic-report-view .list-context .items-resellers > div > div > div.selected {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
  color: #000000;
}
.traffic-report-view .list-context .items-visp {
  max-height: 330px;
  overflow: auto;
}
.traffic-report-view .list-context .items-visp > div > div {
  padding: 2px;
  border-radius: 2px;
}
.traffic-report-view .list-context .items-visp > div > div > div {
  background: #d35252;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d35252 0%, #913838 16%, #913838 83%, #5e2424 96%, #ed5c5c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35252', endColorstr='#ed5c5c', GradientType=0);
  /* IE6-9 */
  text-align: center;
  padding: 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
}
.traffic-report-view .list-context .items-visp > div > div > div:hover {
  background: #d35252;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d35252 1%, #ff6060 50%, #d35252 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35252', endColorstr='#d35252', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ff6060;
}
.traffic-report-view .list-context .items-visp > div > div > div.selected {
  background: #d35252;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d35252 1%, #ff6060 50%, #d35252 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35252', endColorstr='#d35252', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ff6060;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ADMdtpTime span {
  color: #000000 !important;
  font-family: 'WYekan' !important;
}
.ADMdtpDays > span > span {
  color: #000000 !important;
  font-family: 'WYekan' !important;
}
.ADMdtp-box {
  font-family: 'WYekan' !important;
}
.search-date-filter {
  direction: rtl;
}
.search-date-filter > span {
  margin: 5px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  border: 1px solid #ffffff;
  display: inline-block;
  text-align: center;
  padding: 2px 10px 7px 10px;
}
.customerservice-report-view .list-context {
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
}
.customerservice-report-view .list-context .items-resellers {
  height: 200px;
  overflow: auto;
}
.customerservice-report-view .list-context .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.customerservice-report-view .list-context .items-resellers > div > div > div {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dfb81c 1%, #7f6910 14%, #897111 86%, #2b2305 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#2b2305', GradientType=0);
  /* IE6-9 */
  text-align: center;
  padding: 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
}
.customerservice-report-view .list-context .items-resellers > div > div > div:hover {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
}
.customerservice-report-view .list-context .items-resellers > div > div > div.selected {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
  color: #000000;
}
.customerservice-report-view .list-context .items-visp {
  height: 200px;
  overflow: auto;
}
.customerservice-report-view .list-context .items-visp > div > div {
  padding: 2px;
  border-radius: 2px;
}
.customerservice-report-view .list-context .items-visp > div > div > div {
  background: #d35252;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d35252 0%, #913838 16%, #913838 83%, #5e2424 96%, #ed5c5c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35252', endColorstr='#ed5c5c', GradientType=0);
  /* IE6-9 */
  text-align: center;
  padding: 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
}
.customerservice-report-view .list-context .items-visp > div > div > div:hover {
  background: #d35252;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d35252 1%, #ff6060 50%, #d35252 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35252', endColorstr='#d35252', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ff6060;
}
.customerservice-report-view .list-context .items-visp > div > div > div.selected {
  background: #d35252;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d35252 1%, #ff6060 50%, #d35252 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35252', endColorstr='#d35252', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ff6060;
}
.customerservice-report-view .sms-prv > h5 {
  color: #008080 !important;
}
.customerservice-report-view .sms-prv > p {
  padding: 10px;
  border: 1px solid lightgray;
  border-radius: 3px;
  height: 100px;
  overflow: auto;
  display: inline-block;
  width: 100%;
}
.customerservice-report-view .sms-prv .sms-prv-price {
  padding: 5px;
  border: 1px solid #E75555;
  background-color: #efefef;
  border-radius: 5px;
  margin-top: 20px;
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
}
.customerservice-report-view .sms-prv .sms-prv-price > h5 {
  color: #E75555 !important;
  text-align: center;
  line-height: 30px;
}
.customerservice-report-view .sms-prv .sms-prv-price > h5 span {
  color: #cd853f !important;
}
.customerservice-report-view .sms-prv .sms-prv-price h4 {
  font-size: 18px;
  font-weight: bold;
  font-family: Times New Roman;
  color: #d2691e;
  text-align: center;
}
.reseller-graph-type-btn {
  border-radius: 3px;
  border: 1px solid #fff;
  display: inline-block;
  background: #d6d6d6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d6d6d6 0%, #383838 16%, #383838 86%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  width: 70px;
  height: 75px;
  text-align: center;
  cursor: pointer;
}
.reseller-graph-type-btn > span {
  margin: 5px 0 5px 0;
  display: inline-block;
}
.reseller-graph-type-btn.selected {
  border: 1px solid #DEB71B;
  background: #e2c566;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2c566 0%, #847747 16%, #473a20 86%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2c566', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.reseller-graph-type-btn:hover {
  opacity: 0.8;
}
.reseller-graph-type-btn > label {
  display: inline-block;
  margin: auto;
  cursor: pointer;
}
.reseller-graph-type-btn > label.ver {
  background-image: url(/Content/Images/VGraph.jpg);
  background-size: 30px 40px;
  width: 30px;
  height: 40px;
}
.reseller-graph-type-btn > label.hor {
  background-image: url(/Content/Images/HGHraph.jpg);
  background-size: 45px 30px;
  width: 45px;
  height: 30px;
}
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 1;
}
.graph-show {
  position: absolute;
  left: -2000px;
  top: 50px;
}
.graph-un-show {
  position: absolute;
  left: 0px;
  top: 50;
}
.remove-filter-btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 15px;
  background-color: #E75555;
  color: #fff;
  cursor: pointer;
  position: absolute;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}
.technical-report .items-resellers {
  height: 200px;
  overflow: auto;
}
.technical-report .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.technical-report .items-resellers > div > div > div {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dfb81c 1%, #7f6910 14%, #897111 86%, #2b2305 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#2b2305', GradientType=0);
  /* IE6-9 */
  text-align: right;
  padding: 3px 10px 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
}
.technical-report .items-resellers > div > div > div:hover {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
}
.technical-report .items-resellers > div > div > div.selected {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
  color: #000000;
}
.td-font-size-16 {
  font-family: Times New Roman !important;
  font-size: 16px;
}
.td-font-size-18 {
  font-family: Times New Roman !important;
  font-size: 18px;
}
.td-font-size-20 {
  font-family: Times New Roman !important;
  font-size: 20px;
}
.td-font-size-22 {
  font-family: Times New Roman !important;
  font-size: 22px;
}
.td-font-size-24 {
  font-family: Times New Roman !important;
  font-size: 24px;
}
.commission-result-tile {
  padding: 20px;
  margin-top: 30px;
}
.commission-result-tile > div {
  border: 1px solid #1F9D90;
  background: rgba(0, 0, 0, 0.6);
  height: 725px;
  border-radius: 5px 0 5px 5px;
  overflow-y: auto;
}
.commission-result-tile > div > div.commission-result-tile-tabs {
  padding: 5px;
}
.commission-result-tile > div > div.commission-result-tile-tabs > span {
  display: inline-block;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  opacity: 0.6;
}
.commission-result-tile > div > div.commission-result-tile-tabs > span.all {
  background-color: #1F9D90;
}
.commission-result-tile > div > div.commission-result-tile-tabs > span.wireless {
  background-color: #E75555;
}
.commission-result-tile > div > div.commission-result-tile-tabs > span.adsl {
  background-color: #DEB71B;
}
.commission-result-tile > div > div.commission-result-tile-tabs > span.other {
  background-color: #2CABD0;
  font-size: 12px;
}
.commission-result-tile > div > div.commission-result-tile-tabs > span.selected {
  opacity: 1;
}
.commission-result-tile > div > div.commission-result-tile-context > div {
  margin-top: 40px;
  padding: 5px;
}
.commission-result-tile > div > div.commission-result-tile-context .reseller-list-name {
  width: 100%;
}
.commission-result-tile > div > div.commission-result-tile-context .reseller-list-name > div {
  background-color: #8FB800;
  padding: 5px 10px;
  direction: rtl;
  text-align: center;
  border: 1px solid #ffffff;
}
.commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs {
  padding: 5px;
  height: 40px;
}
.commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span {
  display: inline-block;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  opacity: 0.6;
}
.commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.all {
  background-color: #1F9D90;
}
.commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.wireless {
  background-color: #E75555;
}
.commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.adsl {
  background-color: #DEB71B;
}
.commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.other {
  background-color: #2CABD0;
  font-size: 12px;
}
.commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.selected {
  opacity: 1;
}
.commission-result-tile > div > div.title {
  /*text-align: center;*/
  position: absolute;
  top: -6px;
  width: 100%;
  right: 20px;
}
.commission-result-tile > div > div.title > span {
  border-top: 1px solid #1F9D90;
  border-right: 1px solid #1F9D90;
  border-left: 1px solid #1F9D90;
  padding: 5px 10px;
  display: inline-block;
  text-align: center;
  border-radius: 10px 0 0 0;
  background: #7d7e7d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 11%, #424242 91%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.commission-result-tile .date-time-item {
  padding: 5px;
}
.commission-result-tile .date-time-item > label {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  padding: 3px;
  width: 100%;
}
.commission-result-tile .date-time-item > label > span {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
}
.two-d-page-mode .tab-page-container .two-d-tab {
  padding: 0;
}
.two-d-page-mode .tab-page-container .two-d-tab > span {
  border-radius: 5px 5px 0 0;
  border: 2px solid #fff;
  background-color: #8F7D24;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
}
.two-d-page-mode .tab-page-container .two-d-tab.selected > span {
  background-color: #DEB71B;
}
.two-d-page-mode .tab-page-container-light .two-d-tab {
  padding: 0;
}
.two-d-page-mode .tab-page-container-light .two-d-tab > span {
  border-radius: 5px 5px 0 0;
  border: 2px solid #fff;
  background-image: linear-gradient(90deg, #fc0, #ffa100);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  font-size: 16px;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  opacity: 0.6;
}
.two-d-page-mode .tab-page-container-light .two-d-tab.selected > span {
  opacity: 1;
}
.two-d-page-mode .two-d-tab-context-container > div {
  background: rgba(0, 0, 0, 0.6);
  height: 1000px;
}
.two-d-page-mode .two-d-tab-context-container-light > div {
  background: #e1e7ea;
  background: radial-gradient(ellipse at center, #8a7fff 0%, #423d7a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a7fff', endColorstr='#423D7A', GradientType=1);
  height: 1000px;
}
.two-d-page-mode .two-d-tab-context-container-light > div th,
.two-d-page-mode .two-d-tab-context-container-light > div td,
.two-d-page-mode .two-d-tab-context-container-light > div li,
.two-d-page-mode .two-d-tab-context-container-light > div h2,
.two-d-page-mode .two-d-tab-context-container-light > div h3,
.two-d-page-mode .two-d-tab-context-container-light > div h5 {
  color: #ffffff;
}
.font-for-mony-format {
  font-weight: bold !important;
  font-family: Times New Roman !important;
}
.flasher-yellow-pin:before {
  background-image: url(/Content/Images/yellowPin.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 20px;
  position: absolute;
  /*animation-name: newChange;
        animation-duration: 2s;
        animation-iteration-count: infinite;*/
  right: 115px;
  content: "";
}
.flasher-yellow-pin-2d {
  text-align: center;
  position: relative;
}
.flasher-yellow-pin-2d:before {
  background-image: url(/Content/Images/yellowPin.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 20px;
  position: absolute;
  /*animation-name: newChange;
        animation-duration: 2s;
        animation-iteration-count: infinite;*/
  right: 5%;
  top: 0;
  content: "";
}
.color-yellow-flasher {
  /*color: @yellow;
    animation-name: newChange;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    border-top: 1px solid @yellow;*/
  opacity: 1;
}
.owner-used {
  background: rgba(255, 210, 22, 0.4);
}
.remove-ip-stataic-icon {
  position: absolute;
  right: 106px;
}
.notices-options-container .checkbox .checkbox-material .check,
.notices-options-container label.checkbox-inline .checkbox-material .check {
  border: 2px solid rgba(255, 255, 255, 0.54);
}
.fairusesetting-view .tree-reseller-container {
  height: 500px;
  overflow: auto;
  background: rgba(0, 0, 0, 0.3);
  padding: 20px 10px;
}
.fairusesetting-view .tree-reseller-container-list {
  height: 400px;
  overflow: auto;
}
.fairusesetting-view .tree-reseller-container-list li {
  display: block !important;
  width: 98%;
  padding: 10px 20px;
  margin-bottom: 10px;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
  border-radius: 10px;
  cursor: pointer;
}
.fairusesetting-view .tree-reseller-container-list li > span {
  color: #ffffff;
  cursor: pointer;
}
.fairusesetting-view .tree-reseller-container-list li.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.fairusesetting-view .tree-reseller-container-list li.selected > div {
  color: #000000 !important;
}
.fairusesetting-view .tree-reseller-container-list li.selected > div > span {
  color: #000000 !important;
}
.fairusesetting-view .tree-reseller-container-list li.selected > span {
  color: #000000 !important;
}
.fairusesetting-view .reseller-selection-tools {
  display: inline-block;
  float: right;
}
.fairusesetting-view .reseller-selection-tools > span {
  display: inline-block;
  padding: 3px 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid #aeaeae;
  cursor: pointer;
  font-size: 12px;
  margin: 5px;
  border-radius: 3px;
}
.fairusesetting-view .reseller-selection-tools > span.all-reseller-selecting-btn.selected {
  background-color: #DEB71B;
}
.fairusesetting-view .reseller-selection-tools > span.multi-reseller-selecting-btn.selected {
  background-color: #8FB800;
}
.fairusesetting-view .services-context {
  height: 500px;
  overflow: auto;
  background: rgba(0, 0, 0, 0.3);
  padding: 20px 10px;
  position: relative;
}
.fairusesetting-view .services-context .tools {
  position: absolute;
  width: 95%;
  height: 95%;
  background: rgba(0, 0, 0, 0.3);
}
.fairusesetting-view .services-context .tools > div > div {
  text-align: center;
}
.fairusesetting-view .spn-limit-filter {
  display: inline-block;
  background: #1f9d90;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1f9d90 0%, #1c8e81 64%, #115950 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f9d90', endColorstr='#115950', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
  border-radius: 3px;
  padding: 10px 20px;
  text-align: center;
  margin-top: 40px;
}
.fairusesetting-view .spn-limit-filter.on {
  background: #ffdc5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffdc5e 0%, #ddb41c 51%, #ffd221 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc5e', endColorstr='#ffd221', GradientType=0);
  /* IE6-9 */
}
.fairusesetting-view .service-list {
  direction: ltr !important;
  height: 400px;
  overflow: auto;
}
.fairusesetting-view .service-list .service-item {
  display: block !important;
  width: 98%;
  margin: auto;
  color: #ffffff !important;
  background: #35ffe7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #35ffe7 2%, #25b29f 13%, #1f9686 82%, #0e473f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35ffe7', endColorstr='#0e473f', GradientType=0);
  /* IE6-9 */
  padding: 5px 10px;
  height: 30px;
  line-height: 15px;
  cursor: pointer;
  margin-right: 0;
}
.fairusesetting-view .service-list .service-item:hover {
  opacity: 0.8;
}
.fairusesetting-view .service-list .service-item.selected {
  background: #35ffe7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #35ffe7 1%, #2cd3c0 50%, #35ffe7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35ffe7', endColorstr='#35ffe7', GradientType=0);
  /* IE6-9 */
  color: #000000;
}
.fairusesetting-view .ion-printer {
  padding: 5px;
  float: right;
  cursor: pointer;
  font-size: 24px;
  color: #DEB71C;
}
.fairusesetting-view .temp-table span {
  display: inline-block;
  margin: 0 10px;
}
.fairusesetting-view .temp-table .mikrotikrate-display {
  color: #1F9D90;
}
.fairusesetting-view .temp-table .measure-type {
  color: #DEB71B;
}
.fairusesetting-view .temp-table .threshold {
  color: #8FB800;
}
.fairusesetting-view .fair-use-chart-item {
  width: 100%;
  height: 650px;
  margin: auto;
  overflow: hidden;
  text-align: left;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid #DEB71B;
  margin-bottom: 30px;
}
.crm-date-time-context {
  position: fixed;
  right: 5px;
  height: 300px;
  width: 200px;
  bottom: 5px;
  z-index: 1000;
  /* Safari */
  transition: all 0.5s ease-in-out;
}
.crm-date-time-context.unpin {
  height: 30px;
}
.crm-date-time-context > span {
  font-size: 18px;
}
.crm-date-time-context .ion-chevron-down {
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer;
}
.crm-date-time-context > div.dark {
  height: 285px;
  background: #8c8c8c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #8c8c8c 0%, #2dd8c4 3%, #2a3a47 7%, #0a0e11 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#0a0e11', GradientType=0);
  /* IE6-9 */
  /* Safari */
  transition: all 0.5s ease-in-out;
}
.crm-date-time-context > div.dark.unpin {
  height: 0;
  overflow: hidden;
}
.crm-date-time-context > div.dark > div.time {
  /*padding: 10px;
                padding-top:20px;*/
}
.crm-date-time-context > div.dark > div.time > div {
  height: 250px;
}
.crm-date-time-context > div.dark > div.date {
  height: 33px;
}
.crm-date-time-context > div.dark > div.date > span {
  font-size: 18px;
  text-align: center;
  padding: 5px 5px;
  color: #32f2db;
  /* border: 1px solid #209e91; */
  border-radius: 3px;
  display: inline-block;
  width: 104%;
}
.crm-date-time-context > div.light {
  height: 285px;
  background: #ffffff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  /* Safari */
  transition: all 0.5s ease-in-out;
}
.crm-date-time-context > div.light.unpin {
  height: 0;
  overflow: hidden;
}
.crm-date-time-context > div.light > div.time {
  /*padding: 10px;
                padding-top:20px;*/
}
.crm-date-time-context > div.light > div.time > div {
  height: 250px;
}
.crm-date-time-context > div.light > div.date {
  height: 33px;
}
.crm-date-time-context > div.light > div.date > span {
  font-size: 18px;
  text-align: center;
  padding: 5px 5px;
  color: #000000;
  /* border: 1px solid #209e91; */
  border-radius: 3px;
  display: inline-block;
  width: 104%;
}
.crm-date-time-context .ion-gear-b {
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
.crm-date-time-context .ion-gear-b:hover {
  color: #E75555;
}
.crm-date-time-context .crm-date-time-setting-context {
  position: absolute;
  top: -95px;
  right: 210px;
  height: 90px;
  width: 130px;
  background-color: #000;
  border-radius: 3px;
  border: 1px solid #fff;
}
.crm-date-time-context .crm-date-time-setting-context ul {
  margin-bottom: 0;
}
.crm-date-time-context .crm-date-time-setting-context ul > li {
  padding: 5px;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  margin-right: 0;
  font-size: 12px;
  position: relative;
}
.crm-date-time-context .crm-date-time-setting-context ul > li > img {
  width: 100px;
  position: absolute;
  right: 101%;
  display: none;
  top: 0;
  border: 1px solid #fff;
}
.crm-date-time-context .crm-date-time-setting-context ul > li:hover {
  background: rgba(255, 255, 255, 0.3);
}
.crm-date-time-context .crm-date-time-setting-context ul > li:hover > img {
  display: block;
}
.crm-date-time-context .crm-date-time-setting-context ul > li i {
  float: right;
  margin-left: 5px;
  font-size: 16px;
}
.crm-date-time-context .crm-date-time-setting-context ul > li i.ion-android-checkbox-outline-blank {
  color: #E75555;
}
.crm-date-time-context .crm-date-time-setting-context ul > li i.ion-android-checkbox-outline {
  color: #1F9D90;
}
.crm-date-time-context .flip-clock-wrapper ul {
  width: 33px;
}
.crm-datetime {
  position: fixed;
  right: 0px;
  height: 35px;
  width: 210px;
  background-color: #10151B;
  z-index: 1000;
  bottom: 0px;
}
.crm-datetime > span {
  font-size: 18px;
  text-align: center;
  padding: 5px 10px;
  color: #32f2db;
  /* border: 1px solid #209e91; */
  border-radius: 3px;
  display: inline-block;
  width: 100%;
}
.crm-datetime .ion-gear-b {
  position: absolute;
  top: 0px;
  left: 3px;
  cursor: pointer;
}
.crm-datetime .ion-gear-b:hover {
  color: #E75555;
}
.crm-datetime .crm-date-time-setting-context {
  position: absolute;
  top: -95px;
  right: 210px;
  height: 90px;
  width: 130px;
  background-color: #000;
  border-radius: 3px;
  border: 1px solid #fff;
}
.crm-datetime .crm-date-time-setting-context ul {
  margin-bottom: 0;
}
.crm-datetime .crm-date-time-setting-context ul > li {
  padding: 5px;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  margin-right: 0;
  font-size: 12px;
  position: relative;
}
.crm-datetime .crm-date-time-setting-context ul > li > img {
  width: 100px;
  position: absolute;
  right: 101%;
  display: none;
  top: 0;
  border: 1px solid #fff;
}
.crm-datetime .crm-date-time-setting-context ul > li:hover {
  background: rgba(255, 255, 255, 0.3);
}
.crm-datetime .crm-date-time-setting-context ul > li:hover > img {
  display: block;
}
.crm-datetime .crm-date-time-setting-context ul > li i {
  float: right;
  margin-left: 5px;
  font-size: 16px;
}
.crm-datetime .crm-date-time-setting-context ul > li i.ion-android-checkbox-outline-blank {
  color: #E75555;
}
.crm-datetime .crm-date-time-setting-context ul > li i.ion-android-checkbox-outline {
  color: #1F9D90;
}
.crm-datetime-digital {
  position: fixed;
  right: 0px;
  height: 120px;
  width: 240px;
  background-color: #10151B;
  z-index: 1000;
  bottom: 0px;
  /* Safari */
  transition: all 0.7s ease-in-out;
}
.crm-datetime-digital.unpin {
  height: 20px;
}
.crm-datetime-digital span.date-context {
  font-size: 18px;
  text-align: center;
  padding: 5px 10px;
  color: #32f2db;
  /* border: 1px solid #209e91; */
  border-radius: 3px;
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 32px;
}
.crm-datetime-digital > div {
  height: 100px;
  overflow: hidden;
  position: relative;
  /* Safari */
  transition: all 0.5s ease-in-out;
}
.crm-datetime-digital > div.unpin {
  height: 0;
  overflow: hidden;
}
.crm-datetime-digital .ion-gear-b {
  position: absolute;
  top: 0px;
  left: 3px;
  cursor: pointer;
}
.crm-datetime-digital .ion-gear-b:hover {
  color: #E75555;
}
.crm-datetime-digital .digital-timer {
  height: 50px;
  position: absolute;
  bottom: 40px;
  left: 25px;
}
.crm-datetime-digital .crm-date-time-setting-context {
  position: absolute;
  top: -95px;
  right: 210px;
  height: 90px;
  width: 130px;
  background-color: #000;
  border-radius: 3px;
  border: 1px solid #fff;
}
.crm-datetime-digital .crm-date-time-setting-context ul {
  margin-bottom: 0;
}
.crm-datetime-digital .crm-date-time-setting-context ul > li {
  padding: 5px;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  margin-right: 0;
  font-size: 12px;
  position: relative;
}
.crm-datetime-digital .crm-date-time-setting-context ul > li > img {
  width: 100px;
  position: absolute;
  right: 101%;
  display: none;
  top: 0;
  border: 1px solid #fff;
}
.crm-datetime-digital .crm-date-time-setting-context ul > li:hover {
  background: rgba(255, 255, 255, 0.3);
}
.crm-datetime-digital .crm-date-time-setting-context ul > li:hover > img {
  display: block;
}
.crm-datetime-digital .crm-date-time-setting-context ul > li i {
  float: right;
  margin-left: 5px;
  font-size: 16px;
}
.crm-datetime-digital .crm-date-time-setting-context ul > li i.ion-android-checkbox-outline-blank {
  color: #E75555;
}
.crm-datetime-digital .crm-date-time-setting-context ul > li i.ion-android-checkbox-outline {
  color: #1F9D90;
}
.crm-datetime-digital .flip-clock-wrapper ul {
  width: 25px;
  font-size: 30px;
  height: 35px;
  line-height: 35px;
  margin: 3px;
}
.crm-datetime-digital .flip-clock-wrapper ul li {
  line-height: 35px;
  margin: 3px;
}
.crm-datetime-digital .flip-clock-wrapper ul li > a > div {
  font-size: 20px;
}
.crm-datetime-digital .flip-clock-wrapper ul li > a > div div.inn {
  font-size: 24px;
}
.crm-datetime-digital .flip-clock-divider {
  width: 15px;
}
.crm-datetime-digital .flip-clock-divider .flip-clock-dot {
  width: 3px;
  height: 3px;
  background-color: lightgray;
}
.crm-datetime-digital .flip-clock-divider .flip-clock-dot.top {
  top: 20px;
}
.crm-datetime-digital .flip-clock-divider .flip-clock-dot.bottom {
  bottom: 70px;
}
.crm-datetime-digital .flip-clock-wrapper > span:nth-child(6) {
  display: none !important;
}
#resultPrvModal .measure-type-contradiction {
  background: rgba(0, 0, 0, 0.8);
  margin-bottom: 10px;
}
#resultPrvModal .measure-type-contradiction > h3 {
  color: #ffffff !important;
}
#resultPrvModal .measure-type-contradiction > h3 span {
  color: #8FB800 !important;
}
#resultPrvModal .measure-type-contradiction > h4 {
  color: #ffffff !important;
}
#resultPrvModal .measure-type-contradiction > h4 > span {
  color: #DEB71B !important;
}
#resultPrvModal .measure-type-contradiction > ul {
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #ffffff;
  width: 60%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
#resultPrvModal .measure-type-contradiction > ul > li {
  padding: 10px;
  text-align: center;
  background: #2bcebb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2bcebb 0%, #1f9386 49%, #2bcebb 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bcebb', endColorstr='#2bcebb', GradientType=0);
  /* IE6-9 */
}
#resultPrvModal .measure-type-contradiction > div {
  margin-right: 30px;
  background-color: #5F7A00;
  padding: 10px;
  border-radius: 5px;
}
#resultPrvModal .measure-type-contradiction > div > h3 {
  color: #ffffff !important;
}
#resultPrvModal .measure-type-contradiction > div > div {
  margin-right: 30px;
  margin-bottom: 40px;
  padding: 20px 10px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
#resultPrvModal .measure-type-contradiction > div > div > h4 {
  color: #ffffff !important;
}
#resultPrvModal .measure-type-contradiction > div > div > h4 > span {
  color: #8FB800 !important;
}
#resultPrvModal .measure-type-contradiction > div > div > ul {
  padding: 10px;
  border-radius: 5px;
  margin: auto;
  width: 60%;
  margin-top: 20px;
  margin-bottom: 20px;
}
#resultPrvModal .measure-type-contradiction > div > div > ul > li {
  background: #bbef00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bbef00 1%, #93bc00 49%, #bbef00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbef00', endColorstr='#bbef00', GradientType=0);
  /* IE6-9 */
  border-bottom: 1px solid #415400;
  padding: 5px;
  text-align: center;
}
#resultPrvModal .measure-type-contradiction > div > div > div {
  margin: 30px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
}
#resultPrvModal .measure-type-contradiction > div > div > div > h4 {
  color: #fff !important;
}
#resultPrvModal .measure-type-contradiction > div > div > div > h4 > span {
  color: #DEB71B;
}
#resultPrvModal .measure-type-contradiction > div > div > div > ul {
  margin: 20px 0;
}
#resultPrvModal .measure-type-contradiction > div > div > div > ul > li {
  text-align: center;
  width: 60%;
  margin: auto;
  background: #ffd221;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd221 0%, #af8916 55%, #ffd221 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#ffd221', GradientType=0);
  /* IE6-9 */
}
#resultPrvModal .measure-type-contradiction > div > div > div > div {
  padding: 5px;
  margin: 20px 0;
}
#resultPrvModal .measure-type-contradiction > div > div > div > div > h4 {
  color: #fff !important;
}
#resultPrvModal .measure-type-contradiction > div > div > div > div > h4 > span {
  color: #DEB71B;
}
#resultPrvModal .measure-type-contradiction > div > div > div > div > ul {
  margin: auto;
  width: 60%;
  margin-top: 20px;
  margin-bottom: 20px;
}
#resultPrvModal .measure-type-contradiction > div > div > div > div > ul > li {
  text-align: center;
  padding: 10px;
  background: #ffd221;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd221 0%, #af8916 55%, #ffd221 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#ffd221', GradientType=0);
  /* IE6-9 */
}
#resultPrvModal .measure-type-contradiction .checked-every-mins-contradiction-selector-btn {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
  background: #ffce21;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffce21 0%, #e5b61d 14%, #d6a71b 86%, #a58115 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce21', endColorstr='#a58115', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
}
#resultPrvModal .measure-type-contradiction .checked-every-mins-contradiction-selector-btn:hover {
  opacity: 0.8;
}
#resultPrvModal .measure-type-contradiction .checked-every-mins-time-contradiction-selector-btn {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
  background: #b1e200;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b1e200 1%, #93bc00 15%, #93bc00 88%, #5f7a00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1e200', endColorstr='#5f7a00', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
}
#resultPrvModal .measure-type-contradiction .checked-every-mins-time-contradiction-selector-btn:hover {
  opacity: 0.8;
}
.crm-copy-to-clipboard {
  cursor: pointer;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-botton {
  margin-bottom: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.cssload-loader * {
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.cssload-loader {
  position: absolute;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  perspective: 140px;
  transform-type: preserve-3d;
  -o-transform-type: preserve-3d;
  -ms-transform-type: preserve-3d;
  -webkit-transform-type: preserve-3d;
  -moz-transform-type: preserve-3d;
}
.cssload-square {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  perspective: 210px;
  -o-perspective: 210px;
  -ms-perspective: 210px;
  -webkit-perspective: 210px;
  -moz-perspective: 210px;
  transform-type: preserve-3d;
  -o-transform-type: preserve-3d;
  -ms-transform-type: preserve-3d;
  -webkit-transform-type: preserve-3d;
  -moz-transform-type: preserve-3d;
  transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
}
.cssload-square--mini {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 25%;
  margin-top: 0;
  margin-left: 0;
  perspective: 140px;
  -o-perspective: 140px;
  -ms-perspective: 140px;
  -webkit-perspective: 140px;
  -moz-perspective: 140px;
  transform-type: preserve-3d;
  -o-transform-type: preserve-3d;
  -ms-transform-type: preserve-3d;
  -webkit-transform-type: preserve-3d;
  -moz-transform-type: preserve-3d;
  transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform: translateZ(70px) rotateX(20deg) rotateY(-10deg);
  -o-transform: translateZ(70px) rotateX(20deg) rotateY(-10deg);
  -ms-transform: translateZ(70px) rotateX(20deg) rotateY(-10deg);
  -webkit-transform: translateZ(70px) rotateX(20deg) rotateY(-10deg);
  -moz-transform: translateZ(70px) rotateX(20deg) rotateY(-10deg);
  background-color: #14665c;
  animation: cssload-squaremini 4.6s cubic-bezier(0.38, 0.04, 0.38, 0.99) infinite;
  -o-animation: cssload-squaremini 4.6s cubic-bezier(0.38, 0.04, 0.38, 0.99) infinite;
  -ms-animation: cssload-squaremini 4.6s cubic-bezier(0.38, 0.04, 0.38, 0.99) infinite;
  -webkit-animation: cssload-squaremini 4.6s cubic-bezier(0.38, 0.04, 0.38, 0.99) infinite;
  -moz-animation: cssload-squaremini 4.6s cubic-bezier(0.38, 0.04, 0.38, 0.99) infinite;
}
.calltype-container > ul {
  text-align: center;
}
.calltype-container > ul > li {
  display: inline-block;
  margin-right: 2px;
}
.calltype-container > ul > li > div {
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #fff;
  cursor: pointer;
  opacity: 0.8;
}
.calltype-container > ul > li > div .fig {
  width: 25px;
  height: 25px;
  margin: auto;
}
.calltype-container > ul > li > div .fig img {
  width: 100%;
  height: 100%;
}
.calltype-container > ul > li > div > div {
  text-align: center;
  color: #000;
}
.calltype-container > ul > li > div > div i {
  font-size: 14px !important;
  color: #000 !important;
}
.calltype-container > ul > li > div:hover {
  background-color: gray;
}
.calltype-container > ul > li > div:hover > div {
  color: #fff;
}
.calltype-container > ul > li > div.selected {
  background-color: gray;
  opacity: 1;
  border: 2px solid #E75555;
}
.customer-service-call-avg > span {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  padding: 3px;
  border: 1px solid;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.4);
  margin-right: 5px;
}
.customer-service-call-avg > span > img {
  width: 25px;
  height: 25px;
}
.customer-service-call-avg > span > span {
  display: inline-block;
}
.cssload-square--mini:nth-child(4n+2) {
  left: 25%;
}
.cssload-square--mini:nth-child(4n+3) {
  left: 50%;
}
.cssload-square--mini:nth-child(4n+4) {
  left: 75%;
}
.width-300 {
  display: inline-block;
  width: 300px;
}
.popsite-property-context .popsite-property-item {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
  padding: 20px;
  margin-bottom: 5px;
}
.popsite-property-context .popsite-property-item h3 {
  direction: rtl;
}
.popsite-property-context .popsite-property-item h3 span {
  color: #DEB71B;
}
.popsite-property-context .popsite-property-item .pop-site-item {
  padding: 5px;
  border-radius: 5px;
}
.popsite-property-context .popsite-property-item .pop-site-item > div {
  background: rgba(0, 0, 0, 0.4);
  padding: 5px;
  border-radius: 5px;
}
.popsite-property-context .popsite-property-item .pop-site-item > div .header {
  direction: rtl;
}
.popsite-property-context .popsite-property-item .pop-site-item > div .header label {
  float: left;
  color: #1F9D90;
}
.popsite-property-context .popsite-property-item .pop-site-item > div .property-context {
  height: 200px;
  overflow: auto;
  border-radius: 5px;
  border: 1px solid #ffffff;
  background: rgba(0, 0, 0, 0.3);
  margin: 10px;
  padding: 10px;
}
.popsite-property-context .popsite-property-item .pop-site-item > div .property-context > ul .property-item {
  background-color: #DEB71B;
  border-radius: 5px;
  display: inline-block;
  padding: 3px 10px;
  color: #000;
  margin-right: 0;
  line-height: 35px;
  margin-right: 5px;
  cursor: pointer;
  /* Safari */
  transition: all 0.6s ease;
}
.popsite-property-context .popsite-property-item .pop-site-item > div .property-context > ul .property-item > div {
  background-color: #fff;
  padding: 0 5px;
  border-radius: 2px;
}
.popsite-property-context .popsite-property-item .pop-site-item > div .property-context > ul .property-item > span {
  border-radius: 5px;
  background-color: #1F9D90;
  line-height: 25px;
  padding: 0 10px;
  border: 2px solid #fff;
  float: left;
  margin-right: 5px;
}
.popsite-property-context .popsite-property-item .pop-site-item > div .property-context > ul .property-item > span ul {
  background-color: #ffffff;
}
.popsite-property-context .popsite-property-item .pop-site-item img {
  width: 35px;
}
.popsite-property-context .filters ul li {
  display: inline-block;
  background: #2fe0cb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2fe0cb 0%, #209e91 6%, #15665b 91%, #0e443e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2fe0cb', endColorstr='#0e443e', GradientType=0);
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 0 0 8px 2px #404040;
  cursor: pointer;
}
.popsite-property-context .filters ul li.selected {
  background: #ffe138;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffe138 0%, #aa9925 8%, #726519 85%, #494111 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe138', endColorstr='#494111', GradientType=0);
}
.popsite-det-context {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px #949494;
}
.popsite-property-list {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  height: 330px;
  overflow: auto;
  box-shadow: 0 0 5px 2px #949494;
}
.popsite-property-list > li {
  margin-bottom: 20px;
}
.popsite-property-list > li label {
  display: block;
  height: 46px;
  padding: 5px;
  font-weight: 700;
  text-align: center;
  /*color:#000000 !important;*/
  background: #2c539e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2c539e 0%, #2c539e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c539e', endColorstr='#2c539e', GradientType=0);
  margin: 0;
}
.popsite-property-list > li label span {
  display: inline-block;
  border-radius: 40px;
  padding: 5px 10px;
  color: #000000 !important;
  border: 1px solid #ffffff;
  float: left;
  background: #ffd65e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04', GradientType=0);
}
.popsite-property-list > li ul li {
  margin-right: 0;
  font-weight: 700;
  color: #000000 !important;
  background: #ffd65e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04', GradientType=0);
  padding: 5px;
  direction: rtl;
  height: 52px;
  line-height: 20px;
}
.popsite-property-list > li ul li span {
  float: left;
  color: #000000 !important;
}
.leaflet-control-container .leaflet-bottom {
  display: none !important;
}
.margin-side-5 {
  margin: 0 5px;
}
.bold-text {
  font-weight: 700;
  font-size: 20px;
}
.cssload-square--mini:nth-child(5),
.cssload-square--mini:nth-child(6),
.cssload-square--mini:nth-child(7),
.cssload-square--mini:nth-child(8) {
  top: 25%;
}
.cssload-square--mini:nth-child(9),
.cssload-square--mini:nth-child(10),
.cssload-square--mini:nth-child(11),
.cssload-square--mini:nth-child(12) {
  top: 50%;
}
.cssload-square--mini:nth-child(13),
.cssload-square--mini:nth-child(14),
.cssload-square--mini:nth-child(15),
.cssload-square--mini:nth-child(16) {
  top: 75%;
}
.cssload-square--mini:nth-child(2),
.cssload-square--mini:nth-child(5) {
  animation-delay: 115ms;
  -o-animation-delay: 115ms;
  -ms-animation-delay: 115ms;
  -webkit-animation-delay: 115ms;
  -moz-animation-delay: 115ms;
}
.cssload-square--mini:nth-child(3),
.cssload-square--mini:nth-child(6),
.cssload-square--mini:nth-child(9) {
  animation-delay: 230ms;
  -o-animation-delay: 230ms;
  -ms-animation-delay: 230ms;
  -webkit-animation-delay: 230ms;
  -moz-animation-delay: 230ms;
}
.cssload-square--mini:nth-child(4),
.cssload-square--mini:nth-child(7),
.cssload-square--mini:nth-child(10),
.cssload-square--mini:nth-child(13) {
  animation-delay: 345ms;
  -o-animation-delay: 345ms;
  -ms-animation-delay: 345ms;
  -webkit-animation-delay: 345ms;
  -moz-animation-delay: 345ms;
}
.cssload-square--mini:nth-child(8),
.cssload-square--mini:nth-child(11),
.cssload-square--mini:nth-child(14) {
  animation-delay: 460ms;
  -o-animation-delay: 460ms;
  -ms-animation-delay: 460ms;
  -webkit-animation-delay: 460ms;
  -moz-animation-delay: 460ms;
}
.cssload-square--mini:nth-child(12),
.cssload-square--mini:nth-child(15) {
  animation-delay: 575ms;
  -o-animation-delay: 575ms;
  -ms-animation-delay: 575ms;
  -webkit-animation-delay: 575ms;
  -moz-animation-delay: 575ms;
}
.cssload-square--mini:nth-child(16) {
  animation-delay: 690ms;
  -o-animation-delay: 690ms;
  -ms-animation-delay: 690ms;
  -webkit-animation-delay: 690ms;
  -moz-animation-delay: 690ms;
}
.mail-loading {
  display: inline-block;
  width: 100%;
  height: 101%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.mail-loading:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 36%;
  background-image: url(/Content/Images/MailLoading.gif);
  display: inline-block;
  width: 64px;
  height: 60px;
}
@keyframes cssload-squaremini {
  0%,
  100% {
    transform: translateZ(70px) rotateX(20deg) rotateY(-10deg) rotateZ(10deg);
    background-color: #566e01;
  }
  12.5%,
  62.5% {
    transform: translateZ(0) rotateX(0) rotateY(0);
    background-color: #167066;
  }
  25%,
  75% {
    transform: translateZ(70px) rotateX(-20deg) rotateY(10deg) rotateZ(-10deg);
    background-color: #739106;
  }
  37.5% {
    transform: translateZ(0) rotateX(0) rotateY(0);
    background-color: #27a899;
  }
  50% {
    transform: translateZ(70px) rotateX(20deg) rotateY(-10deg) rotateZ(5deg);
    background-color: #91b900;
  }
  87.5% {
    transform: translateZ(0) rotateX(0) rotateY(0);
    background-color: #105950;
  }
}
.separation-report-sales-view .panel-light .total-report-item-container,
.customer-service-followup-view .panel-light .total-report-item-container {
  background-color: #ffffff;
  /*height: 950px;
            overflow: auto;*/
}
.separation-report-sales-view .panel-light .total-report-item-container .total-report-item h3,
.customer-service-followup-view .panel-light .total-report-item-container .total-report-item h3 {
  background-image: linear-gradient(90deg, #ad59ff, #7659ff);
  box-shadow: 0 3px 0 0 #7e4ddb, 0 2px 8px 0 #9259ff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-align: center;
  padding: 10px 0;
  color: #ffffff !important;
  direction: rtl;
}
.separation-report-sales-view .panel-light .total-report-item-container .total-report-item .table-container,
.customer-service-followup-view .panel-light .total-report-item-container .total-report-item .table-container {
  background-color: #ffffff;
}
.separation-report-sales-view .panel-light .total-report-item-container .total-report-item .table-container table,
.customer-service-followup-view .panel-light .total-report-item-container .total-report-item .table-container table {
  width: 100%;
}
.separation-report-sales-view .panel-light .list-context,
.customer-service-followup-view .panel-light .list-context {
  background-color: #ffffff;
  padding: 10px;
}
.separation-report-sales-view .panel-light .list-context h4,
.customer-service-followup-view .panel-light .list-context h4 {
  color: #000000;
}
.separation-report-sales-view .panel-light .list-context input[type=text],
.customer-service-followup-view .panel-light .list-context input[type=text] {
  color: #000000 !important;
}
.separation-report-sales-view .panel-light .list-context .items-resellers,
.customer-service-followup-view .panel-light .list-context .items-resellers {
  height: 150px;
  overflow: auto;
}
.separation-report-sales-view .panel-light .list-context .items-resellers > div > div,
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.separation-report-sales-view .panel-light .list-context .items-resellers > div > div > div,
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div > div {
  background-image: linear-gradient(90deg, #ad59ff, #7659ff);
  box-shadow: 0 3px 0 0 #7e4ddb, 0 2px 8px 0 #9259ff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-align: right;
  padding: 3px 5px 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  height: 50px;
  line-height: 20px;
  font-size: 16px;
}
.separation-report-sales-view .panel-light .list-context .items-resellers > div > div > div span,
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div > div span {
  font-size: 14px;
}
.separation-report-sales-view .panel-light .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank,
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank {
  margin-left: 5px;
}
.separation-report-sales-view .panel-light .list-context .items-resellers > div > div > div:hover,
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div > div:hover {
  opacity: 0.8;
}
.separation-report-sales-view .panel-light .list-context .items-resellers > div > div > div.selected,
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div > div.selected {
  background-image: none;
  background-color: #654ddb;
  box-shadow: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
}
.separation-report-sales-view .panel .total-report-item-container,
.customer-service-followup-view .panel .total-report-item-container {
  background: rgba(0, 0, 0, 0.3);
  /*height: 950px;
            overflow: auto;*/
}
.separation-report-sales-view .panel .total-report-item-container .total-report-item h3,
.customer-service-followup-view .panel .total-report-item-container .total-report-item h3 {
  background: #abdb00;
  background: linear-gradient(to bottom, #abdb00 0%, #85aa00 49%, #abdb00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abdb00', endColorstr='#abdb00', GradientType=0);
  text-align: center;
  padding: 10px 0;
  direction: rtl;
}
.separation-report-sales-view .panel .total-report-item-container .total-report-item .table-container,
.customer-service-followup-view .panel .total-report-item-container .total-report-item .table-container {
  /*background:rgba(0,0,0,0.7);*/
}
.separation-report-sales-view .panel .total-report-item-container .total-report-item .table-container table,
.customer-service-followup-view .panel .total-report-item-container .total-report-item .table-container table {
  width: 100%;
}
.separation-report-sales-view .panel .list-context,
.customer-service-followup-view .panel .list-context {
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
}
.separation-report-sales-view .panel .list-context .items-resellers,
.customer-service-followup-view .panel .list-context .items-resellers {
  height: 150px;
  overflow: auto;
}
.separation-report-sales-view .panel .list-context .items-resellers > div > div,
.customer-service-followup-view .panel .list-context .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.separation-report-sales-view .panel .list-context .items-resellers > div > div > div,
.customer-service-followup-view .panel .list-context .items-resellers > div > div > div {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7f6910 14%, #897111 86%, #2b2305 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#2b2305', GradientType=0);
  /* IE6-9 */
  text-align: right;
  padding: 3px 5px 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  height: 50px;
  line-height: 20px;
  font-size: 16px;
}
.separation-report-sales-view .panel .list-context .items-resellers > div > div > div span,
.customer-service-followup-view .panel .list-context .items-resellers > div > div > div span {
  font-size: 14px;
}
.separation-report-sales-view .panel .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank,
.customer-service-followup-view .panel .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank {
  margin-left: 5px;
}
.separation-report-sales-view .panel .list-context .items-resellers > div > div > div:hover,
.customer-service-followup-view .panel .list-context .items-resellers > div > div > div:hover {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
}
.separation-report-sales-view .panel .list-context .items-resellers > div > div > div.selected,
.customer-service-followup-view .panel .list-context .items-resellers > div > div > div.selected {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
  color: #000000;
}
.separation-report-sales-view .report-sale-by-reseller-result-container,
.customer-service-followup-view .report-sale-by-reseller-result-container {
  width: 100%;
  overflow: auto;
  direction: rtl;
}
.separation-report-sales-view .report-sale-by-reseller-result-container::-webkit-scrollbar,
.customer-service-followup-view .report-sale-by-reseller-result-container::-webkit-scrollbar {
  width: 0.5em;
  height: 2em !important;
}
.separation-report-sales-view .report-sale-by-reseller-result-container::-webkit-scrollbar-thumb,
.customer-service-followup-view .report-sale-by-reseller-result-container::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  cursor: pointer;
}
.separation-report-sales-view .report-sale-by-reseller-result-container::-webkit-scrollbar-track,
.customer-service-followup-view .report-sale-by-reseller-result-container::-webkit-scrollbar-track {
  background: transparent;
}
.ticket-context-tab-container {
  text-align: center;
  direction: rtl;
}
.ticket-context-tab-container > span {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  cursor: pointer;
  background-color: #b29017;
  color: #ffffff !important;
  border-radius: 3px;
  border: 1px solid #ffffff;
  width: 49%;
}
.ticket-context-tab-container > span > span {
  display: inline-block;
  border-radius: 30px;
  background-color: #1F9D90;
  border: 1px solid #ffffff;
  position: absolute;
  left: 1px;
  top: 1px;
  padding: 1px 5px;
  color: #ffffff;
}
.ticket-context-tab-container > span.selected {
  background-color: #ffce21;
  color: #000000 !important;
}
.ticket-notification .ticket-owner-info {
  position: absolute;
  left: 1px;
  border-radius: 5px;
  border: 1px solid #fff;
  top: 0;
  /*transform: rotatez(-30deg);*/
}
.ticket-notification .ticket-owner-info > span {
  display: inline-block;
  padding: 2px 5px;
  color: #fff !important;
}
.ticket-notification .ticket-owner-info.user {
  background-color: #E75555;
}
.ticket-notification .ticket-owner-info.customer {
  background-color: #DEB71B;
  color: #000 !important;
}
.page-top-light {
  background: #DFE5E8;
}
.page-top-light .al-msg-center li > a {
  color: #000000;
}
.page-top-light a.collapse-menu-link {
  color: #000000;
}
.page-top-light a {
  border-bottom: 0;
}
.light-panel {
  background-color: #d2dee0;
  margin-top: 10px;
}
.panel-heading-light {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
  height: 44px;
  font-size: 16px;
  padding: 14px 22px;
}
.panel-heading-light label {
  color: #000000;
}
.sidebar-light {
  background-color: #E0E6E9;
}
.sidebar-light a.al-sidebar-list-link,
.sidebar-light .al-sidebar-sublist > li a {
  color: #000000;
}
.sidebar-light a.al-sidebar-list-link b {
  color: #000000;
}
.theme-switch-container {
  position: relative;
}
.theme-switch-container .theme-switch {
  display: inline-block;
  width: 50px;
  height: 20px;
  border-radius: 10px;
  box-shadow: 0 0 1px 1px #DBDBDB;
}
.theme-switch-container .theme-switch > i {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 20px;
  position: absolute;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.theme-switch-container .theme-switch > i.light {
  /* ff3.6+ */
  /* safari4+,chrome */
  /* safari5.1+,chrome10+ */
  /* opera 11.10+ */
  /* ie10+ */
  background: radial-gradient(ellipse at center, #58dcfc 0%, #2483d6 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58DCFC', endColorstr='#2483D6', GradientType=1);
  /* ie6-9 */
  left: 40px;
  top: -5px;
}
.theme-switch-container .theme-switch > i.dark {
  background: #7d7e7d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #7d7e7d 0%, #0e0e0e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  left: 0;
  top: -5px;
}
.theme-switch-container .theme-switch.dark {
  background-color: #646665;
}
.theme-switch-container .theme-switch.light {
  background-color: #EAEFF4;
}
.theme-switch-container .theme-switch > label {
  position: absolute;
}
.theme-switch-container .theme-switch > label.dark {
  color: #6d6d6d;
  left: -40px;
}
.theme-switch-container .theme-switch > label.light {
  color: #c1c1c1;
  right: -50px;
}
.theme-switch-container .coming-soon {
  position: absolute;
  width: 148px;
  left: -300%;
  top: -7px;
  overflow: hidden;
  height: 25px;
  direction: rtl;
  text-align: right;
}
.theme-switch-container .coming-soon label {
  /*animation-name: commingSoon;*/
  /*animation-duration: 5s;*/
  /*animation-iteration-count: infinite;*/
  direction: rtl;
  display: inline-block;
  width: 73%;
  overflow: hidden;
  text-align: right;
  font-size: 12px;
}
.theme-switch-container .coming-soon label.dark {
  color: #c1c1c1;
}
.theme-switch-container .coming-soon label.light {
  color: #6d6d6d;
}
@keyframes commingSoon {
  0% {
    width: 73%;
  }
  50% {
    width: 59%;
  }
  1000% {
    width: 73%;
  }
}
.customer-report-view .status-list .item {
  padding: 3px 10px;
}
.customer-report-view .status-list .item label {
  background: #90b900;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #90b900 0%, #617c00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90b900', endColorstr='#617c00', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 3px 0 0 #617c00, 0 2px 8px 0 #90b900, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 160px;
  position: relative;
  border-radius: 5px;
}
.customer-report-view .status-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-report-view .list-context {
  background: rgba(0, 0, 0, 0.4);
  padding: 10px;
}
.customer-report-view .list-context h4 {
  color: #ffffff;
}
.customer-report-view .list-context .search-context input[type=text] {
  color: #ffffff !important;
}
.customer-report-view .list-context .items-resellers {
  height: 150px;
  overflow: auto;
}
.customer-report-view .list-context .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.customer-report-view .list-context .items-resellers > div > div > div {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7f6910 14%, #897111 86%, #2b2305 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#2b2305', GradientType=0);
  /* IE6-9 */
  text-align: right;
  padding: 3px 5px 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  height: 50px;
  line-height: 20px;
  font-size: 16px;
}
.customer-report-view .list-context .items-resellers > div > div > div span {
  font-size: 14px;
}
.customer-report-view .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank {
  margin-left: 5px;
}
.customer-report-view .list-context .items-resellers > div > div > div:hover {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
}
.customer-report-view .list-context .items-resellers > div > div > div.selected {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
  color: #000000;
}
.customer-service-followup-view .package-list .item {
  padding: 3px 10px;
}
.customer-service-followup-view .package-list .item label {
  background-image: linear-gradient(90deg, #00b3ff, #08f);
  box-shadow: 0 3px 0 0 #0087db, 0 2px 8px 0 #009dff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 160px;
  position: relative;
}
.customer-service-followup-view .package-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .status-list .item {
  padding: 3px 10px;
}
.customer-service-followup-view .status-list .item label {
  background-image: linear-gradient(90deg, #00d9bf, #00d977);
  box-shadow: 0 3px 0 0 #00bb85, 0 2px 8px 0 #00d99b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 160px;
  position: relative;
  border-radius: 5px;
}
.customer-service-followup-view .status-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .panel-light .context-container {
  background: #cfd4d6;
  border-radius: 5px;
  padding: 10px;
  padding: 30px;
}
.customer-service-followup-view .panel-light .context-container .context > div {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  min-height: 210px;
}
.customer-service-followup-view .panel-light .context-container .context > div h5 {
  color: #000000;
}
.customer-service-followup-view .panel-light .context-container .context > div .package-list .item {
  padding: 3px 10px;
}
.customer-service-followup-view .panel-light .context-container .context > div .package-list .item label {
  background-image: linear-gradient(90deg, #00b3ff, #08f);
  box-shadow: 0 3px 0 0 #0087db, 0 2px 8px 0 #009dff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 160px;
  position: relative;
}
.customer-service-followup-view .panel-light .context-container .context > div .package-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .panel-light .context-container .context > div .status-list .item {
  padding: 3px 10px;
}
.customer-service-followup-view .panel-light .context-container .context > div .status-list .item label {
  background-image: linear-gradient(90deg, #00d9bf, #00d977);
  box-shadow: 0 3px 0 0 #00bb85, 0 2px 8px 0 #00d99b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 160px;
  position: relative;
  border-radius: 5px;
}
.customer-service-followup-view .panel-light .context-container .context > div .status-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .panel-light .view-panel {
  background: #cfd4d6;
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel-light .user-context-container {
  padding: 20px;
}
.customer-service-followup-view .panel-light .user-context-container > div {
  background: #cfd4d6;
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel-light .user-context-container > div input[type=text] {
  background-color: #fff;
  border-radius: 5px;
  color: #000000 !important;
}
.customer-service-followup-view .panel-light .user-context-container > div .user-context {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  height: 320px;
  overflow: auto;
}
.customer-service-followup-view .panel-light .user-context-container > div .user-context > div .item {
  padding: 3px 10px;
}
.customer-service-followup-view .panel-light .user-context-container > div .user-context > div .item label {
  background-image: linear-gradient(90deg, #ad59ff, #7659ff);
  box-shadow: 0 3px 0 0 #7e4ddb, 0 2px 8px 0 #9259ff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  direction: rtl;
}
.customer-service-followup-view .panel-light .user-context-container > div .user-context > div .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .panel-light .selected-user-context-container {
  padding: 20px;
}
.customer-service-followup-view .panel-light .selected-user-context-container > div {
  background: #cfd4d6;
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel-light .selected-user-context-container > div input[type=text] {
  background-color: #fff;
  border-radius: 5px;
  color: #000000 !important;
}
.customer-service-followup-view .panel-light .selected-user-context-container > div .user-context {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  height: 475px;
  overflow: auto;
}
.customer-service-followup-view .panel-light .selected-user-context-container > div .user-context > div .item {
  padding: 3px 10px;
}
.customer-service-followup-view .panel-light .selected-user-context-container > div .user-context > div .item label {
  background-image: linear-gradient(90deg, #00b3ff, #08f);
  box-shadow: 0 3px 0 0 #0087db, 0 2px 8px 0 #009dff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  direction: rtl;
}
.customer-service-followup-view .panel-light .selected-user-context-container > div .user-context > div .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .panel-light .no-following {
  background-color: rgba(255, 55, 106, 0.2);
}
.customer-service-followup-view .panel-light .result-container {
  padding: 20px 10px 10px 30px;
}
.customer-service-followup-view .panel-light .result-container > div {
  background: #cfd4d6;
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel-light .follow-up-customer-tab .tools-container > div {
  background: #cfd4d6;
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel-light .follow-up-customer-tab .tools-container > div .form-group {
  background-color: #ffffff;
}
.customer-service-followup-view .panel-light .follow-up-customer-tab .tools-container > div .form-group textarea {
  color: #000000 !important;
}
.customer-service-followup-view .panel-light .follow-up-customer-tab .customer-container > div {
  background: #cfd4d6;
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel-light .follow-up-customer-tab .customer-container > div .item {
  cursor: pointer;
}
.customer-service-followup-view .panel-light .follow-up-customer-tab .customer-container > div .item.selected {
  background-color: rgba(254, 171, 60, 0.7);
}
.customer-service-followup-view .panel-light .follow-up-customer-tab .filter-container {
  padding: 5px;
}
.customer-service-followup-view .panel-light .follow-up-customer-tab .filter-container > div {
  background: #cfd4d6;
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel-light .follow-up-customer-tab .filter-container > div > div select {
  background-color: #fff;
  border-radius: 5px;
}
.customer-service-followup-view .panel-light .follow-up-customer-tab .filter-container > div > div input[type=text] {
  background-color: #fff;
  border-radius: 5px;
  color: #000 !important;
}
.customer-service-followup-view .panel-light .call-count {
  background-color: #FEAC3E;
}
.customer-service-followup-view .panel-light .user-followup-statistical-table {
  background-color: #ffffff;
}
.customer-service-followup-view .panel-light .selecte-user-followup-context {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel-light .list-context {
  background-color: #ffffff;
  padding: 10px;
}
.customer-service-followup-view .panel-light .list-context h4 {
  color: #000000;
}
.customer-service-followup-view .panel-light .list-context input[type=text] {
  color: #000000 !important;
}
.customer-service-followup-view .panel-light .list-context .items-resellers {
  height: 150px;
  overflow: auto;
}
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div > div {
  background-image: linear-gradient(90deg, #b57fff, #8a7fff);
  box-shadow: 0 0 0 0 #896ddb, 0 0 0 0 #9f7fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-align: right;
  padding: 3px 5px 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  height: 50px;
  line-height: 20px;
  font-size: 16px;
}
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div > div span {
  font-size: 16px;
}
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank {
  margin-left: 5px;
}
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div > div:hover {
  opacity: 0.6;
}
.customer-service-followup-view .panel-light .list-context .items-resellers > div > div > div.selected {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
  color: #000000;
}
.customer-service-followup-view .panel-light .dead-line-container {
  padding: 0 20px;
}
.customer-service-followup-view .panel-light .dead-line-container > div {
  padding: 22px;
  margin-top: 0;
  background: #CED3D5;
  border-radius: 5px;
}
.customer-service-followup-view .call-count {
  border-radius: 30px;
  border: 2px solid #ffffff;
  color: #fff;
  font-size: 12px;
  text-align: center;
  height: 25px;
  line-height: 22px;
  min-width: 25px;
  display: inline-block;
}
.customer-service-followup-view .td-Clear-font-size {
  font-size: 18px;
  font-weight: bold;
  font-family: Times New Roman;
}
.customer-service-followup-view .user-context-container {
  padding: 20px;
}
.customer-service-followup-view .user-context-container > div {
  padding: 10px;
  background-color: #D8DEE1;
  border-radius: 5px;
}
.customer-service-followup-view .user-context-container > div input[type=text] {
  background-color: #fff;
  border-radius: 5px;
}
.customer-service-followup-view .user-context-container > div .user-context {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  height: 350px;
  overflow: auto;
}
.customer-service-followup-view .user-context-container > div .user-context > div .item {
  padding: 3px 10px;
}
.customer-service-followup-view .user-context-container > div .user-context > div .item label {
  background-image: linear-gradient(90deg, #ad59ff, #7659ff);
  box-shadow: 0 3px 0 0 #7e4ddb, 0 2px 8px 0 #9259ff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  direction: rtl;
}
.customer-service-followup-view .user-context-container > div .user-context > div .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .list-context {
  background-color: #ffffff;
  padding: 10px;
}
.customer-service-followup-view .list-context h4 {
  color: #000000;
}
.customer-service-followup-view .list-context input[type=text] {
  color: #000000 !important;
}
.customer-service-followup-view .list-context .items-resellers {
  height: 150px;
  overflow: auto;
}
.customer-service-followup-view .list-context .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.customer-service-followup-view .list-context .items-resellers > div > div > div {
  background-image: linear-gradient(90deg, #b57fff, #8a7fff);
  box-shadow: 0 0 0 0 #896ddb, 0 0 0 0 #9f7fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-align: right;
  padding: 3px 5px 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  height: 50px;
  line-height: 20px;
  font-size: 16px;
}
.customer-service-followup-view .list-context .items-resellers > div > div > div span {
  font-size: 16px;
}
.customer-service-followup-view .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank {
  margin-left: 5px;
}
.customer-service-followup-view .list-context .items-resellers > div > div > div:hover {
  opacity: 0.6;
}
.customer-service-followup-view .list-context .items-resellers > div > div > div.selected {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
  color: #000000;
}
.customer-service-followup-view .dividing-context {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 2px solid #dfb81c;
}
.customer-service-followup-view .dividing-context .slider-container {
  height: 500px;
}
.customer-service-followup-view .dividing-context .slider-container h3 {
  padding: 5px 10px 10px 0;
  margin-bottom: 0;
}
.customer-service-followup-view .dividing-context .slider-container .item {
  height: 250px;
  text-align: center;
}
.customer-service-followup-view .dividing-context-light {
  box-shadow: 0 2px 8px 0 #ffb600;
  background-color: #E9EFF3;
}
.customer-service-followup-view .dividing-context-light .slider-container {
  height: 500px;
}
.customer-service-followup-view .dividing-context-light .slider-container h4 {
  padding: 5px 10px 10px 0;
  margin-bottom: 0;
  background-color: #ffffff;
}
.customer-service-followup-view .dividing-context-light .slider-container .item {
  height: 350px;
  text-align: center;
  padding: 10px;
}
.customer-service-followup-view .dividing-context-light .slider-container .item h5 {
  background-image: linear-gradient(90deg, #00b3ff, #08f);
  box-shadow: 0 3px 0 0 #0087db, 0 2px 8px 0 #009dff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  text-align: center;
  padding: 10px 0;
}
.customer-service-followup-view .dividing-context-light .slider-container .item > div {
  border-radius: 5px;
  height: 250px;
  text-align: center;
  width: 100%;
  padding: 35px 0;
}
.customer-service-followup-view .dividing-context-light .slider-container .item > div .rzslider .rz-bubble {
  /*color:#000000;*/
}
.customer-service-followup-view .dividing-context-light .slider-container .item > div .rzslider .rz-pointer {
  background-color: #ffd324;
}
.customer-service-followup-view .dividing-context-light .slider-container .item > div .rzslider .rz-bar.rz-selection {
  background-color: #ffd324;
}
.customer-service-followup-view .dividing-context-light .slider-container .item .info {
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
}
.customer-service-followup-view .dividing-context-light .slider-container .item .info > label {
  color: #000000;
}
.customer-service-followup-view .dividing-context-light .slider-container .tool-container {
  margin-top: 50px;
  padding: 20px;
  background-color: #fff;
}
.customer-service-followup-view .dividing-context-light .slider-container .adsl .item > div {
  background-color: #3F3C7D;
}
.customer-service-followup-view .dividing-context-light .slider-container .wireless .item > div {
  background-color: #e0315d;
}
.customer-service-followup-view .panel .context-container {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
  padding: 30px;
}
.customer-service-followup-view .panel .context-container .context > div {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  min-height: 210px;
}
.customer-service-followup-view .panel .context-container .context > div h5 {
  color: #ffffff;
}
.customer-service-followup-view .panel .context-container .context > div .package-list .item {
  padding: 3px 10px;
}
.customer-service-followup-view .panel .context-container .context > div .package-list .item label {
  background: #2dacd1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2dacd1 0%, #2dacd1 9%, #1f7891 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dacd1', endColorstr='#1f7891', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 3px 0 0 #1f7891, 0 2px 8px 0 #2dacd1, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 160px;
  position: relative;
}
.customer-service-followup-view .panel .context-container .context > div .package-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .panel .context-container .context > div .status-list .item {
  padding: 3px 10px;
}
.customer-service-followup-view .panel .context-container .context > div .status-list .item label {
  background: #90b900;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #90b900 0%, #617c00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90b900', endColorstr='#617c00', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 3px 0 0 #617c00, 0 2px 8px 0 #90b900, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 160px;
  position: relative;
  border-radius: 5px;
}
.customer-service-followup-view .panel .context-container .context > div .status-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .panel .selected-user-context-container {
  padding: 20px;
}
.customer-service-followup-view .panel .selected-user-context-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel .selected-user-context-container > div input[type=text] {
  background-color: #fff;
  border-radius: 5px;
  color: #000000 !important;
}
.customer-service-followup-view .panel .selected-user-context-container > div .user-context {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  height: 475px;
  overflow: auto;
}
.customer-service-followup-view .panel .selected-user-context-container > div .user-context > div .item {
  padding: 3px 10px;
}
.customer-service-followup-view .panel .selected-user-context-container > div .user-context > div .item label {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dfb81c 0%, #dfb81c 35%, #876f11 94%, #a38415 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#a38415', GradientType=0);
  /* IE6-9 */
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  direction: rtl;
}
.customer-service-followup-view .panel .selected-user-context-container > div .user-context > div .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .panel .view-panel {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel .user-context-container {
  padding: 20px;
}
.customer-service-followup-view .panel .user-context-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel .user-context-container > div input[type=text] {
  background-color: #fff;
  border-radius: 5px;
  color: #000 !important;
}
.customer-service-followup-view .panel .user-context-container > div .user-context {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  height: 320px;
  overflow: auto;
}
.customer-service-followup-view .panel .user-context-container > div .user-context > div .item {
  padding: 3px 10px;
}
.customer-service-followup-view .panel .user-context-container > div .user-context > div .item label {
  background: #36c1b1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #36c1b1 0%, #1a5e56 93%, #227c72 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36c1b1', endColorstr='#227c72', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 3px 0 0 #36c1b1, 0 2px 8px 0 #1a5e56, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  direction: rtl;
}
.customer-service-followup-view .panel .user-context-container > div .user-context > div .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-followup-view .panel .result-container {
  padding: 20px 10px 10px 30px;
}
.customer-service-followup-view .panel .result-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel .no-following {
  background-color: rgba(232, 86, 86, 0.3);
}
.customer-service-followup-view .panel .follow-up-customer-tab .tools-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel .follow-up-customer-tab .customer-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel .follow-up-customer-tab .filter-container {
  padding: 5px;
}
.customer-service-followup-view .panel .follow-up-customer-tab .filter-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-followup-view .panel .follow-up-customer-tab .filter-container > div > div select {
  /*background-color:#fff;*/
  border-radius: 5px;
}
.customer-service-followup-view .panel .call-count {
  background-color: #FEAC3E;
}
.customer-service-followup-view .panel .list-context {
  background: rgba(0, 0, 0, 0.4);
  padding: 10px;
}
.customer-service-followup-view .panel .list-context h4 {
  color: #ffffff;
}
.customer-service-followup-view .panel .list-context .search-context input[type=text] {
  color: #ffffff !important;
}
.customer-service-followup-view .panel .list-context .items-resellers {
  height: 150px;
  overflow: auto;
}
.customer-service-followup-view .panel .list-context .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.customer-service-followup-view .panel .list-context .items-resellers > div > div > div {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7f6910 14%, #897111 86%, #2b2305 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#2b2305', GradientType=0);
  /* IE6-9 */
  text-align: right;
  padding: 3px 5px 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  height: 50px;
  line-height: 20px;
  font-size: 16px;
}
.customer-service-followup-view .panel .list-context .items-resellers > div > div > div span {
  font-size: 14px;
}
.customer-service-followup-view .panel .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank {
  margin-left: 5px;
}
.customer-service-followup-view .panel .list-context .items-resellers > div > div > div:hover {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
}
.customer-service-followup-view .panel .list-context .items-resellers > div > div > div.selected {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
  color: #000000;
}
.customer-service-followup-view .panel .dead-line-container {
  padding: 0 20px;
}
.customer-service-followup-view .panel .dead-line-container > div {
  padding: 22px;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.package-view .panel-light .list-context {
  background-color: #ffffff;
  padding: 10px;
}
.package-view .panel-light .list-context h4 {
  color: #000000;
}
.package-view .panel-light .list-context input[type=text] {
  color: #000000 !important;
}
.package-view .panel-light .list-context .items-resellers {
  height: 150px;
  overflow: auto;
}
.package-view .panel-light .list-context .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.package-view .panel-light .list-context .items-resellers > div > div > div {
  background-image: linear-gradient(90deg, #ad59ff, #7659ff);
  box-shadow: 0 3px 0 0 #7e4ddb, 0 2px 8px 0 #9259ff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-align: right;
  padding: 3px 5px 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  height: 50px;
  line-height: 20px;
  font-size: 16px;
}
.package-view .panel-light .list-context .items-resellers > div > div > div span {
  font-size: 14px;
}
.package-view .panel-light .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank {
  margin-left: 5px;
}
.package-view .panel-light .list-context .items-resellers > div > div > div:hover {
  opacity: 0.8;
}
.package-view .panel-light .list-context .items-resellers > div > div > div.selected {
  background-image: none;
  background-color: #654ddb;
  box-shadow: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
}
.package-view .panel .list-context {
  background: rgba(0, 0, 0, 0.8);
  padding: 10px;
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  position: absolute;
  z-index: 1000;
}
.package-view .panel .list-context.opened {
  height: 430px;
}
.package-view .panel .list-context h4 {
  color: #ffffff;
}
.package-view .panel .list-context .search-context input[type=text] {
  color: #ffffff !important;
}
.package-view .panel .list-context .items-resellers {
  height: 300px;
  overflow: auto;
}
.package-view .panel .list-context .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.package-view .panel .list-context .items-resellers > div > div > div {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7f6910 14%, #897111 86%, #2b2305 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#2b2305', GradientType=0);
  /* IE6-9 */
  text-align: right;
  padding: 3px 5px 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  height: 50px;
  line-height: 20px;
  font-size: 16px;
}
.package-view .panel .list-context .items-resellers > div > div > div span {
  font-size: 14px;
}
.package-view .panel .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank {
  margin-left: 5px;
}
.package-view .panel .list-context .items-resellers > div > div > div:hover {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
}
.package-view .panel .list-context .items-resellers > div > div > div.selected {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
  color: #000000;
}
.form-group .checkbox label,
.form-group .radio label,
.form-group label {
  color: #FFF;
}
.form-group.is-focused .checkbox label:hover,
.form-group.is-focused label.checkbox-inline:hover,
.form-group.is-focused .checkbox label:focus,
.form-group.is-focused label.checkbox-inline:focus {
  color: #ffffff;
}
.customer-service-payment-report-view .panel-light .context-container {
  padding: 30px;
}
.customer-service-payment-report-view .panel-light .context-container .context > div {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  min-height: 210px;
}
.customer-service-payment-report-view .panel-light .context-container .context > div h5 {
  color: #000000;
}
.customer-service-payment-report-view .panel-light .context-container .context > div .package-list .item {
  padding: 3px 10px;
}
.customer-service-payment-report-view .panel-light .context-container .context > div .package-list .item label {
  background-image: linear-gradient(90deg, #00b3ff, #08f);
  box-shadow: 0 3px 0 0 #0087db, 0 2px 8px 0 #009dff, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 160px;
  position: relative;
}
.customer-service-payment-report-view .panel-light .context-container .context > div .package-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-payment-report-view .panel-light .context-container .context > div .status-list .item {
  padding: 3px 10px;
}
.customer-service-payment-report-view .panel-light .context-container .context > div .status-list .item label {
  background-image: linear-gradient(90deg, #00d9bf, #00d977);
  box-shadow: 0 3px 0 0 #00bb85, 0 2px 8px 0 #00d99b, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 160px;
  position: relative;
  border-radius: 5px;
}
.customer-service-payment-report-view .panel-light .context-container .context > div .status-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-payment-report-view .panel .context-container {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
  /*padding: 30px;*/
}
.customer-service-payment-report-view .panel .context-container .context > div {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  height: 300px;
  overflow: auto;
}
.customer-service-payment-report-view .panel .context-container .context > div h5 {
  color: #ffffff;
}
.customer-service-payment-report-view .panel .context-container .context > div .package-list .item {
  padding: 3px 10px;
}
.customer-service-payment-report-view .panel .context-container .context > div .package-list .item label {
  background: #2dacd1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2dacd1 0%, #2dacd1 9%, #1f7891 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dacd1', endColorstr='#1f7891', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 3px 0 0 #1f7891, 0 2px 8px 0 #2dacd1, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
}
.customer-service-payment-report-view .panel .context-container .context > div .package-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-payment-report-view .panel .context-container .context > div .status-list .item {
  padding: 3px 10px;
}
.customer-service-payment-report-view .panel .context-container .context > div .status-list .item label {
  background: #90b900;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #90b900 0%, #617c00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90b900', endColorstr='#617c00', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 3px 0 0 #617c00, 0 2px 8px 0 #90b900, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  border-radius: 5px;
}
.customer-service-payment-report-view .panel .context-container .context > div .status-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-payment-report-view .panel .context-container .context > div .visp-list .item {
  padding: 3px 10px;
}
.customer-service-payment-report-view .panel .context-container .context > div .visp-list .item label {
  background: #e85656;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e85656 0%, #af4242 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e85656', endColorstr='#af4242', GradientType=0);
  /* IE6-9 */
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
}
.customer-service-payment-report-view .panel .context-container .context > div .visp-list .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-payment-report-view .panel .selected-user-context-container {
  padding: 20px;
}
.customer-service-payment-report-view .panel .selected-user-context-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-payment-report-view .panel .selected-user-context-container > div input[type=text] {
  background-color: #fff;
  border-radius: 5px;
  color: #000000 !important;
}
.customer-service-payment-report-view .panel .selected-user-context-container > div .user-context {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  height: 475px;
  overflow: auto;
}
.customer-service-payment-report-view .panel .selected-user-context-container > div .user-context > div .item {
  padding: 3px 10px;
}
.customer-service-payment-report-view .panel .selected-user-context-container > div .user-context > div .item label {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dfb81c 0%, #dfb81c 35%, #876f11 94%, #a38415 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#a38415', GradientType=0);
  /* IE6-9 */
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  direction: rtl;
}
.customer-service-payment-report-view .panel .selected-user-context-container > div .user-context > div .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-payment-report-view .panel .view-panel {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-payment-report-view .panel .user-context-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-payment-report-view .panel .user-context-container > div input[type=text] {
  background-color: #fff;
  border-radius: 5px;
  color: #000 !important;
}
.customer-service-payment-report-view .panel .user-context-container > div .user-context {
  border-radius: 5px;
  border: 2px solid #e3e7ea;
  padding: 10px 20px;
  height: 320px;
  overflow: auto;
}
.customer-service-payment-report-view .panel .user-context-container > div .user-context > div .item {
  padding: 3px 10px;
}
.customer-service-payment-report-view .panel .user-context-container > div .user-context > div .item label {
  background: #36c1b1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #36c1b1 0%, #1a5e56 93%, #227c72 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36c1b1', endColorstr='#227c72', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 3px 0 0 #36c1b1, 0 2px 8px 0 #1a5e56, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  direction: rtl;
}
.customer-service-payment-report-view .panel .user-context-container > div .user-context > div .item label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-service-payment-report-view .panel .result-container {
  padding: 20px 10px 10px 30px;
}
.customer-service-payment-report-view .panel .result-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-payment-report-view .panel .no-following {
  background-color: rgba(232, 86, 86, 0.3);
}
.customer-service-payment-report-view .panel .follow-up-customer-tab .tools-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-payment-report-view .panel .follow-up-customer-tab .customer-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-payment-report-view .panel .follow-up-customer-tab .filter-container {
  padding: 5px;
}
.customer-service-payment-report-view .panel .follow-up-customer-tab .filter-container > div {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
}
.customer-service-payment-report-view .panel .follow-up-customer-tab .filter-container > div > div select {
  /*background-color:#fff;*/
  border-radius: 5px;
}
.customer-service-payment-report-view .panel .call-count {
  background-color: #FEAC3E;
}
.customer-service-payment-report-view .panel .list-context {
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #fff;
}
.customer-service-payment-report-view .panel .list-context .items-resellers {
  height: 180px;
  overflow: auto;
}
.customer-service-payment-report-view .panel .list-context .items-resellers > div > div {
  padding: 5px;
  border-radius: 2px;
}
.customer-service-payment-report-view .panel .list-context .items-resellers > div > div > div {
  background: #dfb81c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7f6910 14%, #897111 86%, #2b2305 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#2b2305', GradientType=0);
  /* IE6-9 */
  text-align: right;
  padding: 3px 5px 3px 0;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  height: 50px;
  line-height: 20px;
  font-size: 16px;
}
.customer-service-payment-report-view .panel .list-context .items-resellers > div > div > div span {
  font-size: 14px;
}
.customer-service-payment-report-view .panel .list-context .items-resellers > div > div > div span.ion-android-checkbox-outline-blank {
  margin-left: 5px;
}
.customer-service-payment-report-view .panel .list-context .items-resellers > div > div > div:hover {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
}
.customer-service-payment-report-view .panel .list-context .items-resellers > div > div > div.selected {
  background: #c4a219;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4a219 0%, #ffd221 51%, #cca81a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a219', endColorstr='#cca81a', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 0 1px 1px #ffd221;
  color: #000000;
}
.customer-service-payment-report-view .panel .dead-line-container {
  padding: 0 20px;
}
.customer-service-payment-report-view .panel .dead-line-container > div {
  padding: 22px;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.customer-service-payment-report-view .panel .remove-all-filter {
  display: inline-block;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  background: #ff3019;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #ff3019 0%, #bc0303 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#bc0303', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  cursor: pointer;
}
.customer-service-payment-report-view .panel .remove-all-filter:hover {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #ff3019 0%, #ff3019 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#bc0303', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.select-all-user-tool {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  border-radius: 5px;
  color: #8FB800 !important;
  font-size: 14px;
  top: 36px;
  position: absolute;
  left: 5px;
  text-decoration: underline;
  cursor: pointer;
}
.add-replace-package-alert-message {
  background: #ff3019;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #ff3019 0%, #cf0404 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  padding: 20px;
  border-radius: 5px;
  color: #fff !important;
  line-height: 40px;
  text-align: center;
}
.customer-status-item {
  padding: 3px 20px 0 20px;
}
.customer-status-item > label {
  background: #36c1b1;
  background: linear-gradient(to bottom, #36c1b1 0%, #1a5e56 93%, #227c72 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36c1b1', endColorstr='#227c72', GradientType=0);
  box-shadow: 0 3px 0 0 #36c1b1, 0 2px 8px 0 #1a5e56, 0 4px 10px 0 rgba(33, 7, 77, 0.5);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  direction: rtl;
}
.customer-status-item > label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-package-item {
  padding: 3px 20px 0 20px;
}
.customer-package-item > label {
  background: #e85656;
  background: linear-gradient(to bottom, #e85656 0%, #af4242 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e85656', endColorstr='#af4242', GradientType=0);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  direction: rtl;
}
.customer-package-item > label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.customer-shahkarstatus-item {
  padding: 3px 20px 0 20px;
}
.customer-shahkarstatus-item > label {
  background: #90b900;
  background: linear-gradient(to bottom, #90b900 0%, #6d8c00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90b900', endColorstr='#6d8c00', GradientType=0);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  position: relative;
  direction: rtl;
}
.customer-shahkarstatus-item > label i {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.total-duty-view .panel-light {
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  position: relative;
  margin-bottom: 24px;
  box-shadow: 0 0 2px 1px #88A89F;
}
.total-duty-view .viewer-user {
  padding: 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.6);
  height: 350px;
  overflow: auto;
}
.total-duty-view .viewer-user > div {
  padding: 5px;
}
.total-duty-view .viewer-user > div .user-item {
  padding: 3px;
}
.total-duty-view .viewer-user > div .user-item > div {
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #fff;
  background: #0cceb4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0cceb4 1%, #0aaa92 9%, #056356 98%, #022b25 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cceb4', endColorstr='#022b25', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
}
.total-duty-view .viewer-user > div .user-item > div i {
  position: absolute;
  left: 10px;
  top: 5px;
  font-size: 18px;
}
.total-duty-view .viewer-user > div .user-item > div:hover {
  background: #0bbfa4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0bbfa4 1%, #0cceb4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0bbfa4', endColorstr='#0cceb4', GradientType=0);
  /* IE6-9 */
}
.total-duty-view .supervised-users-container {
  border-radius: 5px;
  border: 2px solid #eee;
  float: left;
  padding: 10px;
  max-width: 49%;
  max-height: 200px;
  overflow: auto;
}
.total-duty-view .supervised-users-container label {
  margin: 3px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
}
.total-duty-view .supervised-users-container label i {
  font-size: 24px;
}
.total-duty-view .allow-user-viewer-tool {
  padding-left: 0;
  padding: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}
.total-duty-view .inputs-context {
  padding: 20px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 2px solid #1F9D90;
}
.total-duty-view .selected-user-item {
  margin: 5px;
  padding: 5px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.6);
}
.total-duty-view .duty-imageing-item {
  padding: 20px;
}
.total-duty-view .duty-imageing-item > div {
  width: 100%;
  background-size: 100%;
  min-height: 352px;
  padding: 62px 52px 43px 20px;
  background-repeat: no-repeat;
  transform: rotateZ(-6deg);
  transition: all 0.15s ease-in-out;
}
.total-duty-view .duty-imageing-item > div.closed {
  background-image: url(/Content/Images/sticky-note-red.png);
}
.total-duty-view .duty-imageing-item > div.closed:hover {
  transform: rotateZ(0deg);
}
.total-duty-view .duty-imageing-item > div.closed:hover .tools {
  top: 235px;
}
.total-duty-view .duty-imageing-item > div.timeout {
  background-image: url(/Content/Images/sticky-note-yellow.png);
}
.total-duty-view .duty-imageing-item > div.normal {
  background-image: url(/Content/Images/sticky-note-green.png);
}
.total-duty-view .duty-imageing-item > div > div {
  transform: rotateZ(0deg);
  background-color: #dbcfce;
  padding: 5px;
  border-radius: 3px;
}
.total-duty-view .duty-imageing-item > div > div h5 {
  font-size: 18px;
  direction: rtl;
}
.total-duty-view .duty-imageing-item > div > div h6 {
  font-size: 12px;
}
.total-duty-view .duty-imageing-item > div > div h5,
.total-duty-view .duty-imageing-item > div > div h6 {
  color: #333;
}
.total-duty-view .duty-imageing-item > div:hover {
  transform: rotateZ(0deg);
}
.total-duty-view .duty-imageing-item > div:hover .tools {
  top: 217px;
}
.total-duty-view .duty-imageing-item .tools {
  transition: all 0.15s ease-in-out;
  transform: rotateZ(-2deg);
  background-color: #333;
  position: absolute;
  direction: rtl;
  top: 160px;
  left: 27px;
  /*border-radius: 0 0 5px 5px;*/
  overflow: hidden;
  z-index: 1;
}
.total-duty-view .duty-imageing-item .tools .ion-android-settings {
  font-size: 25px;
  color: #fff;
  padding-right: 5px;
  cursor: pointer;
  display: inline-block;
}
.total-duty-view .duty-imageing-item .tools .ion-android-settings:hover {
  color: #000;
  background-color: #fff;
}
.total-duty-view .duty-imageing-item .tools .ion-clock {
  bottom: 2px;
  color: #fff;
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 25px;
  cursor: pointer;
  display: inline-block;
}
.total-duty-view .duty-imageing-item .tools .ion-clock:hover {
  color: #000;
  background-color: #fff;
}
.total-duty-view .sorting-context > div {
  padding: 5px;
}
.total-duty-view .sorting-context > div label {
  display: inline-block;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.6);
  padding: 5px 20px;
  width: 100%;
  text-align: center;
  font-size: 12px;
}
.dark-timline {
  background-color: #000;
  min-height: 1000px;
  padding-bottom: 50px;
}
.dark-timline .referensed-message {
  color: #E75555;
  padding: 20px 20px 0 0;
}
.dark-timline .duty-timeline-master-tools textarea {
  min-height: 30px;
  width: 93%;
  float: right;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.dark-timline .duty-timeline-master-tools .selected-file-list li {
  direction: rtl;
  border-radius: 3px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.6);
}
.dark-timline .duty-timeline-master-tools .selected-file-list li .file-name {
  display: inline-block;
  color: #089181 !important;
  vertical-align: top;
  height: 20px;
  width: 78%;
  text-overflow: ellipsis;
  line-height: 20px;
  overflow: hidden;
}
.dark-timline .duty-timeline-master-tools .selected-file-list li .remove {
  vertical-align: top;
  width: 20%;
}
.dark-timline .duty-timeline-master-tools .tool-container {
  display: inline-block;
  background-color: #000;
  width: 4%;
  border-radius: 3px;
}
.dark-timline .duty-timeline-master-tools .tool-container span {
  color: #3cb371 !important;
  width: 60%;
}
.dark-timline .duty-timeline-master-tools .tool-container svg {
  cursor: pointer;
}
.dark-timline .duty-timeline-slave-tools textarea {
  min-height: 30px;
  width: 93%;
  float: right;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.dark-timline .duty-timeline-slave-tools .selected-file-list li {
  direction: rtl;
  border-radius: 3px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.6);
}
.dark-timline .duty-timeline-slave-tools .selected-file-list li .file-name {
  display: inline-block;
  color: #089181 !important;
  vertical-align: top;
  height: 20px;
  width: 78%;
  text-overflow: ellipsis;
  line-height: 20px;
  overflow: hidden;
}
.dark-timline .duty-timeline-slave-tools .selected-file-list li .remove {
  vertical-align: top;
  width: 20%;
}
.dark-timline .duty-timeline-slave-tools .tool-container {
  display: inline-block;
  background-color: #000;
  width: 6.5%;
  border-radius: 3px;
}
.dark-timline .duty-timeline-slave-tools .tool-container span {
  color: #3cb371 !important;
  width: 60%;
}
.dark-timline .duty-timeline-slave-tools .tool-container svg {
  cursor: pointer;
}
.dark-timline .duty-timeline-slave-tools .tool-container-with-referense {
  display: inline-block;
  background-color: #000;
  width: 4.1%;
  border-radius: 3px;
}
.dark-timline .duty-timeline-slave-tools .tool-container-with-referense span {
  color: #3cb371 !important;
  width: 60%;
}
.dark-timline .duty-timeline-slave-tools .tool-container-with-referense svg {
  cursor: pointer;
}
.cd-timeline-content.warning {
  background: rgba(223, 184, 28, 0.4);
}
.cd-timeline-content-warning {
  background: rgba(223, 184, 28, 0.4);
}
.cd-timeline-content.primary {
  background: rgba(32, 158, 145, 0.4);
}
.cd-timeline-content-primary {
  background: rgba(32, 158, 145, 0.4);
}
.cd-timeline-content.danger {
  background: rgba(232, 86, 86, 0.4);
}
.close-duty-btn {
  width: 80px;
  height: 50px;
  border-radius: 30px;
  border: 2px solid #fff;
  position: absolute;
  bottom: 20px;
  display: inline-block;
  background: #ff6363;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ff6363 0%, #843333 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#843333', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  line-height: 40px;
  right: 48%;
  text-align: center;
  box-shadow: 0 0 1px 1px #FF6363;
  cursor: pointer;
  z-index: 10;
}
.close-duty-btn:hover {
  box-shadow: 0 0 0 1px #FF6363;
  background: #ff6363;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ff6363 0%, #ff6363 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff6363', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.add-btn {
  float: left;
  font-size: 30px;
  display: inline-block;
  background: #089181;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #fff;
  margin-left: 40px;
}
.add-btn:hover {
  border: 1px solid transparent;
}
.bank-getway-reseller-item {
  padding: 30px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.4);
  border: 2px solid #1F9D90;
  margin-top: 10px;
}
.bank-getway-reseller-item .reseler-info label {
  background-color: #1F9D90;
  padding: 10px 20px;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
}
.bank-getway-reseller-item .bank-getway-item {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  border: 2px solid #fff;
  padding: 20px;
  margin-bottom: 5px;
}
.bank-getway-reseller-item .bank-getway-item > div {
  direction: rtl;
}
.bank-getway-reseller-item .bank-getway-item > div > label {
  height: 160px;
  overflow-y: auto;
}
.bank-getway-reseller-item .bank-getway-item > div label {
  cursor: pointer;
  padding: 5px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
}
.bank-getway-reseller-item .bank-getway-item > div label span {
  color: #DEB71B;
}
.bank-getway-reseller-item .bank-getway-item > div .tools {
  float: left;
}
.bank-getway-reseller-item .bank-getway-item > div .tools span {
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #fff;
}
.bank-getway-reseller-item .bank-getway-item > div .tools span:hover {
  border: 1px solid transparent;
}
.bank-getway-reseller-item .bank-getway-item > div .iban-list-info {
  position: absolute;
  left: 10px;
  top: 10px;
  cursor: pointer;
}
.bank-getway-reseller-item .bank-getway-item > div .iban-list-info i {
  width: 40px;
  text-align: center;
}
.bank-getway-reseller-item .bank-getway-item > div .iban-list-info div {
  display: none;
}
.bank-getway-reseller-item .bank-getway-item > div .iban-list-info:hover div {
  display: block;
}
.bank-getway-reseller-item .bank-getway-item.disabled {
  border: 2px solid #f76f6f;
  background: rgba(247, 111, 111, 0.3);
}
.shahkar-send-btn {
  cursor: pointer;
  display: inline-block;
}
.shahkar-send-btn i {
  font-size: 26px;
}
.shahkar-send-btn:hover {
  opacity: 0.7;
}
.shahkar-approved-btn {
  display: inline-block;
  cursor: pointer;
}
.shahkar-approved-btn i {
  font-size: 26px;
}
.reseller-list-tools .closed-icon {
  float: none !important;
  margin-left: 0;
  margin-right: 0;
}
.reseller-list-tools .closed-icon:before {
  content: "" !important;
}
.shahkar-status {
  padding: 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
  width: 150px;
  margin-top: 1px;
  margin-bottom: 1px;
  height: 50px;
  line-height: 30px;
  float: right;
}
.shahkar-status.has-shahkar {
  background: rgba(10, 170, 150, 0.4);
}
.shahkar-status.close-shahkar {
  background: rgba(240, 80, 80, 0.4);
  border: 0;
}
.shahkar-status h5 {
  text-align: center;
  font-size: 12px;
  margin-bottom: 0;
  background-color: #000;
  padding: 2px 0;
}
.shahkar-status .log-item {
  cursor: pointer;
}
.shahkar-status .log-item svg {
  fill: #ffffff !important;
}
.shahkar-status .log-item:hover svg {
  fill: #DEB71B !important;
}
.shahkar-status .certified-icon {
  margin: 0;
  float: none;
}
.shahkar-status .certified-icon span {
  float: none;
}
.crm-table-list-dark > div {
  padding: 2px;
  float: none !important;
  color: #fff !important;
  display: block !important;
}
.crm-table-list-dark > div > div {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 2px solid #333;
}
.crm-table-list-dark > div > div.dang {
  background: rgba(208, 77, 78, 0.4);
}
.crm-table-list-dark > div > div.suc {
  background: rgba(30, 143, 131, 0.4);
}
.crm-table-list-dark > div > div .title {
  padding-left: 0;
  padding-right: 0;
}
.crm-table-list-dark > div > div .title.first-right {
  padding-right: 20px;
}
.crm-table-list-dark > div > div .title.last-left {
  padding-left: 20px;
}
.crm-table-list-dark > div > div .title > div {
  text-align: center;
  background-color: #000;
  color: #DEB71B;
  padding: 5px 2px;
  font-size: 18px;
}
.crm-table-list-dark > div > div .value-without-title span {
  display: block;
  padding: 3px 5px;
  border-radius: 3px;
  text-align: center;
  margin-top: 5px;
  cursor: pointer;
  opacity: 0.9;
}
.crm-table-list-dark > div > div .value-without-title span.success {
  background: #2edbc7;
  background: linear-gradient(to bottom, #2edbc7 0%, #20998a 51%, #27bcab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2edbc7', endColorstr='#27bcab', GradientType=0);
  color: #fff !important;
}
.crm-table-list-dark > div > div .value-without-title span.danger {
  background: #ff6363;
  background: linear-gradient(to bottom, #ff6363 0%, #ba4848 49%, #ff6363 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff6363', GradientType=0);
}
.crm-table-list-dark > div > div .value-without-title span.info {
  background: #dfb81c;
  background: linear-gradient(to bottom, #dfb81c 0%, #b29317 52%, #dfb81c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#dfb81c', GradientType=0);
}
.crm-table-list-dark > div > div .value-without-title span:hover {
  opacity: 1;
}
.crm-table-list-dark > div > div .value {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.crm-table-list-dark > div > div .value > div {
  padding: 5px;
}
.crm-table-list-dark > div > div .value span {
  display: block;
  padding: 3px 5px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  opacity: 0.9;
}
.crm-table-list-dark > div > div .value span.success {
  background: #2edbc7;
  background: linear-gradient(to bottom, #2edbc7 0%, #20998a 51%, #27bcab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2edbc7', endColorstr='#27bcab', GradientType=0);
  color: #fff !important;
}
.crm-table-list-dark > div > div .value span.danger {
  background: #ff6363;
  background: linear-gradient(to bottom, #ff6363 0%, #ba4848 49%, #ff6363 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff6363', GradientType=0);
}
.crm-table-list-dark > div > div .value span.info {
  background: #dfb81c;
  background: linear-gradient(to bottom, #dfb81c 0%, #b29317 52%, #dfb81c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#dfb81c', GradientType=0);
}
.crm-table-list-dark > div > div .value span:hover {
  opacity: 1;
}
.crm-table-list-dark > div > div .bordered-item {
  display: inline-block;
  border: 1px solid #fff;
  padding: 2px 3px;
  border-radius: 3px;
  background: #dfb81c;
  background: linear-gradient(to bottom, #dfb81c 0%, #b29317 52%, #dfb81c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#dfb81c', GradientType=0);
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.crm-table-list-dark > div:hover > div {
  background: #000000;
  border: 2px solid #DEB71B;
}
.user-balance-segment-item {
  box-shadow: 0 0 2px 2px #FFFAD6;
  display: block !important;
  width: 100% !important;
  padding: 4px;
  background: #000000;
  margin-bottom: 3px;
  border-radius: 2px;
  position: relative;
}
.user-balance-segment-item.vat-context {
  box-shadow: 0 0 2px 2px #ff264a;
}
.user-balance-segment-item .segement {
  display: inline-block;
  position: relative;
  left: 2px;
  top: -1px;
  position: absolute;
}
.user-balance-segment-item .segement > label {
  z-index: 10;
  color: #000;
  position: absolute;
  left: -9px;
  top: 15px;
  display: inline-block;
  transform: rotateZ(-42deg);
}
.user-balance-segment-item .segement > label.vat-label {
  color: #fff;
  font-size: 10px;
}
.user-balance-segment-item .segement > span {
  position: absolute;
  top: -19px;
  left: -7px;
  z-index: 1;
}
.user-balance-segment-item .segement > span:before {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-left: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-right: 30px solid #fceabb;
  transform: rotateZ(45deg);
}
.user-balance-segment-item .segement > span.vat:before {
  border-right: 30px solid #ff264a;
}
.segment-context-continer {
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #DEB71B;
}
.segment-context-continer h4 {
  direction: rtl;
  background-color: #1F9D90;
  padding: 5px;
}
.segment-context-continer h4.vat {
  background-color: #E75555;
}
.segment-context-continer h3 span {
  color: #1F9D90;
  margin: 5px;
}
.balance-segment-displayer-context-btn {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 0;
  cursor: pointer;
}
.balance-segment-displayer-context-btn svg {
  background: #8c8c8c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #8c8c8c 0%, #083f31 95%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#000000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  width: 25px;
  fill: #fff;
  border-radius: 20px;
  border: 1px solid #fff;
}
.balance-segment-displayer-context-btn:hover {
  opacity: 0.8;
}
.balance-segment-displayer-context {
  position: absolute;
  width: 160%;
  overflow: hidden;
  right: 30px;
  top: 0;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
  z-index: 100;
  background: #2c544b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2c544b 2%, #000000 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c544b', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  border: 2px solid #fff;
}
.balance-segment-displayer-context ul li {
  display: block;
  width: 100%;
  line-height: 15px;
  direction: rtl;
  color: #fff !important;
  background: #2c544b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2c544b 2%, #000000 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c544b', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.balance-segment-displayer-context ul li span {
  margin: 0 3px;
  color: #fff !important;
  direction: ltr;
  display: inline-block;
}
.crm-isg-spn {
  border: 2px solid #008b8b;
  color: #008b8b;
  height: 25px;
  line-height: 23px;
  padding: 0 3px;
  text-align: center;
  border-radius: 34px;
  background: rgba(0, 0, 0, 0.4);
  font-weight: 700;
  margin-top: 5px;
  position: absolute;
  right: 50px;
}
.btn-primary,
.btn-danger {
  color: #ffffff !important;
}
.btn-primary:disabled,
.btn-danger:disabled {
  color: #3d3d3d !important;
}
.radio-content ul li {
  text-align: left !important;
}
.radio-content ul li label {
  font-family: consolas !important;
  color: #DEB71B;
}
.radio-content ul li span {
  font-family: consolas !important;
  color: #1F9D90;
}
.smap-main .site-search input {
  color: #000 !important;
}
#getLocationModal .site-search .autocomplete .value {
  color: #000 !important;
}
#getLocationModal .site-search .autocomplete .description {
  color: #000 !important;
}
.tb-tabs-container .tb-tabs-content-container-static {
  position: relative;
  overflow: hidden;
  /*height: 700px !important;*/
}
.tb-tabs-container .tb-tabs-content-container-static > div {
  /* Safari */
  transition: all 0.5s ease-in-out;
  display: none;
  width: 100%;
}
.tb-tabs-content-container-static > div.tb-active {
  display: block;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes voipBackAnim {
  0% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 1;
  }
}
.scene_element--fadeinright {
  animation-name: fadeInRight;
}
.scene_element-2 {
  animation-duration: .25s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}
.visiting-view .remove-filter-btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #E75555;
  color: #fff;
  cursor: pointer;
  position: absolute;
  text-align: center;
  line-height: 31px;
  font-size: 20px;
}
.visiting-view .service-profile-result ul {
  max-height: 200px;
  overflow-y: auto;
}
.visiting-view .service-profile-result ul li {
  opacity: .8;
  padding: 8px 5px;
  margin-right: 0;
  border: 1px solid #fff;
  background: #3e77e0;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3e77e0 0%, #2c539e 6%, #3e77e0 87%, #213f77 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e77e0', endColorstr='#213f77', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
}
.visiting-view .service-profile-result ul li > span {
  float: left;
  margin-left: 5px;
}
.visiting-view .service-profile-result ul li:hover {
  opacity: 1;
}
.visiting-view .service-profile-result-services {
  /*.scene_element-2;
        .scene_element--fadeinright;*/
}
.visiting-view .service-profile-result-services ul {
  max-height: 150px;
  overflow-y: auto;
}
.visiting-view .service-profile-result-services ul li {
  opacity: .8;
  padding: 10px 5px;
  margin-right: 0;
  border: 1px solid #fff;
  background: #d2dfed;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d2dfed 0%, #99b5db 10%, #bad0ef 80%, #99b5db 91%, #799bc8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2dfed', endColorstr='#799bc8', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
  color: #000;
}
.visiting-view .service-profile-result-services ul li:hover {
  opacity: 1;
}
.visiting-view .visiting-item {
  padding: 15px 10px;
}
.visiting-view .visiting-item .status-displayer {
  display: inline-block;
  padding: 3px 20px;
  position: absolute;
  top: -13px;
  right: 11px;
  border-radius: 5px 5px 0 0;
}
.visiting-view .visiting-item .status-displayer.done {
  background-color: #1F9D90;
}
.visiting-view .visiting-item .status-displayer.in-progress {
  background-color: #E75555;
}
.visiting-view .visiting-item .tools {
  float: left;
}
.visiting-view .visiting-item .tools label {
  display: inline-block;
  padding: 5px 3px;
  border-radius: 3px;
  margin-left: 1px;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid #fff;
}
.visiting-view .visiting-item .tools label:hover {
  opacity: .8;
}
.visiting-view .visiting-item .tools label.add-report {
  background-color: #2CABD0;
}
.visiting-view .visiting-item .tools label.show-report {
  background-color: #354e60;
}
.visiting-view .visiting-item .tools label.show-detail {
  background-color: #1F9D90;
}
.visiting-view .visiting-item .tools label.show-detail span {
  display: inline-block;
  padding: 0 6px;
  background: #DEB71B;
  color: #000;
  border-radius: 20px;
  margin-left: 5px;
  border: 1px solid #fff;
}
.visiting-view .visiting-item ul {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
  padding-bottom: 40px;
}
.visiting-view .visiting-item ul.done-visiting {
  border: 2px solid #1F9D90;
}
.visiting-view .visiting-item ul.in-progress-visiting {
  border: 2px solid #E75555;
}
.visiting-view .visiting-item ul li {
  padding: 5px;
  margin-right: 0;
  border-bottom: 2px solid #353f39;
}
.visiting-view .visiting-item ul li:last-child {
  border-bottom: 0;
}
.visiting-view .visiting-item ul li > div > div {
  direction: rtl;
}
.visiting-view .visiting-item ul li > div > div > label {
  color: #1F9D90;
}
.visiting-view .visiting-to-service-profile {
  text-decoration: underline;
  color: #2CABD0;
  cursor: pointer;
  margin-bottom: 20px;
  display: inline-block;
}
.visiting-view .visiting-to-service-profile:hover {
  text-decoration: none;
}
.visiting-view fieldset {
  border-radius: 5px;
  box-shadow: 0 0 3px 1px #A6A6A6;
  margin-top: 20px;
  background-color: #eee;
}
.visiting-view fieldset legend {
  display: inline-block;
  width: auto;
  padding: 5px 10px;
  border-radius: 5px;
  background: #f1e767;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=0);
  /* IE6-9 */
  font-size: 16px;
  box-shadow: 0 0 1px 1px #4F4F4F;
}
.visiting-view .context-dark {
  background: #627d4d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #627d4d 0%, #1f3b08 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#627d4d', endColorstr='#1f3b08', GradientType=0);
  /* IE6-9 */
}
.visiting-view .context-gray-dark {
  background: #b8c6df;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b8c6df 0%, #6d88b7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=0);
  /* IE6-9 */
}
#visitingReportListModal .selected-visiting {
  direction: rtl;
  background: #000000 !important;
  padding: 10px;
}
#visitingReportListModal .selected-visiting ul li label {
  color: #1F9D90;
}
#visitingReportListModal .report-item {
  padding: 5px;
}
#visitingReportListModal .report-item ul {
  background: rgba(0, 0, 0, 0.7);
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #DEB71B;
}
#visitingReportListModal .report-item ul li {
  direction: rtl;
  border-bottom: 2px solid #b2b2b2;
}
#visitingReportListModal .report-item ul li label {
  color: #8FB800;
}
#visitingReportListModal .report-item ul li:last-child {
  border-bottom: none;
}
.voip-context-back {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  transition: all 0.5s ease-in-out;
  display: none;
  opacity: 0;
}
.voip-context-back.show {
  animation-duration: 1s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
  animation-name: voipBackAnim;
}
.voip-context {
  position: fixed;
  left: -1700px;
  top: 130px;
  z-index: 10000;
  border-radius: 5px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  box-shadow: 0 0 15px 3px #FFCE08;
  border: 1px solid #FFCE08;
}
.voip-context.hide-mode {
  width: 35px;
  left: 20px;
  height: 173px;
}
.voip-context.hide-mode .header-context {
  height: 195px !important;
}
.voip-context.hide-mode .header-context .show-btn {
  margin-left: 2px !important;
}
.voip-context.hide-mode .header-context .voip-in-calling-context-spn {
  display: none;
}
.voip-context.show-mode {
  width: 1000px;
  left: 50px;
}
.voip-context.dark-theme .header-context {
  transition: all 1s ease-in-out;
  height: 35px;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #010101 16%, #0a0a0a 53%, #4e4e4e 89%, #383838 95%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.voip-context.dark-theme .header-context > span {
  margin-top: 5px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 3px;
  cursor: pointer;
  box-shadow: 0 0 1px 1px #636363;
}
.voip-context.dark-theme .header-context > span:hover {
  opacity: .8;
}
.voip-context.dark-theme .header-context > span.close-btn {
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff5e5e 0%, #823030 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#823030', GradientType=0);
  /* IE6-9 */
  float: right;
  margin-right: 5px;
  padding: 2px 6px;
}
.voip-context.dark-theme .header-context > span.close-btn i {
  color: #ffffff;
}
.voip-context.dark-theme .header-context > span.hide-btn,
.voip-context.dark-theme .header-context > span.show-btn {
  background: #f4ca1f;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4ca1f 0%, #937a13 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4ca1f', endColorstr='#937a13', GradientType=0);
  /* IE6-9 */
  float: left;
  margin-left: 5px;
}
.voip-context.dark-theme .header-context > span.end-btn {
  float: right;
  margin-right: 5px;
}
.voip-context.dark-theme .header-context > span.end-btn svg {
  fill: #E75555;
}
.voip-context.dark-theme .header-context > span.add-note-btn {
  float: right;
  margin-right: 5px;
  cursor: pointer;
}
.voip-context.dark-theme .header-context > span.add-note-btn svg {
  fill: #DEB71B;
  height: 17px;
  width: 24px;
  cursor: pointer;
}
@keyframes voipHeaderCalling {
  0% {
    max-width: 0;
  }
  60% {
    max-width: 0;
  }
  100% {
    max-width: 700px;
  }
}
.voip-context.dark-theme .header-context .voip-in-calling-context-spn {
  text-align: center;
  float: left;
  box-shadow: none;
  margin-left: 10px;
  max-width: 0;
  height: 27px;
  overflow: hidden;
  /* Safari */
  transition: all 0.6s ease;
  border: none;
  cursor: pointer;
}
.voip-context.dark-theme .header-context .voip-in-calling-context-spn.show {
  animation-name: voipHeaderCalling;
  animation-duration: 2s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
  border: 1px solid #ffffff;
}
.voip-context.dark-theme .header-context .voip-in-calling-context-spn .callwer-id:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/Content/Images/callWaiting.gif);
  background-size: 20px;
  vertical-align: middle;
}
.voip-context.dark-theme .header-context .voip-in-calling-context-spn .callwer-id:after {
  display: inline-block;
  content: "";
  width: 70px;
  height: 15px;
  background-image: url(/Content/Images/callArrow.gif);
  background-size: 70px 15px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
}
.voip-context.dark-theme .header-context .voip-in-calling-context-spn .none-after:after {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.voip-context.dark-theme .content-context {
  background: #1f768e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1f768e 1%, #0a262d 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f768e', endColorstr='#0a262d', GradientType=0);
  /* IE6-9 */
  height: 630px;
  padding: 30px;
}
.voip-context.dark-theme .content-context .save-call-btn {
  float: left;
  margin-left: 5px;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  border: 2px solid #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
.voip-context.dark-theme .content-context .save-call-btn svg {
  fill: #8FB800;
  vertical-align: middle;
}
.voip-context.dark-theme .content-context .save-call-btn:hover {
  background: #DEB71B;
  color: #000000;
}
.voip-context.dark-theme .content-context .go-to-profile-btn {
  float: left;
  margin-left: 5px;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  border: 2px solid #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
.voip-context.dark-theme .content-context .go-to-profile-btn svg {
  fill: #2CABD0;
  vertical-align: middle;
}
.voip-context.dark-theme .content-context .go-to-profile-btn:hover {
  background: #8FB800;
  color: #000000;
}
.voip-context.dark-theme .content-context > div {
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  /* Safari */
  transition: all 0.6s ease;
}
.voip-context.dark-theme .content-context > div.service-details {
  width: 0;
  height: 0;
  padding: 0;
}
.voip-context.dark-theme .content-context > div.service-details.show {
  animation-name: voipServiceDetailContextIsComing;
  animation-duration: .75s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}
@keyframes voipServiceDetailContextIsComing {
  0% {
    width: 0;
    height: 0;
    padding: 0;
  }
  60% {
    width: 0;
    height: 0;
    padding: 0;
  }
  100% {
    width: 100%;
    height: 100%;
    padding: 10px;
  }
}
@keyframes voipInfiContextIsGoing {
  0% {
    width: 100%;
    height: 100%;
    transform: translateY(0);
    opacity: 1;
  }
  70% {
    width: 0;
    opacity: 1;
  }
  98% {
    width: 0;
    height: 0;
    transform: translateY(-200px);
  }
  100% {
    width: 0;
    height: 0;
    opacity: 0;
    transform: translateY(-200px);
  }
}
.voip-context.dark-theme .content-context > div.voip-general-info.unshow {
  animation-name: voipInfiContextIsGoing;
  animation-duration: .5s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}
.voip-context.dark-theme .content-context > div .unser-online-status {
  position: absolute;
  left: 5px;
  top: 5px;
}
.voip-context.dark-theme .content-context > div .unser-online-status span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #cedce7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #cedce7 0%, #4d5b5b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cedce7', endColorstr='#4d5b5b', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow: 1px 1px 2px 2px #404040;
  vertical-align: middle;
  margin-right: 3px;
}
.voip-context.dark-theme .content-context > div .unser-online-status span.online-user {
  background: #ffe396;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffe396 0%, #febf04 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe396', endColorstr='#febf04', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow: 0 0 10px 1px #febf04;
}
.voip-context.dark-theme .content-context > div .unser-online-status span.offline-user {
  background: #ff6b6b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ff6b6b 1%, #b74343 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6b6b', endColorstr='#b74343', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow: 0 0 10px 1px #ff6b6b;
}
.voip-context.dark-theme .content-context > div .voip-service-info li {
  margin-right: 0;
  border: 1px solid #eee;
}
.voip-context.dark-theme .content-context > div .voip-service-info li div {
  text-align: center;
}
.voip-context.dark-theme .content-context > div .voip-service-info li div.title {
  background-color: #1F9D90;
  height: 25px;
  line-height: 25px;
}
.voip-context.dark-theme .content-context > div .voip-service-info li div.title.in-use {
  background-color: #32d373;
  color: #000000;
}
.voip-context.dark-theme .content-context > div .voip-service-info li div.title.renew-waiting {
  background-color: #ff882d;
  color: #000000;
}
.voip-context.dark-theme .content-context > div .voip-service-info li div.title.not-renew {
  background-color: #ff1414;
  color: #000000;
}
.voip-context.dark-theme .content-context > div .voip-service-info li div.title.finished-traffic {
  background-color: #ffef14;
  color: #000000;
}
.voip-context.dark-theme .content-context > div .voip-service-info li div.title.cancel-account {
  background-color: #a09f9f;
  color: #ffffff;
}
.voip-context.dark-theme .content-context > div .voip-service-info li div.title.unknow-status {
  background-color: #5bb2ff;
  color: #ffffff;
}
.voip-context.dark-theme .content-context > div .voip-service-info li div.content {
  height: 25px;
  line-height: 25px;
}
.voip-context.dark-theme .content-context .tab-container {
  direction: rtl;
}
.voip-context.dark-theme .content-context .tab-container > label {
  border-radius: 2px;
  border: 1px solid #fff;
  display: inline-block;
  padding: 5px;
  margin-left: 0;
  background: #ad8716;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ad8716 0%, #68530d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad8716', endColorstr='#68530d', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
}
.voip-context.dark-theme .content-context .tab-container > label.selected {
  background: #ffcb21;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffcb21 0%, #d8af1c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcb21', endColorstr='#d8af1c', GradientType=0);
  /* IE6-9 */
  color: #000 !important;
}
.voip-context.dark-theme .content-context .tab-container > label:hover {
  opacity: 0.9;
}
.voip-context.dark-theme .content-context .content-container > div > div > div {
  height: 550px;
  overflow-y: auto;
  padding: 20px;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div {
  background: #000000;
  padding: 20px;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div > ul {
  border-radius: 5px;
  border: 2px solid #eee;
  padding: 10px;
  height: 385px;
  overflow-y: auto;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div > ul li {
  height: 30px;
  line-height: 30px;
  direction: rtl;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div > ul li label {
  display: inline-block;
  width: 150px;
  color: #DEB71B;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .service-item {
  padding: 5px;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .service-item > div {
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #1F9D90;
  height: 260px;
  overflow-y: auto;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .service-item > div > div {
  height: 20px;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .service-item > div .selector-spn {
  background: #f4ca1f;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4ca1f 0%, #937a13 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4ca1f', endColorstr='#937a13', GradientType=0);
  /* IE6-9 */
  margin-top: 5px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 3px;
  cursor: pointer;
  box-shadow: 0 0 1px 1px #636363;
  padding: 2px 10px;
  color: #000000;
  float: left;
  margin-left: 5px;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .service-item > div .selector-spn:hover {
  opacity: .8;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .service-item > div ul li {
  margin-right: 0;
  min-height: 30px;
  line-height: 30px;
  direction: rtl;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .service-item > div ul li label {
  display: inline-block;
  width: 110px;
  color: #DEB71B;
  font-size: 12px;
  font-weight: 400;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .certified-icon {
  margin-right: 20px;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .certified-icon > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  /*margin-right: 70px;*/
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .certified-icon label {
  font-weight: 300;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .closed-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-right: 20px;
}
.voip-context.dark-theme .content-context .content-container > div > div > div > div .closed-icon:before {
  font-weight: 300;
}
.voip-context.dark-theme .content-context .content-container > div > div > div .service-detail ul {
  border-radius: 5px;
  border: 2px solid #eee;
  padding: 10px;
  height: 420px;
  overflow-y: auto;
}
.voip-context.dark-theme .content-context .content-container > div > div > div .service-detail ul li {
  height: 30px;
  line-height: 30px;
  direction: rtl;
}
.voip-context.dark-theme .content-context .content-container > div > div > div .service-detail ul li label {
  display: inline-block;
  width: auto;
  color: #DEB71B;
  margin-left: 10px;
}
.voip-context.dark-theme .content-context .voip-search-box {
  text-align: center;
  padding: 30px 0;
}
.voip-context.dark-theme .content-context .voip-search-box > div {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  width: 25%;
  margin: auto;
  float: none;
  padding: 25px;
  border-radius: 5px;
  border: 2px solid #1F9D90;
}
.auth-block {
  width: 540px;
  margin: 0 auto;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  padding: 32px;
  margin-top: 20vh;
}
.auth-block h1 {
  font-weight: 300;
  margin-bottom: 28px;
  text-align: center;
}
.auth-block p {
  font-size: 16px;
}
.auth-block a {
  text-decoration: none;
  outline: none;
  transition: all 0.2s ease;
  color: #209e91;
}
.auth-block a:hover {
  color: #1b867b;
}
.auth-block .control-label {
  padding-top: 11px;
  color: #ffffff;
}
.auth-block .form-group {
  margin-bottom: 12px;
}
.auth-input {
  width: 300px;
  margin-bottom: 24px;
}
.auth-input input {
  display: block;
  width: 100%;
  border: none;
  font-size: 16px;
  padding: 4px 10px;
  outline: none;
}
.angular-time-picker-dropdown__menu {
  position: absolute;
  z-index: 10;
  background-color: #000;
  padding: 5px;
  border-radius: 5px;
  width: 175px;
}
.angular-time-picker-dropdown__menu > div {
  width: 100%;
  padding: 5px;
}
.angular-time-picker-dropdown__menu .angular-time-picker-float--right {
  padding: 4px;
  display: inline-block;
  margin-bottom: 3px;
}
.angular-time-picker-dropdown__menu .angular-time-picker-float--right select {
  width: 50px;
  height: 35px;
  border-radius: 3px;
  border: none;
  color: #000 !important;
}
.reseller-edit-modal h3.readonly-field-value {
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
}
.background-dark-green-radial {
  background: #20514b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #20514b 0%, #0a1c15 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20514b', endColorstr='#0a1c15', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.background-dark {
  padding: 20px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
}
.background-dark-2 {
  padding: 20px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1);
}
.map-marker-popup {
  position: relative;
}
.map-marker-popup .map-tooltip-container {
  list-style: circle;
  width: 150px;
}
.map-marker-popup .map-tooltip-container li {
  font-family: 'B Yekan';
  direction: rtl;
  border-bottom: 2px solid #959595;
  margin-right: 5px;
}
@keyframes markePropertyBoxAnimation {
  0% {
    max-width: 0;
    padding: 0;
  }
  40% {
    max-width: 0;
    padding: 0;
  }
  100% {
    max-width: 500px;
    padding: 5px;
  }
}
.map-marker-popup .property-info-box {
  position: absolute;
  right: 106%;
  background-color: #959595;
  border-radius: 5px;
  top: 0;
  max-width: 0;
  overflow: hidden;
  animation-name: markePropertyBoxAnimation;
  animation-duration: 1.5s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}
.map-marker-popup .property-info-box ul li {
  margin: 0;
}
.map-marker-popup .property-info-box ul li label {
  background-color: #DEB71B;
  margin: 0;
  display: inline-block;
  padding: 5px;
  color: #000000;
  height: 35px;
  line-height: 25px;
  padding-left: 40px;
  width: 100%;
  min-width: 200px;
}
.map-marker-popup .property-info-box ul li label i {
  position: absolute;
  left: 0;
  margin-left: 10px;
  border-radius: 20px;
  border: 2px solid #ffffff;
  background-color: #413f3f;
  color: #fff;
  padding: 0 5px;
}
.map-marker-popup .property-info-box ul li > div {
  max-height: 70px;
  overflow-y: scroll;
}
.map-marker-popup .property-info-box ul li > div > div {
  background-color: #fff;
  padding: 5px;
  direction: rtl;
  color: #000;
  border-bottom: 1px solid #959595;
}
.map-marker-popup .property-info-box ul li > div > div span {
  float: left;
}
#voipExtention {
  /*.btn-primary {
        background-color: #36f !important;
        border-color: #36f !important;
        color: #fff !important;
    }

    .btn-primary:active {
        background-color: #274bdb !important;
        border-color: #274bdb !important;
    }

    .btn-primary:hover {
        background-color: #598bff !important;
        border-color: #598bff !important;
    }*/
}
#voipExtention .modal-content {
  background-color: #333 !important;
  border: 0 solid transparent !important;
  border-radius: .25rem;
  box-shadow: 0px 8px 16px 0px 0 #1a1f33 !important;
  color: #fff !important;
}
#voipExtention .modal-content .modal-header {
  border-bottom: 1px solid #151a30;
}
#voipExtention .modal-content .modal-footer {
  border-top: 1px solid #151a30;
}
.voip-phone-spn {
  position: absolute;
  left: 3px;
  top: 3px;
  cursor: pointer;
}
.voip-phone-spn svg {
  width: 25px;
  height: 25px;
  fill: #1F9D90;
}
.voip-phone-spn:hover svg {
  fill: #2eead4;
}
@keyframes voipContentAnim {
  0% {
    top: -100%;
  }
  /*50% {
        top: -100%;
    }*/
  100% {
    top: 70px;
  }
}
.spn-voip-call {
  width: 20px;
  height: 20px;
  background-image: url(/Content/Images/callWaiting.gif);
  background-size: 20px;
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
}
.spn-voip-call:hover {
  opacity: 0.9;
}
.voip-in-calling-context {
  text-align: center;
}
.voip-in-calling-context .callwer-id:before {
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
  background-image: url(/Content/Images/callWaiting.gif);
  background-size: 40px;
  vertical-align: middle;
}
.voip-in-calling-context .callwer-id:after {
  display: inline-block;
  content: "";
  width: 100px;
  height: 25px;
  background-image: url(/Content/Images/callArrow.gif);
  background-size: 100px 25px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
}
.voip-in-calling-context > div {
  /*-webkit-transition: top 0.6s ease; 
        transition: top 0.6s ease;*/
  animation-name: voipContentAnim;
  animation-duration: .2s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
  position: absolute;
  left: 0;
  width: 100%;
}
.voip-in-calling-context > div > h5 {
  text-align: center;
}
.voip-in-calling-context > div > ul > li {
  /*display: inline-block;*/
  padding: 5px;
  border-radius: 5px;
  background: rgba(43, 165, 196, 0.3);
  vertical-align: top;
  box-shadow: 0 0 2px 2px #000000;
  margin: 10px;
  /*width:300px;*/
}
.voip-in-calling-context > div > ul > li > ul {
  direction: rtl;
}
.voip-in-calling-context > div > ul > li > ul li {
  direction: rtl;
  height: 30px;
  margin-bottom: 3px;
  padding: 3px;
  display: inline-block;
}
.voip-in-calling-context > div > ul > li > ul li span {
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.3);
  margin-right: 5px;
  padding: 5px;
  margin: 3px;
  display: inline-block;
}
.voip-in-calling-context > div > ul > li > div {
  padding: 10px;
}
.voip-in-calling-context > div > ul > li > div > ul {
  display: inline-block;
}
.voip-in-calling-context > div > ul > li > div > ul li {
  padding: 3px;
  display: inline-block;
  margin: 3px;
  background-color: #DEB71B;
  color: #000000;
  opacity: 0.8;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
  padding-left: 30px;
}
.voip-in-calling-context > div > ul > li > div > ul li:hover {
  opacity: 1;
}
.voip-in-calling-context > div > ul > li > div > ul li .unser-online-status {
  position: absolute;
  left: -7px !important;
  top: -5px !important;
}
.voip-in-calling-context > div > ul > li > div > ul li .unser-online-status span {
  display: inline-block;
  width: 10px !important;
  height: 10px !important;
  border-radius: 20px;
  background: #cedce7;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #cedce7 0%, #4d5b5b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cedce7', endColorstr='#4d5b5b', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow: 1px 1px 2px 2px #404040;
  vertical-align: middle;
  margin-right: 3px;
  cursor: zoom-in;
}
.voip-in-calling-context > div > ul > li > div > ul li .unser-online-status span.online-user {
  background: #ffe396;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffe396 0%, #febf04 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe396', endColorstr='#febf04', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow: 0 0 10px 1px #febf04;
}
.voip-in-calling-context > div > ul > li > div > ul li .unser-online-status span.offline-user {
  background: #ff6b6b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ff6b6b 1%, #b74343 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6b6b', endColorstr='#b74343', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow: 0 0 10px 1px #ff6b6b;
}
.voip-in-calling-context > div > ul > li > div > ul li.in-use {
  background-color: #32d373;
  color: #000000;
}
.voip-in-calling-context > div > ul > li > div > ul li.renew-waiting {
  background-color: #ff882d;
  color: #000000;
}
.voip-in-calling-context > div > ul > li > div > ul li.not-renew {
  background-color: #ff1414;
  color: #000000;
}
.voip-in-calling-context > div > ul > li > div > ul li.finished-traffic {
  background-color: #ffef14;
  color: #000000;
}
.voip-in-calling-context > div > ul > li > div > ul li.cancel-account {
  background-color: #a09f9f;
  color: #ffffff;
}
.voip-in-calling-context > div > ul > li > div > ul li.unknow-status {
  background-color: #5bb2ff;
  color: #ffffff;
}
.user-voip-log-list li {
  padding: 5px;
  background: rgba(0, 0, 0, 0.8);
  margin-bottom: 10px;
  box-shadow: 1px 0 4px 1px #CCC6C6;
}
.user-voip-log-list li ._context {
  padding: 5px;
  border: 1px solid #424242;
  border-radius: 3px;
  text-align: center;
}
.user-voip-log-list li ._context > div {
  margin-bottom: 5px;
}
.user-voip-log-list li ._context .btn-open-call-modal {
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #1F9D90;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.user-voip-log-list li ._context .btn-open-call-modal svg {
  vertical-align: middle;
}
.user-voip-log-list li ._context .btn-open-call-modal:hover {
  background: rgba(255, 255, 255, 0.4);
}
.user-voip-log-list li .title {
  text-align: center;
  color: #1F9D90;
  padding: 5px;
  border-radius: 3px;
}
.user-voip-log-list li .content {
  text-align: center;
}
.hover-history {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 21px;
  border-radius: 33px;
  background-color: #1F9D90;
  border: 2px solid #ffffff;
  position: absolute;
  right: -27px;
  top: 0;
  cursor: pointer;
  line-height: 20px;
}
.hover-history ul {
  background-color: #000000;
  padding: 5px;
  border-radius: 5px;
  display: none;
  width: 250px;
}
.hover-history ul li {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  margin-right: 0;
  direction: rtl;
  line-height: 20px;
}
.hover-history:hover {
  background-color: #DEB71B;
  z-index: 100;
}
.hover-history:hover ul {
  display: block;
}
.anim-rtl {
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: animRtl;
}
.my-counter .task-item {
  padding: 20px;
  margin-bottom: 15px;
  position: relative;
}
.my-counter .task-item .title {
  direction: rtl;
}
.my-counter .task-item .title label {
  color: #DEB71B;
  direction: rtl;
}
.my-counter .task-item .status-spn {
  position: absolute;
  left: -1px;
  top: 0;
  border-radius: 5px;
}
.my-counter .task-item .status-spn label {
  margin: 0;
  padding: 2px;
}
.my-counter .task-item .status-spn svg {
  fill: #000;
  vertical-align: middle;
}
.my-counter .task-item .status-spn.in-progress,
.my-counter .task-item .status-spn.is-done {
  background-color: #1F9D90;
}
.my-counter .task-item .status-spn.in-progress label,
.my-counter .task-item .status-spn.is-done label {
  color: #fff;
}
.my-counter .task-item .status-spn.in-progress label svg,
.my-counter .task-item .status-spn.is-done label svg {
  fill: #ffffff;
}
.my-counter .task-item .status-spn.waiting-for-reff {
  background-color: #DEB71B;
}
.my-counter .task-item .status-spn.waiting-for-reff label {
  color: #000;
}
.my-counter .task-item .status-spn.is-not-done {
  background-color: #E75555;
}
.my-counter .task-item .status-spn.is-not-done label {
  color: #fff;
}
.my-counter .task-item .status-spn.is-not-done label svg {
  fill: #ffffff;
}
.my-counter .task-item .status-spn.wait-for-sometings {
  background-color: #d86aa3;
}
.my-counter .task-item .status-spn.wait-for-sometings label {
  color: #fff;
}
.my-counter .task-item .status-spn.wait-for-sometings label svg {
  fill: #ffffff;
}
.my-counter .task-item .status-spn.is-closed {
  background-color: #2CABD0;
}
.my-counter .task-item .status-spn.is-closed label {
  color: #000;
}
.my-counter .task-item .status-spn.is-cancel {
  background-color: #dd9342;
}
.my-counter .task-item .status-spn.is-cancel label {
  color: #000;
}
.my-counter .task-item .status-spn.waiting-for-progress {
  background-color: #8FB800;
}
.my-counter .task-item .status-spn.waiting-for-progress label {
  color: #000;
}
.my-counter .task-item .tool-spn {
  box-shadow: 0 0 2px 2px #FFFFFF;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 5px;
}
.my-counter .task-item .tool-spn svg {
  fill: #ffffff;
  vertical-align: middle;
}
.my-counter .task-item .tool-spn:hover {
  background-color: #ffffff;
  color: #000000 !important;
}
.my-counter .task-item .tool-spn:hover svg {
  fill: #000000;
}
.my-counter .panel-light h2 {
  color: #000000 !important;
}
.my-counter .panel-light .task-item .title label {
  color: #9259ff !important;
}
.my-counter .panel-light .task-item .status-spn svg {
  fill: #000;
  vertical-align: middle;
}
.my-counter .panel-light .task-item .tool-spn {
  box-shadow: 0 0 2px 2px gray;
  background-color: #ffffff;
}
.my-counter .panel-light .task-item .tool-spn svg {
  fill: #00d99b !important;
}
.my-counter .panel-light .task-item .tool-spn:hover {
  background-color: #000000;
}
.call-workflow-rep-modal .status-spn {
  position: absolute;
  left: -1px;
  top: 0;
  border-radius: 5px;
}
.call-workflow-rep-modal .status-spn label {
  margin: 0;
  padding: 2px;
}
.call-workflow-rep-modal .status-spn svg {
  fill: #000;
  vertical-align: middle;
}
.call-workflow-rep-modal .status-spn.in-progress,
.call-workflow-rep-modal .status-spn.is-done {
  background-color: #1F9D90;
}
.call-workflow-rep-modal .status-spn.in-progress label,
.call-workflow-rep-modal .status-spn.is-done label {
  color: #fff;
}
.call-workflow-rep-modal .status-spn.in-progress label svg,
.call-workflow-rep-modal .status-spn.is-done label svg {
  fill: #ffffff;
}
.call-workflow-rep-modal .status-spn.waiting-for-reff {
  background-color: #DEB71B;
}
.call-workflow-rep-modal .status-spn.waiting-for-reff label {
  color: #000;
}
.call-workflow-rep-modal .status-spn.is-not-done {
  background-color: #E75555;
}
.call-workflow-rep-modal .status-spn.is-not-done label {
  color: #fff;
}
.call-workflow-rep-modal .status-spn.is-not-done label svg {
  fill: #ffffff;
}
.call-workflow-rep-modal .status-spn.wait-for-sometings {
  background-color: #d86aa3;
}
.call-workflow-rep-modal .status-spn.wait-for-sometings label {
  color: #fff;
}
.call-workflow-rep-modal .status-spn.wait-for-sometings label svg {
  fill: #ffffff;
}
.call-workflow-rep-modal .status-spn.is-closed {
  background-color: #2CABD0;
}
.call-workflow-rep-modal .status-spn.is-closed label {
  color: #000;
}
.call-workflow-rep-modal .status-spn.is-cancel {
  background-color: #dd9342;
}
.call-workflow-rep-modal .status-spn.is-cancel label {
  color: #000;
}
.call-workflow-rep-modal .status-spn.waiting-for-progress {
  background-color: #8FB800;
}
.call-workflow-rep-modal .status-spn.waiting-for-progress label {
  color: #000;
}
.call-workflow-rep-modal .details .det-item {
  background-color: #eeeeee;
  padding: 5px 20px;
  border-radius: 5px;
}
.call-workflow-rep-modal .details label {
  color: #000000 !important;
  direction: rtl;
}
.call-workflow-rep-modal .details label > span {
  color: #1F9D90 !important;
  direction: rtl;
}
.call-workflow-rep-modal .title {
  background-color: #1F9D90;
  border-radius: 5px;
  padding: 2px 10px;
  direction: rtl;
}
.call-workflow-rep-modal .call-workflow-rep-item {
  padding: 5px;
  border-bottom: 2px solid #dddddd;
}
.call-workflow-rep-modal .call-Workflow-list {
  height: 0;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.call-workflow-rep-modal .call-Workflow-list ul li {
  position: relative;
  overflow: visible;
  padding-bottom: 5px;
  border-bottom: 2px solid #ddd;
  margin-bottom: 10px;
  padding: 10px;
}
.call-workflow-rep-modal .call-Workflow-list ul li > div {
  direction: rtl;
  padding-left: 155px;
}
.call-workflow-rep-modal .call-Workflow-list ul li > fieldset {
  border-radius: 5px;
  border: 2px solid #ffffff;
}
.call-workflow-rep-modal .call-Workflow-list ul li > fieldset legend {
  width: auto;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 3px;
  padding: 5px 20px 10px 20px;
  font-size: 12px;
}
.call-workflow-rep-modal .call-Workflow-list ul li > fieldset i {
  color: #000000 !important;
}
.call-workflow-rep-modal .call-Workflow-list ul li > fieldset .user-item {
  display: inline-block;
  margin: 3px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #8FB800;
  color: #000000 !important;
}
.call-workflow-rep-modal .call-Workflow-list.selected {
  height: auto;
  border-radius: 5px;
  padding: 10px;
  overflow: visible;
}
.call-workflow-rep-modal .call-Workflow-list.selected li {
  background-color: #eee;
}
.call-workflow-rep-modal .call-Workflow-list.selected li > div > label {
  color: #000000 !important;
  margin: 10px;
}
.call-workflow-rep-modal .call-Workflow-list.selected label {
  color: #000000 !important;
  margin: 10px;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn {
  position: absolute;
  left: -1px;
  top: 0;
  border-radius: 5px;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn label {
  margin: 0;
  padding: 2px;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn svg {
  fill: #000;
  vertical-align: middle;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.in-progress,
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.is-done {
  background-color: #1F9D90;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.in-progress label,
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.is-done label {
  color: #fff;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.in-progress label svg,
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.is-done label svg {
  fill: #ffffff;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.waiting-for-reff {
  background-color: #DEB71B;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.waiting-for-reff label {
  color: #000;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.is-not-done {
  background-color: #E75555;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.is-not-done label {
  color: #fff;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.is-not-done label svg {
  fill: #ffffff;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.wait-for-sometings {
  background-color: #d86aa3;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.wait-for-sometings label {
  color: #fff;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.wait-for-sometings label svg {
  fill: #ffffff;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.is-closed {
  background-color: #2CABD0;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.is-closed label {
  color: #000;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.is-cancel {
  background-color: #dd9342;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.is-cancel label {
  color: #000;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.waiting-for-progress {
  background-color: #8FB800;
}
.call-workflow-rep-modal .call-Workflow-list.selected .status-spn.waiting-for-progress label {
  color: #000;
}
fieldset {
  direction: rtl;
}
fieldset legend {
  width: auto;
  border-radius: 5px;
  padding: 5px 20px 10px 20px;
  font-size: 16px;
}
.adding-workflow-task-item {
  position: relative;
  margin-right: 0;
  border-radius: 5px;
  border: 2px solid #008080;
  padding: 5px;
  margin-top: 3px;
  min-height: 36px;
}
.adding-workflow-task-item .prv {
  display: none;
  position: absolute;
  right: 100%;
  width: 500px;
  padding: 30px;
  border-radius: 5px;
  background-color: #eee;
  z-index: 100;
  bottom: 0;
  height: 600px;
  overflow-y: auto;
}
.adding-workflow-task-item .prv fieldset {
  border: 2px solid #959595;
  padding: 20px;
  margin-top: 20px;
}
.adding-workflow-task-item .prv fieldset legend {
  background-color: #959595;
  color: #fff;
}
.adding-workflow-task-item .prv .prv-info-item {
  padding: 10px;
  border-radius: 5px;
}
.adding-workflow-task-item .prv .prv-info-item > div {
  background-color: #ffffff;
  padding: 5px;
}
.adding-workflow-task-item .prv .prv-info-item > div label {
  color: #1F9D90;
}
.adding-workflow-task-item .prv .prv-info-item > div label span {
  color: #000 !important;
}
.adding-workflow-task-item .prv .prv-info-item > div .selected-user-item {
  display: inline-block;
  padding: 3px 5px 5px 5px;
  border-radius: 3px;
  background-color: #0b5c46;
  color: #fff !important;
  margin: 2px;
}
.adding-workflow-task-item:hover .prv {
  display: block;
}
.item-anim.ng-enter,
.item-anim.ng-leave {
  transition: 0.2s linear all;
}
.item-anim.ng-enter {
  transform: translateY(30px);
}
.item-anim.ng-enter.ng-enter-active {
  transform: translateY(0);
}
.item-anim.ng-leave {
  transform: translateY(0);
  opacity: 1;
}
.item-anim.ng-leave.ng-leave-active {
  transform: translateX(-30px);
  opacity: 0;
}
/*.n-g-ta-container.ng-enter, .form-group.ng-leave {
    -webkit-transition: .2s linear all;
    transition: 02s linear all;
}*/
@keyframes slideRight {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
.n-g-ta-container {
  /*-webkit-transition: .3s linear all;
    transition: .3s linear all;*/
  margin-top: 20px;
  animation-name: slideRight;
  animation-duration: .5s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
  /*opacity: 0;
        transform: translateX(-100%);*/
  /*.form-group {
        animation-name: slideRight;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-delay: .8s;
    }*/
}
.n-g-ta-container.tb-active {
  /*-webkit-transition: .3s linear all;
    transition: .3s linear all;*/
  margin-top: 20px;
  animation-name: slideRight;
  animation-duration: .2s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
  /*.form-group {
        animation-name: slideRight;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-delay: .8s;
    }*/
}
/*.n-g-ta-container.ng-enter {
    opacity: 0;
    transform: translateX(-500px);

    .form-group {
        transform: translateX(50px);
        opacity: 0;
    }
}*/
/*.n-g-ta-container.ng-enter.ng-enter-active {
    transform: translateX(0);
    opacity: 1;

    .form-group {
        
        transform: translateX(0);
        opacity: 1;
    }
}*/
/*.n-g-ta-container.ng-leave.ng-leave-active {
    opacity: 0;

    .form-group {
        -webkit-transition: .2s linear all;
        transition: .2s linear all;
        transform: translateX(0);
        opacity: 1;
    }
}*/
@keyframes animRtl {
  0% {
    transform: translateX(200px);
  }
}
.ADMdtp-box .arrow {
  direction: rtl !important;
}
.crm-custom-drp-container {
  position: relative;
}
.crm-custom-drp-container.dark .close-btn {
  position: absolute;
  left: 5px;
  top: -29px;
  padding-top: 2px;
  padding-right: 2px;
  padding-left: 2px;
  border-radius: 3px 3px 0 0;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  background-color: #FCF7E8;
  display: none;
}
.crm-custom-drp-container.dark .close-btn svg {
  fill: #E75555;
  width: 30px;
  height: 30px;
}
.crm-custom-drp-container.dark .list-container {
  padding: 5px;
  position: absolute;
  top: 105px;
  width: 100%;
  z-index: 1000;
}
.crm-custom-drp-container.dark .list-container ul {
  border-radius: 5px;
  max-height: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fcf7e8;
  line-height: 20px;
  color: #000000 !important;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  border-bottom: 0;
}
.crm-custom-drp-container.dark .list-container ul li {
  padding: 5px 10px;
  border-bottom: 2px solid #767676;
  line-height: 35px;
  margin-right: 0;
  cursor: pointer;
  opacity: 0.95;
  margin: 5px;
}
.crm-custom-drp-container.dark .list-container ul li > div {
  cursor: pointer;
}
.crm-custom-drp-container.dark .list-container ul li > div span {
  color: #000000 !important;
}
.crm-custom-drp-container.dark .list-container ul li:hover {
  opacity: 1;
  box-shadow: 0 0 2px 3px #FF6B6B;
}
.crm-custom-drp-container.dark .list-container ul li.hover {
  box-shadow: 0 0 2px 3px #FF6B6B;
}
.crm-custom-drp-container.dark .list-container.scene_element--fadelistinright ul {
  max-height: 350px;
  padding: 5px;
  border: 1px solid gray;
}
.crm-custom-drp-container.dark .list-container.scene_element--fadelistinright .close-btn {
  display: block;
}
.crm-custom-drp-container.ligth .list-container {
  padding: 5px;
  position: absolute;
  top: 105px;
  width: 100%;
  z-index: 1000;
}
.crm-custom-drp-container.ligth .list-container ul {
  border-radius: 5px;
  max-height: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #000;
}
.crm-custom-drp-container.ligth .list-container ul li {
  padding: 5px 10px;
  border-bottom: 2px solid #767676;
  line-height: 35px;
  margin-right: 0;
  cursor: pointer;
  opacity: 0.95;
  margin: 5px;
}
.crm-custom-drp-container.ligth .list-container ul li > div {
  cursor: pointer;
}
.crm-custom-drp-container.ligth .list-container ul li:hover {
  opacity: 1;
  box-shadow: 0 0 2px 3px #FF6B6B;
}
.crm-custom-drp-container.ligth .list-container ul li.hover {
  box-shadow: 0 0 2px 3px #FF6B6B;
}
.crm-custom-drp-container.ligth .list-container.scene_element--fadelistinright ul {
  max-height: 350px;
}
.item-gray-yellow {
  border-radius: 3px;
  padding: 5px 10px;
  color: #000 !important;
  box-shadow: 0 0 2px 2px #BDBDBD;
  display: inline-block;
  background: #ffffed;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffed 1%, #dadbb3 50%, #c8c9a5 69%, #e7e8da 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffed', endColorstr='#e7e8da', GradientType=0);
  /* IE6-9 */
}
.red-error-item {
  background: #ff5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff5e5e 0%, #ad4040 69%, #5b5b5b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#5b5b5b', GradientType=0);
  /* IE6-9 */
  border-radius: 3px;
  color: #ffffff;
  border: 1px solid #fff;
  padding: 3px 10px;
  margin: 3px;
  vertical-align: middle;
}
.microtik-rate-spn {
  padding: 1px 3px;
  background-color: #000000;
  border: 2px solid #DEB71B;
  border-radius: 5px;
  cursor: pointer;
}
.microtik-rate-spn img {
  width: 20px;
  cursor: pointer;
}
.microtik-rate-spn:hover {
  background-color: #3d3d3d;
}
.guide-view fieldset {
  padding: 20px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.05);
  margin-top: 30px;
  border: 1px solid #bfbfbf;
}
.guide-view fieldset legend {
  background-color: #eeeeee;
  color: #000000;
}
.guide-view fieldset ul li {
  padding: 20px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
}
.guide-view fieldset ul li a {
  color: #DEB71B;
  font-size: 16px;
}
.adsl-tools-context {
  float: left;
  margin-left: 20px;
  padding-top: 1px;
  position: relative;
}
.adsl-tools-context > span {
  position: absolute;
  right: 25px;
  top: 8px;
  cursor: pointer;
}
.adsl-tools-context > span svg {
  fill: #ffffff;
  width: 24px;
  height: 24px;
}
.adsl-tools-context > span:hover svg {
  fill: #DEB71B;
}
.adsl-tools-context > label {
  position: absolute;
  right: 5px;
  top: 10px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #DEB71B;
  border-radius: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #ffffff;
  color: #000000;
}
.adsl-tools-context > label > div {
  max-height: 0;
  background-color: rgba(0, 0, 0, 0.7);
  border: 0 solid #ffffff;
  border-radius: 5px;
  width: 300px;
  position: absolute;
  top: 13px;
  left: 2px;
  overflow: hidden;
  transition: all .8s ease;
  color: #ffffff;
  z-index: 1000;
}
.adsl-tools-context > label:hover div {
  max-height: 500px;
  border: 1px solid #ffffff;
}
.adsl-tools-context > div {
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 5px;
  direction: rtl;
  border-radius: 5px;
  border: 1px solid #ffffff;
  padding-right: 55px;
}
.adsl-tools-context > div > label {
  color: #ffffff;
}
.adsl-tools-context > div > span {
  color: #000000;
  border-radius: 3px;
  height: 25px;
  padding: 0 3px;
  line-height: 22px;
  display: inline-block;
  font-weight: 100;
  background: #bfd255;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
}
.adsl-tools-context > div > span.dark {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
  padding-bottom: 3px;
  color: #000000;
}
.adsl-tools-context > div > span:hover {
  opacity: 0.7;
}
.info-tooltip-model {
  background-color: #ffa500;
  border: 2px solid #ffffff;
  width: 25px;
  display: inline-block;
  height: 25px;
  line-height: 20px;
  border-radius: 40px;
  position: relative;
}
.info-tooltip-model > div {
  position: absolute;
  left: 18px;
  top: 10px;
  z-index: 100;
  background-color: #000000;
  padding: 5px;
}
.info-tooltip-model > div > ul li {
  width: 300px;
  margin: 3px;
  background-color: #333;
  padding: 5px;
  direction: rtl;
  position: relative;
  border: 1px solid #fff;
  font-weight: 700;
  font-style: normal !important;
  font-size: 16px;
}
.info-tooltip-model > div > ul li span {
  display: inline-block;
  border-radius: 3px;
  margin-left: 10px;
  color: #DEB71B;
  font-weight: 700;
  font-style: normal !important;
}
.info-tooltip-model > div > ul li svg {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  float: left;
  fill: #ffffff;
  cursor: pointer;
}
.info-tooltip-model > div > ul li .internal-list {
  margin-right: 40px;
  display: none;
  position: absolute;
  z-index: 1;
  right: 80%;
}
.info-tooltip-model > div > ul li:hover .internal-list {
  display: block;
}
.is-official {
  border-top: 2px solid #1F9D90;
  position: relative;
  background: rgba(10, 124, 71, 0.3);
  /*> td:first-child {
        &:before {
            content: "رسمی";
            display: inline-block;
            background-color: @dark-green;
            border-radius: 5px;
            position: absolute;
           left: 11px;
    padding: 0 5px;
    height: 25px;
    transform: rotateZ(-91deg);
    line-height: 20px;
    top: 5px;
        }
    }*/
}
.small-screen-context {
  display: none;
  width: 100%;
}
.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1700px) and (min-width: 1367px) {
  /*@media screen and (max-width: 1700px) {*/
  .commission-result-tile {
    padding: 20px;
    margin-top: 30px;
  }
  .commission-result-tile > div {
    border: 1px solid #1F9D90;
    background: rgba(0, 0, 0, 0.6);
    height: 600px;
    border-radius: 5px 0 5px 5px;
    overflow-y: auto;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs {
    padding: 5px;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span {
    display: inline-block;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    opacity: 0.6;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span.all {
    background-color: #1F9D90;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span.wireless {
    background-color: #E75555;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span.adsl {
    background-color: #DEB71B;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span.other {
    background-color: #2CABD0;
    font-size: 12px;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span.selected {
    opacity: 1;
  }
  .commission-result-tile > div > div.commission-result-tile-context > div {
    margin-top: 40px;
    padding: 5px;
  }
  .commission-result-tile > div > div.commission-result-tile-context .reseller-list-name {
    width: 100%;
  }
  .commission-result-tile > div > div.commission-result-tile-context .reseller-list-name > div {
    background-color: #8FB800;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #ffffff;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs {
    padding: 5px;
    height: 40px;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span {
    display: inline-block;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    opacity: 0.6;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.all {
    background-color: #1F9D90;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.wireless {
    background-color: #E75555;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.adsl {
    background-color: #DEB71B;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.other {
    background-color: #2CABD0;
    font-size: 8px;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.selected {
    opacity: 1;
  }
  .commission-result-tile > div > div.title {
    /*text-align: center;*/
    position: absolute;
    top: -6px;
    width: 100%;
    right: 20px;
  }
  .commission-result-tile > div > div.title > span {
    border-top: 1px solid #1F9D90;
    border-right: 1px solid #1F9D90;
    border-left: 1px solid #1F9D90;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    border-radius: 10px 0 0 0;
    background: #7d7e7d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 11%, #424242 91%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
  }
  .customer-service-payment-report-table-container {
    min-height: 470px;
  }
  .spring-back {
    width: 520px;
    height: 100px;
  }
  .spring-back > div {
    /*background-image: url(/Content/Images/SpringBackGround.png);*/
    background-size: 522px 154px;
    width: 100%;
    height: 120%;
    background-position-y: -19px;
    background-repeat: no-repeat;
  }
  .spring-back > div > div {
    width: 350px;
    height: 140px;
    margin-right: 70px;
    float: right;
    background-image: url(/Content/Images/Birds.gif);
    background-size: 350px 140px;
  }
  .nas-info-item {
    padding: 20px;
  }
  .nas-info-item > div {
    border: 2px solid #DEB71B;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.6);
    padding: 15px;
    height: 76px;
  }
  .nas-info-item > div .title {
    color: #DEB71B;
  }
  .nas-info-item > div .title > h5 {
    text-align: center;
  }
  @-moz-document url-prefix() {
    .service-info-view .main-search-box {
      margin: auto;
      float: none !important;
      margin-top: 100px;
    }
    .service-info-view .main-service-view-content-container {
      /*////////////////////////////////////////*/
    }
    .service-info-view .main-service-view-content-container section > div > figure > span {
      transition: all 1s ease-in-out;
    }
    .service-info-view .main-service-view-content-container section > div > figure > span.font-26 {
      font-size: 15px;
    }
    .service-info-view .main-service-view-content-container section > div > figure > span.font-16 {
      font-size: 16px !important;
    }
    .service-info-view .main-service-view-content-container section > div > figure > span.font-19 {
      font-size: 19px !important;
    }
    .service-info-view .main-service-view-content-container section > div > figure > span.small-text-title {
      font-size: 12px !important;
    }
    .service-info-view .main-service-view-content-container section > div > figure #online24Chart {
      width: 95%;
      height: 600px;
    }
    .service-info-view .main-service-view-content-container section > div.selected {
      transform: translateZ(0px) translateY(-4px) translateX(7px) rotateX(0) rotateZ(0deg) rotateY(0) !important;
    }
    .service-info-view .main-service-view-content-container section:nth-child(2) > div {
      /*transform: translateZ(-364px) translateY(784px) translateX(-818px) rotateX(-60deg) rotateZ(21deg) rotateY(104deg);*/
      transform: translateZ(-1450px) translateY(80px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(2) > div.hover {
      transform: translateZ(-1450px) translateY(65px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(2) > div .front-edge {
      /*background-color:red;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(2) > div .up-edge {
      /*background-color:lightcoral;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(2) > div > figure > span {
      right: 0;
    }
    .service-info-view .main-service-view-content-container section:nth-child(3) > div {
      /*transform: translateZ(-700px)translateY(240px) translateX(-250px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1400px) translateY(90px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(3) > div.hover {
      transform: translateZ(-1400px) translateY(75px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(3) > div .front-edge {
      /*background-color:green;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(3) > div .up-edge {
      /*background-color:darkolivegreen;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(3) > div > figure > span {
      right: 110px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(4) > div {
      /*transform: translateZ(-700px)translateY(280px) translateX(-200px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1350px) translateY(100px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(4) > div.hover {
      transform: translateZ(-1350px) translateY(85px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(4) > div .front-edge {
      /*background-color:blue;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(4) > div .up-edge {
      /*background-color:lightseagreen;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(4) > div > figure > span {
      right: 220px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(5) > div {
      /*transform: translateZ(-700px)translateY(320px) translateX(-150px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1300px) translateY(110px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(5) > div.hover {
      transform: translateZ(-1300px) translateY(95px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(5) > div .front-edge {
      /*background-color:grey;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(5) > div .up-edge {
      /*background-color:lightgray;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(5) > div > figure > span {
      right: 330px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(6) > div {
      /*transform: translateZ(-700px)translateY(360px) translateX(-100px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1250px) translateY(120px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(6) > div.hover {
      transform: translateZ(-1250px) translateY(105px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(6) > div > figure > span {
      right: 435px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(7) > div {
      /*transform: translateZ(-700px)translateY(400px) translateX(-50px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1200px) translateY(130px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(7) > div.hover {
      transform: translateZ(-1200px) translateY(115px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(7) > div > figure > span {
      right: 540px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(8) > div {
      /*transform: translateZ(-700px)translateY(440px) translateX(0px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1150px) translateY(140px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(8) > div.hover {
      transform: translateZ(-1150px) translateY(125px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(8) > div > figure > span {
      right: 640px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(9) > div {
      /*transform: translateZ(-700px)translateY(480px) translateX(50px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1100px) translateY(150px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(9) > div.hover {
      transform: translateZ(-1100px) translateY(135px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(9) > div > figure > span {
      right: 740px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(10) > div {
      /*transform: translateZ(-700px)translateY(520px) translateX(100px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1050px) translateY(160px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(10) > div.hover {
      transform: translateZ(-1050px) translateY(145px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(10) > div > figure > span {
      right: 0;
    }
    .service-info-view .main-service-view-content-container section:nth-child(11) > div {
      /*transform: translateZ(-700px)translateY(560px) translateX(150px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1000px) translateY(170px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(11) > div.hover {
      transform: translateZ(-1000px) translateY(155px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(11) > div > figure > span {
      right: 110px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(12) > div {
      /*transform: translateZ(-700px)translateY(600px) translateX(200px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-950px) translateY(180px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(12) > div.hover {
      transform: translateZ(-950px) translateY(165px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(12) > div > figure > span {
      right: 220px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(13) > div {
      /*transform: translateZ(-700px)translateY(640px) translateX(250px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-900px) translateY(190px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(13) > div.hover {
      transform: translateZ(-900px) translateY(75px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(13) > div > figure > span {
      right: 330px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(14) > div {
      /*transform: translateZ(-700px)translateY(680px) translateX(300px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-850px) translateY(200px) translateX(-40px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(14) > div.hover {
      transform: translateZ(-850px) translateY(185px) translateX(-40px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(14) > div > figure > span {
      right: 430px;
    }
    .service-info-view .main-service-view-content-item {
      width: 100%;
      height: 100%;
      position: relative;
      perspective: 1300px;
    }
    .service-info-view .main-service-view-content-item > div {
      width: 97.5%;
      height: 100%;
      position: absolute;
      transform-style: preserve-3d;
      transition: transform 1s;
      transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
      text-align: center;
    }
    .service-info-view .main-service-view-content-item > div > figure {
      margin: 0;
      width: 95%;
      height: 99%;
      display: block;
      position: absolute;
      border: 2px solid black;
      border: none;
      transition: all 1s ease-in-out;
    }
    .service-info-view .main-service-view-content-item > div > figure > span {
      width: 120px;
      height: 40px;
      display: inline-block;
      line-height: 30px;
      text-align: center;
      position: absolute;
      /* left: -26px; */
      right: 10px;
      top: -41px;
      border-radius: 5px 5px 0 0px;
      border: 2px solid #fff;
      border-bottom: none;
      background-color: #DEB71B;
      font-size: 23px;
      cursor: pointer;
      transition: all 1s ease-in-out;
    }
    .service-info-view .main-service-view-content-item > div > figure > h4 {
      text-align: center;
      height: 50px;
      line-height: 50px;
    }
    .service-info-view .main-service-view-content-item > div > figure.front-edge {
      transform: rotateY(0deg) translateZ(25px);
      height: 800px;
      background: rgba(0, 0, 0, 0.6);
      padding: 10px;
    }
    .service-info-view .main-service-view-content-item > div > figure.back-edge {
      transform: rotateX(180deg) translateZ(25px);
      height: 800px;
    }
    .service-info-view .main-service-view-content-item > div > figure.rigth-edge {
      transform: rotateY(90deg) translateZ(966px);
      height: 800px;
      width: 50px;
      background: rgba(0, 0, 0, 0.8);
    }
    .service-info-view .main-service-view-content-item > div > figure.left-edge {
      transform: rotateY(-90deg) translateZ(25px);
      height: 800PX;
      width: 50px;
      background: rgba(0, 0, 0, 0.8);
    }
    .service-info-view .main-service-view-content-item > div > figure.up-edge {
      transform: rotateX(90deg) translateZ(25px);
      height: 50px;
      background: #0eaf9d;
      cursor: pointer;
    }
    .service-info-view .main-service-view-content-item > div > figure.up-edge > h2 {
      height: 50px;
      line-height: 50px;
      padding-right: 30px;
      font-size: 36px;
      font-weight: bold;
      color: #FFE433;
    }
    .service-info-view .main-service-view-content-item > div > figure.down-edge {
      transform: rotateX(-90deg) translateZ(1195px);
      height: 50px;
    }
    .service-info-view .main-service-view-content-item > div.selected {
      transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-item > div.selected > figure.front-edge {
      background: rgba(0, 0, 0, 0.9);
      width: 76%;
    }
    .service-info-view .main-service-view-content-item > div.selected > figure.front-edge span {
      opacity: 1;
    }
    .service-info-view .main-service-view-content-item > div.selected > figure.up-edge {
      width: 76%;
    }
    .service-info-view .page-control-tools {
      position: fixed;
      width: 24%;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 5px;
      right: 0.5%;
      top: 54px;
      padding: 10px 25px 10px 25px;
      /*z-index: 100;*/
    }
    .service-info-view .user-view {
      position: fixed;
      right: 25px !important;
      top: 150px !important;
    }
    .service-info-view .user-view section {
      width: 300px;
      height: 300px;
      position: relative;
      perspective: 2000px;
      transition: all 1s ease-in-out;
    }
    .service-info-view .user-view section.section-left-selected-tall {
      height: 555px;
    }
    .service-info-view .user-view section.section-left-selected-tall > div figure.front-edge {
      height: 550px !important;
    }
    .service-info-view .user-view section.section-left-selected-tall > div figure.back-edge {
      height: 550px !important;
    }
    .service-info-view .user-view section.section-left-selected-tall > div figure.rigth-edge {
      height: 550px !important;
    }
    .service-info-view .user-view section.section-left-selected-tall > div figure.left-edge {
      height: 550px !important;
    }
    .service-info-view .user-view section.section-left-selected-tall > div figure > div > div {
      height: 510px;
    }
    .service-info-view .user-view section.section-left-selected-tall-tall {
      height: 800px;
    }
    .service-info-view .user-view section.section-left-selected-tall-tall > div figure > div > div {
      height: 750px;
    }
    .service-info-view .user-view section.section-right-selected-tall {
      height: 590px;
    }
    .service-info-view .user-view section.section-right-selected-tall > div figure > div > div {
      height: 545px;
    }
    .service-info-view .user-view section.section-left-selected-short {
      /*height: 475px;*/
    }
    .service-info-view .user-view section.section-left-selected-short > div figure.front-edge {
      /*height: 465px !important;*/
    }
    .service-info-view .user-view section.section-left-selected-short > div figure.back-edge {
      /*height: 465px !important;*/
    }
    .service-info-view .user-view section.section-left-selected-short > div figure.rigth-edge {
      /*height: 465px !important;*/
    }
    .service-info-view .user-view section.section-left-selected-short > div figure.left-edge {
      /*height: 465px !important;*/
    }
    .service-info-view .user-view section.section-left-selected-short > div figure > div > div {
      /*height: 425px;*/
    }
    .service-info-view .user-view section > div {
      width: 97.5%;
      height: 100%;
      position: absolute;
      transform-style: preserve-3d;
      transition: transform 1s;
      transform: translateZ(-1000px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
      text-align: center;
    }
    .service-info-view .user-view section > div.default {
      transition: all 15s ease-in-out;
    }
    .service-info-view .user-view section > div.select-section {
      transition: all 1s ease-in-out;
    }
    .service-info-view .user-view section > div.hover {
      transition: all 0.5s ease-in-out;
    }
    .service-info-view .user-view section > div > span {
      display: inline-block;
      width: 50px;
      height: 110px;
      background-image: url(/Content/Images/topArrow.png);
      background-repeat: no-repeat;
      opacity: 0;
    }
    .service-info-view .user-view section > div > span.left-right {
      transform: translateY(-7px) translateX(40px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .user-view section > div > span.front-back {
      transform: translateY(-7px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
    }
    .service-info-view .user-view section > div.rotate-0 {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .user-view section > div.rotate-180 {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(180deg);
    }
    .service-info-view .user-view section > div.rotate-360 {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(360deg);
    }
    .service-info-view .user-view section > div.front-hover {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .user-view section > div.front-hover span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.back-hover {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(180deg);
    }
    .service-info-view .user-view section > div.back-hover span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.left-hover {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(90deg);
    }
    .service-info-view .user-view section > div.left-hover span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.right-hover {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(-90deg);
    }
    .service-info-view .user-view section > div.right-hover span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.front-selected {
      transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .user-view section > div.front-selected span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.back-selected {
      transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(180deg);
    }
    .service-info-view .user-view section > div.back-selected span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.left-selected {
      transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
    }
    .service-info-view .user-view section > div.left-selected span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.right-selected {
      transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(-90deg);
    }
    .service-info-view .user-view section > div.right-selected span {
      opacity: 1;
    }
    .service-info-view .user-view section > div > figure {
      margin: 0;
      /*width: 70%;
                        height: 70%;*/
      display: block;
      position: absolute;
      /*border: 2px solid black;*/
      border: none;
    }
    .service-info-view .user-view section > div > figure > span {
      display: inline-block;
      border-radius: 2px 2px 0 0;
      width: 60px;
      text-align: center;
      height: 24px;
      line-height: 22px;
      position: absolute;
      right: 20px;
      top: 0px;
    }
    .service-info-view .user-view section > div > figure .form-group {
      margin-top: 5px;
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure .form-group label {
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure > div {
      padding: 20px;
    }
    .service-info-view .user-view section > div > figure > div > div {
      height: 470px;
    }
    .service-info-view .user-view section > div > figure > div > div .form-group {
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure > div > div .form-group h3 {
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure > div table td {
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure > div table th {
      font-size: 10px;
      padding: 2px !important;
    }
    .service-info-view .user-view section > div > figure.front-edge {
      width: 330px;
      height: 100%;
      transform: rotateY(0) translateZ(165px);
      background: rgba(0, 0, 0, 0.9);
      border: 2px solid #E75555;
    }
    .service-info-view .user-view section > div > figure.front-edge > span {
      background-color: #ba4444;
    }
    .service-info-view .user-view section > div > figure.front-edge > div > div {
      border-radius: 5px;
      background: #ba4444;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ba4444 1%, #6b2727 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba4444', endColorstr='#6b2727', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure.back-edge {
      width: 330px;
      height: 100%;
      transform: rotateY(180deg) translateZ(165px);
      background: rgba(0, 0, 0, 0.9);
      border: 2px solid #8FB800;
    }
    .service-info-view .user-view section > div > figure.back-edge > span {
      background: #658200;
    }
    .service-info-view .user-view section > div > figure.back-edge > div > div {
      border-radius: 5px;
      background: #658200;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #658200 1%, #3b4c00 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#658200', endColorstr='#3b4c00', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure.rigth-edge {
      width: 330px;
      height: 100%;
      transform: rotateY(90deg) translateZ(165px);
      background: rgba(0, 0, 0, 0.9);
      border: 2px solid #1F9D90;
    }
    .service-info-view .user-view section > div > figure.rigth-edge > span {
      background-color: #1d9183;
    }
    .service-info-view .user-view section > div > figure.rigth-edge > div > div {
      border-radius: 5px;
      background: #1d9183;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #1d9183 0%, #105148 99%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9183', endColorstr='#105148', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure.left-edge {
      width: 330px;
      height: 100%;
      transform: rotateY(-90deg) translateZ(165px);
      background: rgba(0, 0, 0, 0.9);
      border: 2px solid #DEB71B;
    }
    .service-info-view .user-view section > div > figure.left-edge > span {
      background: #b79717;
    }
    .service-info-view .user-view section > div > figure.left-edge > div > div {
      border-radius: 5px;
      background: #b79717;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #b79717 0%, #6b580d 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b79717', endColorstr='#6b580d', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure.left-edge > div > div #serverTraficChart {
      height: 125px !important;
    }
    .service-info-view .user-view section > div > figure.left-edge > div > div #extraTraficChart {
      height: 125px !important;
    }
    .service-info-view .user-view section > div > figure.left-edge > div > div .crm-font-small {
      font-size: 0.7em;
    }
    .service-info-view .user-view section > div > figure.bottom-edge {
      width: 330px;
      height: 330px;
      background: #124756;
      transform: rotateX(-90deg) translateZ(335px);
    }
    .service-info-view .user-view section > div > figure.top-edge {
      width: 300px;
      height: 300px;
      transform: rotateX(90deg) translateZ(150px);
      background: #000000;
    }
    .service-info-view .user-view section > div > figure .table-info {
      background: rgba(0, 0, 0, 0.7);
      width: 270px;
      margin-left: 0;
      border-radius: 3px;
      border: 1px solid #FFD221;
    }
    .service-info-view .user-view section > div > figure .table-info thead {
      background: #4c4c4c;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure .table-info tbody > tr td {
      color: #FFD221 !important;
    }
    .service-info-view .user-view section > div > figure .service-usage-info-context .item {
      height: 25px;
      line-height: 25px;
      background: rgba(125, 126, 125, 0.6);
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(125, 126, 125, 0.6) 0%, rgba(14, 14, 14, 0.6) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(125,126,125,0.6)', endColorstr='rgba(14,14,14,0.6)', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div {
      text-align: right;
      direction: rtl;
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div.title {
      text-align: left;
      color: #DEB71B;
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div.offer-title {
      font-size: 0.7em;
    }
    .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div.info-item > label {
      font-size: 14px;
      margin: 0 !important;
    }
    .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div.info-item > span {
      font-size: 8px;
      color: #B39317;
    }
    .service-info-view .user-view section > div > figure .service-usage-info-context .item > div:nth-child(2) {
      background-color: #000000 !important;
    }
    .service-info-view .customer-summary-information > li {
      margin-top: 7px;
    }
    .service-info-view .customer-summary-information > li.connection-data > ul {
      width: 100%;
    }
    .service-info-view .customer-summary-information > li.connection-data > ul > li {
      background: rgba(0, 0, 0, 0.6);
      width: 23%;
      display: inline-block;
      margin-top: 0;
    }
    .service-info-view .customer-summary-information > li.connection-data > ul > li > ul > li {
      margin-top: 0;
      text-align: center !important;
    }
    .service-info-view .customer-summary-information > li.customer-data > ul {
      border: 1px solid #DEB71B;
    }
    .service-info-view .customer-summary-information > li.customer-data > ul > li {
      background: rgba(0, 0, 0, 0.6);
      display: inline-block;
      width: 87px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis;
      margin-top: 0;
      text-align: center;
    }
    .service-info-view .customer-summary-information > li.customer-data > ul > li > ul > li {
      text-align: center !important;
      color: #FFD221;
      padding: 5px 0;
      margin-top: 0;
      font-size: 18px;
      width: 87px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis;
    }
    .service-info-view .customer-summary-information > li.customer-data > ul > li > ul > li.ul-li-title {
      background: #4c4c4c;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
      /* IE6-9 */
      padding: 5px 0;
      color: #ffffff;
      font-size: 14px;
    }
    .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul {
      border: 1px solid #DEB71B;
      height: 57px;
    }
    .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul > li {
      background: rgba(0, 0, 0, 0.6);
      display: inline-block;
      width: 169px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis;
      margin-top: 0;
      text-align: center;
      float: right;
    }
    .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul > li > ul > li {
      text-align: center !important;
      color: #FFD221;
      padding: 5px 0;
      margin-top: 0;
      font-size: 18px;
      width: 100%;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis;
      direction: ltr;
    }
    .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul > li > ul > li.ul-li-title {
      background: #4c4c4c;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
      /* IE6-9 */
      padding: 5px 0;
      color: #ffffff;
      font-size: 14px;
    }
    .service-info-view .customer-summary-information > li.reseller-data > ul {
      width: 100%;
      border: 1px solid #DEB71B;
    }
    .service-info-view .customer-summary-information > li.reseller-data > ul > li {
      display: inline-block;
      width: 100%;
      margin-top: 0;
    }
    .service-info-view .customer-summary-information > li.reseller-data > ul > li > ul > li {
      background: rgba(0, 0, 0, 0.6);
      display: inline-block;
      text-align: center !important;
      width: 185px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis;
      padding: 5px 0;
      color: #ffd221;
      margin-top: 0;
      font-size: 18px;
    }
    .service-info-view .customer-summary-information > li.reseller-data > ul > li > ul > li.ul-li-title {
      width: 30%;
      color: #ffffff;
      font-size: 14px;
      background: #4c4c4c;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .customer-summary-information > li.nolimit-service > ul > li {
      background: rgba(0, 0, 0, 0.6);
    }
    .service-info-view .customer-summary-information > li.nolimit-service > ul > li > ul > li {
      text-align: center !important;
    }
    .service-info-view .customer-summary-information > li.service-data {
      margin-top: 10px;
    }
    .service-info-view .customer-summary-information > li.service-data > ul {
      width: 100%;
      border: 1px solid #DEB71B;
    }
    .service-info-view .customer-summary-information > li.service-data > ul > li {
      display: inline-block;
      width: 100%;
      margin-top: 0;
    }
    .service-info-view .customer-summary-information > li.service-data > ul > li > ul > li {
      background: rgba(0, 0, 0, 0.6);
      display: inline-block;
      text-align: center !important;
      width: 100%;
      padding: 5px 0;
      color: #ffd221;
      /*height: 45px;*/
      vertical-align: top;
      margin-top: 0;
      font-size: 18px;
    }
    .service-info-view .customer-summary-information > li.service-data > ul > li > ul > li.ul-li-title {
      /*width: 30%;*/
      font-size: 14px;
      color: #ffffff;
      background: #7d7e7d;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .customer-summary-information ul {
      direction: rtl !important;
    }
    .service-info-view .customer-summary-information li {
      margin-right: 0 !important;
    }
  }
}
.popSite-page .posite-detail-continer > label {
  position: relative;
}
.popSite-page .posite-detail-continer > label img {
  width: 40px;
}
.popSite-page .posite-detail-continer > label span {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  background-color: #DEB71B;
  border: 1px solid #ffffff;
  color: #000000;
  right: -11px;
  top: 0px;
  font-size: 12px;
  text-align: center;
}
.pop-site-detail-container ul {
  padding: 5px;
  background-color: #eeeeee;
  margin-bottom: 10px;
  border-radius: 5px;
}
.pop-site-detail-container ul li {
  display: block;
}
.pop-site-detail-container ul li > div > div {
  direction: rtl;
}
.remove-element {
  position: absolute;
  top: 15px;
  left: 15px;
}
.remove-element svg {
  fill: red;
  width: 25px;
  height: 25px;
}
@media screen and (max-width: 1366px) {
  .customer-service-payment-report-table-container {
    height: 840px;
  }
  .spring-back {
    width: 520px;
    height: 100px;
  }
  .spring-back > div {
    /*background-image: url(/Content/Images/SpringBackGround.png);*/
    background-size: 430px 154px;
    width: 100%;
    height: 120%;
    background-position-y: -19px;
    background-repeat: no-repeat;
  }
  .spring-back > div > div {
    width: 350px;
    height: 140px;
    margin-right: 100px;
    float: right;
    background-image: url(/Content/Images/Birds.gif);
    background-size: 343px 130px;
  }
  .service-view .reseller-service .reseller-selector {
    padding: 20px;
    padding-top: 5px;
    margin-bottom: 20px !important;
    border-radius: 5px;
  }
  .service-view .reseller-service .all-service-item {
    background: rgba(0, 0, 0, 0.3);
    min-height: 300px;
    margin-bottom: 30px;
    /*.service-item:hover {
                .preview {
                    display: block;
                }
            }*/
  }
  .service-view .reseller-service .all-service-item h3 {
    margin-top: 10px;
    margin-right: 20px;
  }
  .service-view .reseller-service .all-service-item .service-item {
    padding: 10px;
    padding-right: 40px;
    /*position:relative;*/
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0);
    right: 14px;
    top: 12px;
    z-index: 100;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span {
    /* Safari */
    transition: all 0.6s ease;
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 0;
    width: 0;
    cursor: pointer;
    opacity: 0.8;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span:hover {
    box-shadow: 0 0 3px 3px #FFCB52;
    opacity: 1;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-ho {
    background: #c4334b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-bu {
    background: #ff264a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-de {
    background: #ff603d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.ad-ho {
    background: #fdbe39;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.ad-bu {
    background: #28ffbe;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.hotspot {
    background-image: url(/Content/Images/hotspotItemBack.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover {
    box-shadow: 0 0 7px 6px #FFCB52;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span {
    font-size: 12px;
    opacity: 1;
    width: 100px;
    padding-right: 5px;
    border-radius: 3px;
    border: 1px solid;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-ho {
    top: -33px;
    left: -66px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-bu {
    top: -10px;
    left: -104px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-de {
    top: 12px;
    left: -106px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.ad-ho {
    top: 37px;
    left: -101px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.ad-bu {
    top: 60px;
    left: -66px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.hotspot {
    width: 36px !important;
    height: 64px;
    border: none;
    top: -12px;
    left: 30px;
  }
  .service-view .reseller-service .all-service-item .service-item .preview {
    position: absolute;
    display: none;
    width: 100%;
    background: #000000;
    border: 1px solid;
    z-index: 102;
  }
  .service-view .reseller-service .all-service-item .service-item .preview > h3 {
    font-size: 12px;
  }
  .service-view .reseller-service .all-service-item .service-item .preview > div > div {
    direction: rtl;
  }
  .service-view .reseller-service .all-service-item .service-item .preview > div > div > label {
    direction: rtl;
    font-size: 12px;
  }
  .service-view .reseller-service .all-service-item .service-item > div {
    padding: 5px;
    border: 2px solid #fff;
    border-right: none;
    border-radius: 3px;
    opacity: 0.8;
    cursor: pointer;
  }
  .service-view .reseller-service .all-service-item .service-item > div > h4 {
    text-align: center;
    margin-bottom: 0;
    padding: 5px;
    font-size: 12px;
    background: #0de5c8;
    background: linear-gradient(to bottom, #0de5c8 2%, #09a590 45%, #09a590 53%, #0de2c6 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0de5c8', endColorstr='#0de2c6', GradientType=0);
    text-shadow: 0px 0px 10px #333333;
    height: 23px;
    line-height: 14px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    direction: rtl;
  }
  .service-view .reseller-service .all-service-item .service-item > div:hover:before {
    box-shadow: 0 0 7px 6px #FFCB52;
  }
  .service-view .reseller-service .all-service-item .service-item > div > h4::before {
    position: absolute;
    display: inline-block;
    content: "";
    background-size: 44px;
    width: 43px;
    height: 38px;
    right: 10px;
    z-index: 10;
    border-radius: 20px;
    top: 13px;
  }
  .service-view .reseller-service .all-service-item .service-item div:hover {
    opacity: 1;
  }
  .service-view .reseller-service .all-service-item .service-item-prv-show-rigth {
    display: block !important;
    right: -100%;
  }
  .service-view .reseller-service .all-service-item .service-item-prv-show-left {
    display: block !important;
    right: 100%;
  }
  .service-view .reseller-service .all-service-item .ex-service-item h4::before {
    background-image: url('/Content/Images/biconEx.png');
  }
  .service-view .reseller-service .all-service-item .basic-service-item h4::before {
    background-image: url('/Content/Images/bicon.png');
  }
  .service-view .reseller-service .all-service-item .feshfeshe-service-item h4::before {
    background-image: url('/Content/Images/Feshicon.png');
  }
  .service-view .reseller-service .basket-container {
    position: relative;
    float: left !important;
  }
  .service-view .reseller-service .basket-container > div {
    position: absolute;
    cursor: pointer;
  }
  .service-view .reseller-service .basket-container > div.global-basket {
    height: 500px;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 0 0 20px 20px;
    border-top: none;
    padding-top: 35px;
    overflow-y: auto;
  }
  .service-view .reseller-service .basket-container > div.global-basket > div > div > label {
    position: absolute;
    top: -20px;
    left: -10px;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    padding: 0 5px 0 5px;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home {
    background: #c4334b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home > label {
    background-color: #c4334b;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home .droped-preview {
    background: #c4334b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business {
    background: #ff264a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business > label {
    background-color: #ff264a;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business .droped-preview {
    background: #ff264a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated {
    background: #ff603d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated > label {
    background-color: #ff603d;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated .droped-preview {
    background: #ff603d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home {
    background: #fdbe39;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home > label {
    background-color: #fdbe39;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home .droped-preview {
    background: #fdbe39;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business {
    background: #28ffbe;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business > label {
    background-color: #28ffbe;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business .droped-preview {
    background: #28ffbe;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .nominal-speed-filter {
    margin-bottom: 20px;
    margin-top: 20px;
    border: 2px solid;
    border-radius: 5px 5px 0 0;
    padding-top: 10px;
    background: rgba(0, 0, 0, 0.5);
    border-bottom: none;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul {
    height: 100px;
    overflow-x: auto;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul > li {
    display: inline-block;
    direction: rtl;
    text-align: center;
    margin-top: 0;
    border-radius: 3px;
    color: #fff;
    background: #959595;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
    border: 1px solid;
    cursor: pointer;
    opacity: 0.6;
    margin-left: 5px;
    margin-bottom: 3px;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul > li:hover {
    opacity: 1;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul > li.select {
    opacity: 1;
  }
  .service-view .reseller-service .lable-container {
    position: absolute;
    right: 43px;
    /*z-index:-100;*/
  }
  .service-view .reseller-service .lable-container > div {
    cursor: pointer;
    margin-bottom: 20px;
    /* Safari */
    transition: all 0.6s ease;
    background-repeat: no-repeat;
    z-index: -100;
  }
  .service-view .reseller-service .lable-container > div > p {
    margin-top: -20px;
    /* Safari */
    transition: all 0.5s ease-in-out;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-basic {
    display: inline-block;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.7);
    padding: 0 5px 0 5px;
    opacity: 0;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-basic > span {
    display: inline-block;
    text-align: center;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-extra {
    opacity: 0;
    display: inline-block;
    background: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    padding: 0 5px 0 5px;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-extra > span {
    display: inline-block;
    text-align: center;
  }
  .service-view .reseller-service .lable-container > div:hover {
    /*opacity: 0.8;*/
  }
  .service-view .reseller-service .lable-container > div.wireless-home {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    line-height: 47px;
    font-size: 11px;
    display: inline-block;
    background-image: url('/Content/Images/GreenLableLight.png');
  }
  .service-view .reseller-service .lable-container > div.wireless-business {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    line-height: 47px;
    font-size: 11px;
    display: inline-block;
    background-image: url('/Content/Images/RedLable.png');
  }
  .service-view .reseller-service .lable-container > div.wireless-dedicated {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/blueLable.png');
  }
  .service-view .reseller-service .lable-container > div.adsl-home {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/YellowLable.png');
  }
  .service-view .reseller-service .lable-container > div.adsl-business {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/VioletLable.png');
  }
  .service-view .reseller-service .lable-container > div.all-baskets {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/GrayLable.png');
  }
  .service-view .reseller-service .lable-container > div.select {
    width: 148px;
    height: 80px;
    background-size: 190px 80px;
    font-size: 14px;
  }
  .service-view .reseller-service .lable-container > div.select p {
    margin-top: 0;
  }
  .service-view .reseller-service .lable-container > div.select p .basket-type-count-basic {
    opacity: 1;
  }
  .service-view .reseller-service .lable-container > div.select p .basket-type-count-extra {
    opacity: 1;
  }
  .service-view .reseller-service .lable-container > div.global-basket {
    height: 500px;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 0 0 20px 20px;
    border-top: none;
    padding-top: 20px;
  }
  .service-view #addingServiceOptions {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
  }
  .service-view #addingServiceOptions > div {
    display: none;
    position: absolute;
    left: 35%;
    top: 15%;
    width: 30%;
    height: 620px;
    background-color: #eeeeee;
    border-radius: 5px;
    border: 1px solid #fff;
  }
  .service-view #addingServiceOptions > div > div {
    padding-left: 20px;
    padding-right: 20px;
  }
  .service-view #addingServiceOptions > div > div .option-item {
    padding: 10px;
    /*background:rgba(0,0,0,0.5);*/
    border-bottom: 1px solid #808080;
    border-radius: 3px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
    background: #4c4c4c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
  }
  .service-view #addingServiceOptions > div > div .option-item > div:first-child {
    border-left: 1px solid #808080;
  }
  .main-wizard .wizard-steps {
    height: 60px;
    direction: rtl;
  }
  .main-wizard .wizard-steps > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 50px;
    border-radius: 30px;
    border: 2px solid #ad4040;
    text-align: center;
    line-height: 47px;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ff5e5e 0%, #ff5e5e 22%, #ad4040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ad4040', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    transition: all 1s ease-in-out;
  }
  .main-wizard .wizard-steps > label > span {
    color: #1d9183;
  }
  .main-wizard .wizard-steps > label.pass {
    transform: rotateY(360deg);
    border: 2px solid #1d9183;
    background: #2ee8cf;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #2ee8cf 0%, #2ee8cf 29%, #1d9183 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ee8cf', endColorstr='#1d9183', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  .main-wizard .wizard-steps .progress-state {
    width: 100%;
    margin-top: 10px;
  }
  .main-wizard .wizard-steps .progress-state > span {
    display: inline-block;
    height: 10px;
  }
  .main-wizard .wizard-steps .progress-state > span.step1 {
    width: 20%;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff5e5e 0%, #cc4d4d 50%, #ff5e5e 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
    /* IE6-9 */
    border-radius: 0 2px 2px 0;
  }
  .main-wizard .wizard-steps .progress-state > span.step2 {
    width: 40%;
    background: #ff8c21;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff8c21 1%, #cc731a 50%, #ff8c21 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c21', endColorstr='#ff8c21', GradientType=0);
    /* IE6-9 */
  }
  .main-wizard .wizard-steps .progress-state > span.step3 {
    width: 60%;
    background: #deb71b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #deb71b 0%, #c4a219 50%, #deb71b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deb71b', endColorstr='#deb71b', GradientType=0);
    /* IE6-9 */
  }
  .main-wizard .wizard-steps .progress-state > span.step4 {
    width: 80%;
    background: #b3e500;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
    /* IE6-9 */
  }
  .main-wizard .wizard-content {
    height: 720px !important;
    position: relative;
    overflow: hidden;
  }
  .main-wizard .wizard-content > div {
    position: absolute;
    top: 0;
    right: -105%;
    height: 100%;
    width: 100%;
  }
  .main-wizard .wizard-content > div .background-gray {
    background: #eeeeee;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;
    border: 2px solid #E45A51;
  }
  .main-wizard .wizard-content > div.selected {
    right: 0;
  }
  .main-wizard .wizard-content > div .tools {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .main-wizard .wizard-content > div .tools .prv-page-btn {
    color: #ffffff !important;
  }
  .nas-info-item {
    padding: 20px;
  }
  .nas-info-item > div {
    border: 2px solid #DEB71B;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.6);
    padding: 15px;
    height: 100px;
  }
  .nas-info-item > div .title {
    color: #DEB71B;
  }
  .nas-info-item > div .title > h5 {
    text-align: center;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container {
    padding: 10px;
    padding-top: 0;
    border-radius: 5px;
    background: #4574a5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4574a5 0%, #2e4b6b 65%, #1f3349 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#1f3349', GradientType=0);
    /* IE6-9 */
    border: 2px solid #DEB81B;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps {
    direction: rtl;
    height: 105px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 50px;
    border-radius: 30px;
    text-align: center;
    line-height: 47px;
    transition: all 1s ease-in-out;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label > span {
    color: #1d9183;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.unpass {
    border: 2px solid #ad4040;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ff5e5e 0%, #ff5e5e 22%, #ad4040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ad4040', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.pass {
    transform: rotateY(360deg);
    border: 2px solid #1d9183;
    background: #2ee8cf;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #2ee8cf 0%, #2ee8cf 29%, #1d9183 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ee8cf', endColorstr='#1d9183', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.now {
    animation-name: unpass;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    border: none;
    background: #ffd221;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ffd221 0%, #ffd221 18%, #ceaa1a 66%, #917512 92%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#917512', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  @keyframes unpass {
    0% {
      opacity: 1;
      box-shadow: 0 0 4px 4px #FFE229;
    }
    50% {
      box-shadow: 0 0 0px 0px #FFE229;
      opacity: 0.4;
    }
    100% {
      box-shadow: 0 0 4px 4px #FFE229;
      opacity: 1;
    }
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state {
    width: 100%;
    margin-top: 10px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span {
    display: inline-block;
    height: 10px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step1 {
    width: 20%;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff5e5e 0%, #cc4d4d 50%, #ff5e5e 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
    /* IE6-9 */
    border-radius: 0 2px 2px 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step2 {
    width: 40%;
    background: #ff8c21;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff8c21 1%, #cc731a 50%, #ff8c21 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c21', endColorstr='#ff8c21', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step3 {
    width: 60%;
    width: 80%;
    background: #b3e500;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step4 {
    width: 80%;
    background: #b3e500;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content {
    height: 640px;
    position: relative;
    overflow: hidden;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div {
    position: absolute;
    top: 0;
    right: -105%;
    height: 100%;
    width: 100%;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div.selected {
    right: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selecter-service-table-title {
    padding: 5px;
    background-color: #1E1E1E;
    border: 2px solid #DEB81B;
    border-bottom: none;
    border-radius: 10px 3px 0 0;
    display: inline-block;
    margin-bottom: -2px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table-title {
    padding: 5px;
    background-color: #1E1E1E;
    border: 2px solid #DEB81B;
    border-bottom: none;
    border-radius: 10px 3px 0 0;
    display: inline-block;
    margin-bottom: -2px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-base-filter > div {
    background: #f6f8f9;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 26%, #d7dee3 51%, #f5f7f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
    /* IE6-9 */
    border-radius: 3px;
    border: 2px solid #d3d3d3;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .background-gray {
    background: #eeeeee;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;
    border: 2px solid #E45A51;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table {
    background: #526799;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #526799 0%, #0e0e0e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#526799', endColorstr='#0e0e0e', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;
    border: 2px solid #deb81b;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > thead > tr th {
    color: #deb81b !important;
    background: #959595;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr {
    background: #4574a5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4574a5 1%, #294460 50%, #2c4968 53%, #4574a5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#4574a5', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr > td {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr > td .ion-plus-round {
    cursor: pointer;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr:hover {
    background: #fceabb;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .remove-basket {
    display: inline-block;
    text-decoration: underline;
    font-weight: bold;
    color: #deb81b !important;
    float: left;
    cursor: pointer;
    margin: 5px;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #000;
    margin-bottom: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .remove-basket svg {
    width: 20px;
    height: 20px;
    fill: #E75555;
    vertical-align: middle;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr {
    position: relative;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr .prv {
    position: absolute;
    width: 150px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    border: 2px solid #fdbe39;
    padding: 5px;
    left: 0;
    top: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr .prv > div label {
    font-size: 10px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .switch-to-discount {
    border-radius: 5px 5px 0 0;
    padding: 5px 20px;
    display: inline-block;
    background-color: #E75555;
    border-radius: 5px 0 0 5px;
    float: left;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table {
    border-radius: 5px;
    background: #1b8276;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1b8276 0%, #104f46 94%, #104f46 94%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#104f46', GradientType=0);
    /* IE6-9 */
    border: 2px solid #DEB81B;
    transition: all 0.5s ease-in-out;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > thead > tr th {
    color: #deb81b !important;
    background: #959595;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr {
    background: #1b8276;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1b8276 0%, #104f46 52%, #104f46 52%, #105448 54%, #1b8276 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#1b8276', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr > td {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr > td .ion-plus-round {
    cursor: pointer;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr:hover {
    background: #fceabb;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .discount-mode {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .prv-page-btn {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .prv-page-btn i {
    margin-left: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .next-page-btn i {
    margin-right: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv {
    padding: 40px;
    margin-top: 50px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv > h5 {
    margin-bottom: 20px;
    color: #000000 !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv > h5 > span {
    color: #E55A51 !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen {
    position: relative;
    width: 65px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox {
    display: none;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #999999;
    border-radius: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner {
    position: relative;
    height: 20px;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:before,
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
    position: absolute;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 30px;
    font-size: 15px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
    font-family: WYekan;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:before {
    content: "";
    padding-left: 11px;
    background-color: #00A600;
    color: #FFFFFF;
    right: 50%;
    text-align: left;
    width: 50%;
    height: 100%;
    display: block;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
    content: "";
    padding-right: 2px;
    padding-left: 10px;
    background: #ff5e5e;
    background: linear-gradient(to bottom, #ff5e5e 1%, #ce4c4c 48%, #ba4444 54%, #ff5e5e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
    font-size: 11px;
    right: 0;
    text-align: right;
    width: 50%;
    display: block;
    height: 100%;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:after {
    right: -50%;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:before {
    right: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-switch {
    width: 20px;
    margin: 2px;
    background: #FFFFFF;
    border: 2px solid #999999;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    transition: all 0.3s ease-in 0s;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-inner {
    margin-left: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-switch {
    right: 0px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info {
    padding: 10px;
    padding-top: 0;
    border-radius: 5px;
    background: #4574a5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4574a5 0%, #2e4b6b 65%, #1f3349 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#1f3349', GradientType=0);
    /* IE6-9 */
    border: 2px solid #DEB81B;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table {
    height: 102px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr td {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr td.td-head {
    color: #DEB81B !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change {
    animation-name: newChange;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change > td {
    color: #E75555 !important;
    font-weight: bold;
    font-size: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change > span {
    color: #E75555 !important;
    font-weight: bold;
    font-size: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .red-alarm {
    color: #E75555 !important;
    animation-name: newChange;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-header {
    background: #375c84;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #375c84 1%, #141f31 50%, #375c84 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#375c84', endColorstr='#375c84', GradientType=0);
    /* IE6-9 */
  }
  .sales-report-options-cube {
    width: 330px !important;
  }
  .commission-result-tile {
    padding: 20px;
    margin-top: 30px;
  }
  .commission-result-tile > div {
    border: 1px solid #1F9D90;
    background: rgba(0, 0, 0, 0.6);
    height: 600px;
    border-radius: 5px 0 5px 5px;
    overflow-y: auto;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs {
    padding: 5px;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span {
    display: inline-block;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    opacity: 0.6;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span.all {
    background-color: #1F9D90;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span.wireless {
    background-color: #E75555;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span.adsl {
    background-color: #DEB71B;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span.other {
    background-color: #2CABD0;
    font-size: 12px;
  }
  .commission-result-tile > div > div.commission-result-tile-tabs > span.selected {
    opacity: 1;
  }
  .commission-result-tile > div > div.commission-result-tile-context > div {
    margin-top: 40px;
    padding: 5px;
  }
  .commission-result-tile > div > div.commission-result-tile-context .reseller-list-name {
    width: 100%;
  }
  .commission-result-tile > div > div.commission-result-tile-context .reseller-list-name > div {
    background-color: #8FB800;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #ffffff;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs {
    padding: 5px;
    height: 40px;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span {
    display: inline-block;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    opacity: 0.6;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.all {
    background-color: #1F9D90;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.wireless {
    background-color: #E75555;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.adsl {
    background-color: #DEB71B;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.other {
    background-color: #2CABD0;
    font-size: 8px;
  }
  .commission-result-tile > div > div.commission-result-tile-context .commission-result-tile-tabs > span.selected {
    opacity: 1;
  }
  .commission-result-tile > div > div.title {
    /*text-align: center;*/
    position: absolute;
    top: -6px;
    width: 100%;
    right: 20px;
  }
  .commission-result-tile > div > div.title > span {
    border-top: 1px solid #1F9D90;
    border-right: 1px solid #1F9D90;
    border-left: 1px solid #1F9D90;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    border-radius: 10px 0 0 0;
    background: #7d7e7d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 11%, #424242 91%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
  }
  .flasher-yellow-pin:before {
    background-image: url(/Content/Images/yellowPin.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: 15px;
    position: absolute;
    /*animation-name: newChange;
            animation-duration: 2s;
            animation-iteration-count: infinite;*/
    right: 90px;
    content: "";
  }
  .remove-ip-stataic-icon {
    position: absolute;
    right: 90px;
  }
  .color-yellow-flasher {
    /*color: @yellow;
        animation-name: newChange;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        border-top: 1px solid @yellow;*/
    opacity: 1;
  }
  .total-duty-view .duty-imageing-item {
    padding: 10px;
  }
  .total-duty-view .duty-imageing-item > div {
    width: 100%;
    background-size: 100% 80%;
    min-height: 352px;
    padding: 50px 34px 39px 14px;
    background-repeat: no-repeat;
    transform: rotateZ(-6deg);
    transition: all 0.15s ease-in-out;
  }
  .total-duty-view .duty-imageing-item > div.closed {
    background-image: url(/Content/Images/sticky-note-red.png);
  }
  .total-duty-view .duty-imageing-item > div.timeout {
    background-image: url(/Content/Images/sticky-note-yellow.png);
  }
  .total-duty-view .duty-imageing-item > div.normal {
    background-image: url(/Content/Images/sticky-note-green.png);
  }
  .total-duty-view .duty-imageing-item > div > div {
    transform: rotateZ(-1deg);
    background: rgba(219, 207, 207, 0.3);
    padding: 5px;
    border-radius: 3px;
    padding-bottom: 0;
  }
  .total-duty-view .duty-imageing-item > div > div h5,
  .total-duty-view .duty-imageing-item > div > div h6 {
    color: #333;
  }
  .total-duty-view .duty-imageing-item > div > div h6 {
    font-size: 10px;
  }
  .total-duty-view .duty-imageing-item > div > div h5 {
    font-size: 12px;
    width: 180px;
  }
  .total-duty-view .duty-imageing-item > div:hover {
    transform: rotateZ(0deg);
  }
  .total-duty-view .duty-imageing-item .ion-android-settings {
    position: absolute;
    left: 20px;
    bottom: 4px;
    border-radius: 50px;
    padding: 1px 5px;
    font-size: 18px;
    color: #000;
    top: auto;
  }
  .total-duty-view .duty-imageing-item .ion-clock {
    position: absolute;
    left: 0px;
    bottom: 2px;
    color: #02b65e;
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 18px;
  }
  .voip-context {
    top: 70px;
  }
  .voip-context.dark-theme .content-context {
    height: 510px;
    padding: 5px;
  }
  .voip-context.dark-theme .content-context .tab-container > label {
    font-size: 12px;
  }
  .voip-context.dark-theme .content-context .content-container > div > div > div {
    height: 440px;
  }
}
.background-gray-feshfeshe {
  background: #a2adb5;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a2adb5 0%, #62757c 10%, #424e54 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2adb5', endColorstr='#424e54', GradientType=0);
}
.background-violet-flasher {
  /*animation-name: background-violet-flasher;
    animation-duration: 3s;
    animation-iteration-count: infinite;*/
  background: #1d9183;
  background: linear-gradient(to bottom, #1d9183 0%, #105148 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9183', endColorstr='#105148', GradientType=0);
}
@keyframes background-violet-flasher {
  0% {
    background: #1d9183;
    background: linear-gradient(to bottom, #1d9183 0%, #105148 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9183', endColorstr='#105148', GradientType=0);
  }
  50% {
    background: rgba(29, 145, 131, 0.9);
    /* Old browsers */
  }
  100% {
    background: #1d9183;
    background: linear-gradient(to bottom, #1d9183 0%, #105148 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9183', endColorstr='#105148', GradientType=0);
  }
}
.background-gradiant-red-gray {
  background: #ff7063;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff7063 0%, #af2d2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7063', endColorstr='#af2d2d', GradientType=0);
  /* IE6-9 */
  color: #ffffff !important;
}
.background-gradiant-red-gray > td {
  color: #ffffff !important;
}
.background-gradiant-blue-gray {
  background: #4370d4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4370d4 1%, #36549b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4370d4', endColorstr='#36549b', GradientType=0);
  /* IE6-9 */
}
.background-gradiant-blue-gray > td {
  color: #ffffff !important;
}
.printable-element,
.colspan-to-print {
  display: none;
}
.three-radio-button {
  margin: auto;
  margin-bottom: 20px;
}
.three-radio-button.g {
  width: 385px;
}
.three-radio-button.g span {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 20px solid #fceabb;
  position: absolute;
  top: 37px;
  transition: all 0.5s ease-in-out;
}
.three-radio-button.g span.all {
  left: 185px;
}
.three-radio-button.g span.without {
  left: 80px;
}
.three-radio-button.g span.with {
  left: 280px;
}
.three-radio-button.is-g {
  width: 282px;
}
.three-radio-button.is-g span {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 20px solid #fceabb;
  position: absolute;
  top: 37px;
  transition: all 0.5s ease-in-out;
}
.three-radio-button.is-g span.all {
  left: 134px;
}
.three-radio-button.is-g span.without {
  left: 58px;
}
.three-radio-button.is-g span.with {
  left: 205px;
}
.three-radio-button > div {
  position: relative;
  background: rgba(0, 0, 0, 0.4);
  /* Old browsers */
  border-radius: 15px;
  padding: 10px;
  height: 60px;
  text-align: center;
  border: 2px solid #fceabb;
}
.three-radio-button > div > label {
  display: inline-block;
  padding: 2px 5px;
  background: rgba(255, 255, 255, 0.3);
  font-size: 14px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  font-weight: 100;
  direction: rtl;
}
.three-radio-button > div > label.selected {
  background: #f7c851;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f7c851 0%, #fceabb 50%, #fceabb 50%, #f7c851 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c851', endColorstr='#f7c851', GradientType=0);
  /* IE6-9 */
  color: #000;
}
.three-radio-button > div > label:hover {
  background: #a88837;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a88837 0%, #c9bb97 53%, #c49f40 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a88837', endColorstr='#c49f40', GradientType=0);
  /* IE6-9 */
}
.hotspot-view .input-container-item {
  padding: 20px;
}
.hotspot-view .input-container-item > div {
  padding: 20px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  border: 2px solid #1F9D90;
  height: 750px;
}
.hotspot-view .input-container-item > div textarea {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  border: 1px solid #eee;
  direction: rtl;
  text-align: right;
}
.hotspot-view .input-container-item > div .search-input {
  width: 100%;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 26%, #fccd4d 26%, #f8b500 84%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.hotspot-view .input-container-item > div .big-form-group {
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #333;
  border-radius: 5px;
}
.hotspot-view .input-container-item > div .checkbox > label {
  padding: 5px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
}
.hotspot-view .input-container-item > div .tools {
  padding: 20px;
  background: rgba(0, 0, 0, 0.6);
}
.hotspot-view .input-container-item > div .tools span {
  display: inline-block;
  padding: 0 2px 3px 2px;
  margin: 0 2px;
  border-radius: 5px;
  cursor: pointer;
}
.hotspot-view .input-container-item > div .tools span.usernam {
  color: #8FB800;
  border: 1px solid #8FB800;
}
.hotspot-view .input-container-item > div .tools span.pass {
  color: #E75555;
  border: 1px solid #E75555;
}
.hotspot-view .input-container-item > div .tools span.enter {
  color: #ffffff;
  border: 1px solid #ffffff;
  padding-bottom: 0;
}
.hotspot-view .input-container-item > div .tools span.enter svg {
  fill: #ffffff;
  vertical-align: middle;
}
.hotspot-view .input-container-item > div .tools span:hover {
  color: #fff;
  border: 1px solid #fff;
}
.hotspot-view .btn-container {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
}
.hotspot-view .hotspot-list-container {
  padding: 20px;
}
.hotspot-view .hotspot-list-container > div {
  padding: 20px;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid #1F9D90;
}
.hotspot-view .hotspot-btn-filter {
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
  background: #e2e2e2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
  cursor: pointer;
  text-align: center;
  color: #000000 !important;
  direction: rtl;
}
.hotspot-view .hotspot-btn-filter:hover {
  background: #ebe9f9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #c1bfea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe9f9', endColorstr='#c1bfea', GradientType=0);
  /* IE6-9 */
}
.hotspot-view .hotspot-btn-filter.selected {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  /* IE6-9 */
}
.hotspot-view .deleted-item {
  background: rgba(188, 2, 2, 0.6);
}
.coupon-view .service-list-container {
  background: rgba(0, 0, 0, 0.8);
}
.coupon-view .service-list-container .list {
  background: rgba(0, 0, 0, 0.8);
  height: 280px;
  overflow-y: auto;
}
.coupon-view .service-list-container .list li {
  display: inline-block;
  width: 100%;
  padding: 3px;
}
.coupon-view .service-list-container .list li div {
  background: #35ffe7;
  background: linear-gradient(to bottom, #35ffe7 2%, #25b29f 13%, #1f9686 82%, #0e473f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35ffe7', endColorstr='#0e473f', GradientType=0);
  color: #fff;
  padding: 7px;
  border-radius: 3px;
}
.coupon-view .service-list-container .list li div.selected {
  background: #fceabb;
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 26%, #fccd4d 26%, #f8b500 84%, #fbdf93 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
  color: #000;
}
.coupon-view .show-detailbtn {
  padding: 3px;
  border-radius: 3px;
  background-color: #1F9D90;
  width: 24px;
  height: 24px;
  fill: #ffffff;
  cursor: pointer;
  margin-top: 5px;
}
.coupon-view .show-detailbtn:hover {
  opacity: 0.8;
}
.coupon-view .show-hammerbtn {
  padding: 3px;
  border-radius: 3px;
  background-color: #8FB800;
  width: 24px;
  height: 24px;
  fill: #ffffff;
  cursor: pointer;
  margin-top: 5px;
}
.coupon-view .show-hammerbtn:hover {
  opacity: 0.8;
}
.coupon-view .show-detail {
  padding: 3px;
  border-radius: 3px;
  background-color: #DEB71B;
  width: 24px;
  height: 24px;
  fill: #ffffff;
  cursor: pointer;
  margin-top: 5px;
}
.coupon-view .show-detail:hover {
  opacity: 0.8;
}
.coupon-view .coupon-detail-table tbody {
  background-color: #fff !important;
}
.coupon-view .coupon-detail-table tbody td {
  text-align: center !important;
  color: #000 !important;
}
.coupon-view .coupon-detail-table thead {
  background: #28ccb8;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #28ccb8 0%, #1f9d90 5%, #1f9d90 88%, #1f9d90 88%, #0f4f47 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ccb8', endColorstr='#0f4f47', GradientType=0);
  /* IE6-9 */
}
.coupon-view .coupon-detail-table thead th {
  color: #fff !important;
}
.coupon-view .border-line-container > span {
  display: inline-block;
  width: 100%;
  height: 5px;
  background-color: #333;
  border-bottom: 1px solid #fff;
  margin-bottom: 40px;
}
.coupon-view .coupon-chopped-filter-container > div > div {
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #333;
  margin-bottom: 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
}
.coupon-view .coupon-chopped-filter-container > div > div > div {
  text-align: center !important;
}
.coupon-view .coupon-chopped-item {
  padding: 10px;
}
.coupon-view .coupon-chopped-item > div {
  background-size: 100%;
  transform: rotateZ(-15deg);
}
.coupon-view .coupon-chopped-item > div.un-used {
  background-image: url(/Content/Images/coupon-green.png);
}
.coupon-view .coupon-chopped-item > div.used {
  background-image: url(/Content/Images/coupon-red.png);
}
.coupon-view .coupon-chopped-item > div > div {
  text-align: center;
  padding: 26px;
}
.coupon-view .coupon-chopped-item > div > div label {
  display: block;
  margin: 0;
  text-shadow: 0 0 2px #000;
}
.coupon-view .coupon-chopped-item > div > div > span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-family: Times New Roman;
  direction: rtl;
  text-shadow: 0 0 2px #000;
  color: #ffd232 !important;
}
.coupon-view .coupon-chopped-item > div > div i {
  position: absolute;
}
.coupon-view .coupon-chopped-item > div > div i.info {
  height: 18px;
  text-align: center;
  display: inline-block;
  padding: 5px;
  border-radius: 20px;
  border: 2px solid #fff;
  line-height: 5px;
  left: 23px;
  bottom: 17px;
  color: #fff;
}
.coupon-view .coupon-chopped-item > div > div i.info > div {
  transform: rotateZ(15deg);
  position: absolute;
  display: none;
  background-color: #fff;
  z-index: 100000;
  width: 190px;
  left: -14px;
  bottom: 12px;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #fdbe39;
}
.coupon-view .coupon-chopped-item > div > div i.info > div h5 {
  font-size: 12px;
  padding: 5px;
  text-align: center;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
  color: #fff !important;
}
.coupon-view .coupon-chopped-item > div > div i.info > div.show {
  display: block;
}
.coupon-view .coupon-chopped-item > div > div i.info > div ul {
  padding: 7px;
  background-color: #eee;
}
.coupon-view .coupon-chopped-item > div > div i.info > div ul li {
  color: #000 !important;
  direction: rtl;
  border-bottom: 1px solid #959595;
  padding-top: 3px;
}
.coupon-view .coupon-chopped-item > div > div i.info > div ul li > div {
  height: 20px;
  text-align: center;
  color: #000 !important;
}
.coupon-view .coupon-chopped-item > div > div i.info > div ul li > div span {
  color: #1F9D90 !important;
  font-size: 12px;
}
.coupon-view .coupon-chopped-item > div > div i.used-date {
  background-color: #fff;
  left: 36px;
  top: 8px;
  color: #000;
  /* transform: rotateZ(-50deg); */
  font-size: 12px;
  padding: 0 5px;
  font-style: normal;
  font-weight: 700;
}
.coupon-view .coupon-detail-spend-table thead {
  background-color: #8FB800;
}
.coupon-view .coupon-detail-spend-table thead tr th {
  color: #fff;
}
.coupon-view .coupon-detail-spend-table tbody {
  background-color: #fff;
}
.coupon-service-container {
  padding: 0 20px 20px 20px;
}
.coupon-service-container > div {
  border-radius: 5px;
  border: 2px solid #E75555;
  padding: 5px 20px 20px 20px;
  margin-bottom: 20px;
}
.coupon-service-container > div h6 {
  color: #1F9D90;
  display: inline-block;
  border-bottom: 2px solid #1F9D90;
  padding-bottom: 5px;
}
.coupon-service-container > div ul li {
  color: #000;
}
.coupon-container {
  transition: all 0.5s ease-in-out;
  max-height: 0;
  overflow-y: auto;
}
.coupon-container.open {
  max-height: 215px;
}
.coupon-container ul {
  padding: 5px;
  background: rgba(255, 255, 255, 0.2);
}
.coupon-container ul li {
  padding: 5px;
  /*border: 1px solid @dark-green;*/
  display: block;
  /*background:rgba(0,0,0,0.4);*/
  position: relative;
  background-image: url(/Content/Images/CouponDarkBack.png);
  background-size: 270px 100px;
  width: 270px;
  height: 100px;
}
.coupon-container ul li > div {
  position: absolute;
  width: 180px;
  top: 20px;
}
.coupon-container ul li > div label {
  color: #000 !important;
  font-size: 14px;
}
.coupon-container ul li > div label span {
  color: #045147 !important;
  font-size: 14px;
  font-family: Times New Roman;
}
.coupon-container ul li > section {
  transform: rotateZ(-90deg);
  position: absolute;
  right: -14px;
  top: 25px;
}
.coupon-container ul li > section h5 {
  text-align: center;
  color: #E75555;
  font-weight: 700;
}
.coupon-container ul li > section h6 {
  font-weight: 700;
  text-align: center;
  color: #DEB71B;
}
.coupon-container ul li > label {
  position: absolute;
  left: -8px;
  top: -16px;
  background: #959595;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 14%, #010101 50%, #0a0a0a 53%, #4e4e4e 91%, #383838 95%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
  color: #fff;
  border-radius: 3px 15px 0 0;
  padding: 0px 10px 0 5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  color: #DEB71B !important;
}
.coupon-container ul li > label:hover {
  background: #8f6b4e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #8f6b4e 0%, #0d0d0d 14%, #010101 50%, #0a0a0a 53%, #8f6b4e 91%, #383838 95%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f6b4e', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.coupon-container ul li.has-service {
  margin-top: 20px;
}
.info-tooltip {
  background: #1d8f81;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #1d8f81 0%, #12564d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d8f81', endColorstr='#12564d', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  border: 1px solid #ffffff;
  width: 25px;
  display: inline-block;
  height: 25px;
  line-height: 20px;
  border-radius: 40px;
  position: relative;
  color: #ffffff;
}
.info-tooltip > div {
  position: absolute;
  left: 2px;
  top: 20px;
  z-index: 100;
  background-color: #000000;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #DEB71B;
  width: 265px;
  overflow: auto;
}
.info-tooltip > div > ul li {
  padding: 3px;
  color: #fff;
}
.hover-info {
  position: relative;
}
.hover-info svg {
  width: 24px;
  height: 24px;
  fill: #DEB71B;
  vertical-align: middle;
}
.hover-info span {
  padding: 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #ffffff;
  position: absolute;
  top: 24px;
  right: 0;
  display: none;
  width: 220px;
  z-index: 100;
}
.hover-info:hover span {
  display: block;
}
.signature {
  text-align: left;
  direction: ltr;
  position: relative;
  /*div {
        position: absolute;
        left: 0;
        top: 0;
        width: 250px;
        height: 120px;
        background: transparent;
    }*/
}
.signature img {
  width: 80px;
  margin-left: 20px;
}
@media screen and (min-width: 1366px) {
  @-moz-document url-prefix() {
    .service-info-view .page-control-tools {
      position: fixed;
      width: 24%;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 5px;
      right: 0.5%;
      top: 54px;
      padding: 10px 25px 10px 25px;
      z-index: 100;
    }
    .service-info-view .user-view {
      position: fixed;
      right: 10px;
      top: 230px;
    }
  }
}
@media screen and (max-width: 1280px) {
  .customer-service-payment-report-table-container {
    height: 900px;
  }
  .spring-back {
    width: 438px;
    height: 100px;
  }
  .spring-back > div {
    /*background-image: url(/Content/Images/SpringBackGround.png);*/
    background-size: 430px 154px;
    width: 100%;
    height: 120%;
    background-position-y: -19px;
    background-repeat: no-repeat;
  }
  .spring-back > div > div {
    width: 350px;
    height: 140px;
    margin-right: 100px;
    float: right;
    background-image: url(/Content/Images/Birds.gif);
    background-size: 343px 130px;
  }
  .service-view .reseller-service .reseller-selector {
    padding: 20px;
    padding-top: 5px;
    margin-bottom: 20px !important;
    border-radius: 5px;
  }
  .service-view .reseller-service .all-service-item {
    background: rgba(0, 0, 0, 0.3);
    min-height: 300px;
    margin-bottom: 30px;
    /*.service-item:hover {
                .preview {
                    display: block;
                }
            }*/
  }
  .service-view .reseller-service .all-service-item h3 {
    margin-top: 10px;
    margin-right: 20px;
  }
  .service-view .reseller-service .all-service-item .service-item {
    padding: 10px;
    padding-right: 40px;
    /*position:relative;*/
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0);
    right: 14px;
    top: 12px;
    z-index: 100;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span {
    /* Safari */
    transition: all 0.6s ease;
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 0;
    width: 0;
    cursor: pointer;
    opacity: 0.8;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span:hover {
    box-shadow: 0 0 3px 3px #FFCB52;
    opacity: 1;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-ho {
    background: #c4334b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-bu {
    background: #ff264a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-de {
    background: #ff603d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.ad-ho {
    background: #fdbe39;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.ad-bu {
    background: #28ffbe;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover {
    box-shadow: 0 0 7px 6px #FFCB52;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span {
    font-size: 12px;
    opacity: 1;
    width: 100px;
    padding-right: 5px;
    border-radius: 3px;
    border: 1px solid;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-ho {
    top: -33px;
    left: -66px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-bu {
    top: -10px;
    left: -104px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-de {
    top: 12px;
    left: -106px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.ad-ho {
    top: 37px;
    left: -101px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.ad-bu {
    top: 60px;
    left: -66px;
  }
  .service-view .reseller-service .all-service-item .service-item .preview {
    position: absolute;
    display: none;
    width: 100%;
    background: #000000;
    border: 1px solid;
    z-index: 102;
  }
  .service-view .reseller-service .all-service-item .service-item .preview > h3 {
    font-size: 12px;
  }
  .service-view .reseller-service .all-service-item .service-item .preview > div > div {
    direction: rtl;
  }
  .service-view .reseller-service .all-service-item .service-item .preview > div > div > label {
    direction: rtl;
    font-size: 12px;
  }
  .service-view .reseller-service .all-service-item .service-item > div {
    padding: 5px;
    border: 2px solid #fff;
    border-right: none;
    border-radius: 3px;
    opacity: 0.8;
    cursor: pointer;
  }
  .service-view .reseller-service .all-service-item .service-item > div > h4 {
    text-align: center;
    margin-bottom: 0;
    padding: 5px;
    font-size: 12px;
    background: #0de5c8;
    background: linear-gradient(to bottom, #0de5c8 2%, #09a590 45%, #09a590 53%, #0de2c6 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0de5c8', endColorstr='#0de2c6', GradientType=0);
    text-shadow: 0px 0px 10px #333333;
    height: 23px;
    line-height: 14px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    direction: rtl;
  }
  .service-view .reseller-service .all-service-item .service-item > div:hover:before {
    box-shadow: 0 0 7px 6px #FFCB52;
  }
  .service-view .reseller-service .all-service-item .service-item > div > h4::before {
    position: absolute;
    display: inline-block;
    content: "";
    background-size: 44px;
    width: 43px;
    height: 38px;
    right: 10px;
    z-index: 10;
    border-radius: 20px;
    top: 13px;
  }
  .service-view .reseller-service .all-service-item .service-item div:hover {
    opacity: 1;
  }
  .service-view .reseller-service .all-service-item .service-item-prv-show-rigth {
    display: block !important;
    right: -100%;
  }
  .service-view .reseller-service .all-service-item .service-item-prv-show-left {
    display: block !important;
    right: 100%;
  }
  .service-view .reseller-service .all-service-item .ex-service-item h4::before {
    background-image: url('/Content/Images/biconEx.png');
  }
  .service-view .reseller-service .all-service-item .basic-service-item h4::before {
    background-image: url('/Content/Images/bicon.png');
  }
  .service-view .reseller-service .all-service-item .feshfeshe-service-item h4::before {
    background-image: url('/Content/Images/Feshicon.png');
  }
  .service-view .reseller-service .basket-container {
    position: relative;
    float: left !important;
  }
  .service-view .reseller-service .basket-container > div {
    position: absolute;
    cursor: pointer;
  }
  .service-view .reseller-service .basket-container > div.global-basket {
    height: 500px;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 0 0 20px 20px;
    border-top: none;
    padding-top: 35px;
    overflow-y: auto;
  }
  .service-view .reseller-service .basket-container > div.global-basket > div > div > label {
    position: absolute;
    top: -20px;
    left: -10px;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    padding: 0 5px 0 5px;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home {
    background: #c4334b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home > label {
    background-color: #c4334b;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home .droped-preview {
    background: #c4334b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business {
    background: #ff264a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business > label {
    background-color: #ff264a;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business .droped-preview {
    background: #ff264a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated {
    background: #ff603d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated > label {
    background-color: #ff603d;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated .droped-preview {
    background: #ff603d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home {
    background: #fdbe39;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home > label {
    background-color: #fdbe39;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home .droped-preview {
    background: #fdbe39;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business {
    background: #28ffbe;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business > label {
    background-color: #28ffbe;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business .droped-preview {
    background: #28ffbe;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .nominal-speed-filter {
    margin-bottom: 20px;
    margin-top: 20px;
    border: 2px solid;
    border-radius: 5px 5px 0 0;
    padding-top: 10px;
    background: rgba(0, 0, 0, 0.5);
    border-bottom: none;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul {
    height: 100px;
    overflow-x: auto;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul > li {
    display: inline-block;
    direction: rtl;
    text-align: center;
    margin-top: 0;
    border-radius: 3px;
    color: #fff;
    background: #959595;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
    border: 1px solid;
    cursor: pointer;
    opacity: 0.6;
    margin-left: 5px;
    margin-bottom: 3px;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul > li:hover {
    opacity: 1;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul > li.select {
    opacity: 1;
  }
  .service-view .reseller-service .lable-container {
    position: absolute;
    right: 43px;
    /*z-index:-100;*/
  }
  .service-view .reseller-service .lable-container > div {
    cursor: pointer;
    margin-bottom: 20px;
    /* Safari */
    transition: all 0.6s ease;
    background-repeat: no-repeat;
    z-index: -100;
  }
  .service-view .reseller-service .lable-container > div > p {
    margin-top: -20px;
    /* Safari */
    transition: all 0.5s ease-in-out;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-basic {
    display: inline-block;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.7);
    padding: 0 5px 0 5px;
    opacity: 0;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-basic > span {
    display: inline-block;
    text-align: center;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-extra {
    opacity: 0;
    display: inline-block;
    background: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    padding: 0 5px 0 5px;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-extra > span {
    display: inline-block;
    text-align: center;
  }
  .service-view .reseller-service .lable-container > div:hover {
    /*opacity: 0.8;*/
  }
  .service-view .reseller-service .lable-container > div.wireless-home {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    line-height: 47px;
    font-size: 11px;
    display: inline-block;
    background-image: url('/Content/Images/GreenLableLight.png');
  }
  .service-view .reseller-service .lable-container > div.wireless-business {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    line-height: 47px;
    font-size: 11px;
    display: inline-block;
    background-image: url('/Content/Images/RedLable.png');
  }
  .service-view .reseller-service .lable-container > div.wireless-dedicated {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/blueLable.png');
  }
  .service-view .reseller-service .lable-container > div.adsl-home {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/YellowLable.png');
  }
  .service-view .reseller-service .lable-container > div.adsl-business {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/VioletLable.png');
  }
  .service-view .reseller-service .lable-container > div.all-baskets {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/GrayLable.png');
  }
  .service-view .reseller-service .lable-container > div.select {
    width: 148px;
    height: 80px;
    background-size: 190px 80px;
    font-size: 14px;
  }
  .service-view .reseller-service .lable-container > div.select p {
    margin-top: 0;
  }
  .service-view .reseller-service .lable-container > div.select p .basket-type-count-basic {
    opacity: 1;
  }
  .service-view .reseller-service .lable-container > div.select p .basket-type-count-extra {
    opacity: 1;
  }
  .service-view .reseller-service .lable-container > div.global-basket {
    height: 500px;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 0 0 20px 20px;
    border-top: none;
    padding-top: 20px;
  }
  .service-view #addingServiceOptions {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
  }
  .service-view #addingServiceOptions > div {
    display: none;
    position: absolute;
    left: 35%;
    top: 15%;
    width: 30%;
    height: 620px;
    background-color: #eeeeee;
    border-radius: 5px;
    border: 1px solid #fff;
  }
  .service-view #addingServiceOptions > div > div {
    padding-left: 20px;
    padding-right: 20px;
  }
  .service-view #addingServiceOptions > div > div .option-item {
    padding: 10px;
    /*background:rgba(0,0,0,0.5);*/
    border-bottom: 1px solid #808080;
    border-radius: 3px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
    background: #4c4c4c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
  }
  .service-view #addingServiceOptions > div > div .option-item > div:first-child {
    border-left: 1px solid #808080;
  }
  .service-info-view .main-search-box {
    margin: auto;
    float: none !important;
    margin-top: 100px;
  }
  .service-info-view .page-control-tools {
    position: absolute;
    width: 34.5%;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    right: 0;
    top: 0;
    padding: 10px 25px 10px 25px;
    /*z-index: 100;*/
  }
  .service-info-view .page-control-tools .go-to-rotate {
    height: 35px;
    line-height: 37px;
    opacity: 0.7;
  }
  .service-info-view .page-control-tools .go-to-rotate .ion-ios-loop-strong {
    font-size: 20px;
  }
  .service-info-view .page-control-tools .go-to-rotate:hover {
    opacity: 1;
  }
  .service-info-view .page-control-tools .select-other-customer-service {
    height: 35px;
    line-height: 37px;
    background: #ce591a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ce591a 0%, #913a12 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce591a', endColorstr='#913a12', GradientType=0);
    /* IE6-9 */
    opacity: 0.7;
  }
  .service-info-view .page-control-tools .select-other-customer-service > i {
    font-size: 20px;
  }
  .service-info-view .page-control-tools .select-other-customer-service:hover {
    opacity: 1;
  }
  .service-info-view .page-control-tools .cube-controls-tools > div > div {
    text-align: center;
    padding: 10px;
    cursor: move;
    opacity: 0.7;
    font-size: 11px;
  }
  .service-info-view .page-control-tools .cube-controls-tools > div > div:hover {
    opacity: 1;
  }
  .service-info-view .page-control-tools .cube-controls-tools > div > div.selected {
    opacity: 1;
  }
  .service-info-view .main-service-view-content-container {
    /*////////////////////////////////////////*/
  }
  .service-info-view .main-service-view-content-container section > div > figure > span {
    transition: all 1s ease-in-out;
  }
  .service-info-view .main-service-view-content-container section > div > figure > span.font-26 {
    font-size: 15px;
  }
  .service-info-view .main-service-view-content-container section > div > figure > span.small-text-title {
    font-size: 12px !important;
  }
  .service-info-view .main-service-view-content-container section > div > figure #online24Chart {
    width: 95%;
    height: 530px;
  }
  .service-info-view .main-service-view-content-container section > div.selected {
    transform: translateZ(100px) translateY(-4px) translateX(7px) rotateX(0) rotateZ(0deg) rotateY(0) !important;
  }
  .service-info-view .main-service-view-content-container section:nth-child(2) > div {
    /*transform: translateZ(-364px) translateY(784px) translateX(-818px) rotateX(-60deg) rotateZ(21deg) rotateY(104deg);*/
    transform: translateZ(-1450px) translateY(80px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(2) > div.hover {
    transform: translateZ(-1450px) translateY(65px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(2) > div .front-edge {
    /*background-color:red;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(2) > div .up-edge {
    /*background-color:lightcoral;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(2) > div > figure > span {
    right: 0;
  }
  .service-info-view .main-service-view-content-container section:nth-child(3) > div {
    /*transform: translateZ(-700px)translateY(240px) translateX(-250px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-1400px) translateY(90px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(3) > div.hover {
    transform: translateZ(-1400px) translateY(75px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(3) > div .front-edge {
    /*background-color:green;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(3) > div .up-edge {
    /*background-color:darkolivegreen;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(3) > div > figure > span {
    right: 110px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(4) > div {
    /*transform: translateZ(-700px)translateY(280px) translateX(-200px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-1350px) translateY(100px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(4) > div.hover {
    transform: translateZ(-1350px) translateY(85px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(4) > div .front-edge {
    /*background-color:blue;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(4) > div .up-edge {
    /*background-color:lightseagreen;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(4) > div > figure > span {
    right: 220px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(5) > div {
    /*transform: translateZ(-700px)translateY(320px) translateX(-150px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-1300px) translateY(110px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(5) > div.hover {
    transform: translateZ(-1300px) translateY(95px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(5) > div .front-edge {
    /*background-color:grey;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(5) > div .up-edge {
    /*background-color:lightgray;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(5) > div > figure > span {
    right: 330px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(6) > div {
    /*transform: translateZ(-700px)translateY(360px) translateX(-100px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-1250px) translateY(120px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(6) > div.hover {
    transform: translateZ(-1250px) translateY(105px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(6) > div > figure > span {
    right: 435px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(7) > div {
    /*transform: translateZ(-700px)translateY(400px) translateX(-50px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-1200px) translateY(130px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(7) > div.hover {
    transform: translateZ(-1200px) translateY(115px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(7) > div > figure > span {
    right: 540px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(8) > div {
    /*transform: translateZ(-700px)translateY(440px) translateX(0px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-1150px) translateY(140px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(8) > div.hover {
    transform: translateZ(-1150px) translateY(125px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(8) > div > figure > span {
    right: 640px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(9) > div {
    /*transform: translateZ(-700px)translateY(480px) translateX(50px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-1100px) translateY(150px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(9) > div.hover {
    transform: translateZ(-1100px) translateY(135px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(9) > div > figure > span {
    right: 8px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(10) > div {
    /*transform: translateZ(-700px)translateY(520px) translateX(100px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-1050px) translateY(160px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(10) > div.hover {
    transform: translateZ(-1050px) translateY(145px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(10) > div > figure > span {
    right: 110px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(11) > div {
    /*transform: translateZ(-700px)translateY(560px) translateX(150px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-1000px) translateY(170px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(11) > div.hover {
    transform: translateZ(-1000px) translateY(155px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(11) > div > figure > span {
    right: 220px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(12) > div {
    /*transform: translateZ(-700px)translateY(600px) translateX(200px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-950px) translateY(180px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(12) > div.hover {
    transform: translateZ(-950px) translateY(165px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(12) > div > figure > span {
    right: 330px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(13) > div {
    /*transform: translateZ(-700px)translateY(640px) translateX(250px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-900px) translateY(190px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(13) > div.hover {
    transform: translateZ(-900px) translateY(175px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(13) > div > figure > span {
    right: 440px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(14) > div {
    /*transform: translateZ(-700px)translateY(680px) translateX(300px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-850px) translateY(200px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(14) > div.hover {
    transform: translateZ(-850px) translateY(185px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(14) > div > figure > span {
    right: 550px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(15) > div {
    /*transform: translateZ(-700px)translateY(680px) translateX(300px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-800px) translateY(210px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(15) > div.hover {
    transform: translateZ(-850px) translateY(195px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(15) > div > figure > span {
    right: 660px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(16) > div {
    /*transform: translateZ(-700px)translateY(680px) translateX(300px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-750px) translateY(220px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(16) > div.hover {
    transform: translateZ(-750px) translateY(205px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(16) > div > figure > span {
    right: 0;
  }
  .service-info-view .main-service-view-content-item {
    width: 100%;
    height: 100%;
    position: relative;
    perspective: 3000px;
  }
  .service-info-view .main-service-view-content-item > div {
    width: 97.5%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    text-align: center;
  }
  .service-info-view .main-service-view-content-item > div > figure {
    margin: 0;
    width: 95%;
    height: 99%;
    display: block;
    position: absolute;
    border: 2px solid black;
    border: none;
    transition: all 1s ease-in-out;
  }
  .service-info-view .main-service-view-content-item > div > figure > span {
    width: 120px;
    height: 40px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    position: absolute;
    /* left: -26px; */
    right: 10px;
    top: -41px;
    border-radius: 5px 5px 0 0px;
    border: 2px solid #fff;
    border-bottom: none;
    background-color: #DEB71B;
    font-size: 23px;
    cursor: pointer;
    transition: all 1s ease-in-out;
  }
  .service-info-view .main-service-view-content-item > div > figure > h4 {
    text-align: center;
    height: 50px;
    line-height: 50px;
  }
  .service-info-view .main-service-view-content-item > div > figure.front-edge {
    transform: rotateY(0deg) translateZ(25px);
    height: 900px;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
  }
  .service-info-view .main-service-view-content-item > div > figure.back-edge {
    transform: rotateX(180deg) translateZ(25px);
    height: 800px;
  }
  .service-info-view .main-service-view-content-item > div > figure.rigth-edge {
    transform: rotateY(90deg) translateZ(966px);
    height: 800px;
    width: 50px;
    background: rgba(0, 0, 0, 0.8);
  }
  .service-info-view .main-service-view-content-item > div > figure.left-edge {
    transform: rotateY(-90deg) translateZ(25px);
    height: 800PX;
    width: 50px;
    background: rgba(0, 0, 0, 0.8);
  }
  .service-info-view .main-service-view-content-item > div > figure.up-edge {
    transform: rotateX(90deg) translateZ(25px);
    height: 50px;
    background: #0eaf9d;
    cursor: pointer;
  }
  .service-info-view .main-service-view-content-item > div > figure.up-edge > h2 {
    height: 50px;
    line-height: 50px;
    padding-right: 30px;
    font-size: 36px;
    font-weight: bold;
    color: #FFE433;
  }
  .service-info-view .main-service-view-content-item > div > figure.down-edge {
    transform: rotateX(-90deg) translateZ(1195px);
    height: 50px;
  }
  .service-info-view .main-service-view-content-item > div.selected {
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-item > div.selected > figure.front-edge {
    background: rgba(0, 0, 0, 0.9);
    width: 111%;
    height: 1000px;
  }
  .service-info-view .main-service-view-content-item > div.selected > figure.front-edge span {
    opacity: 1;
  }
  .service-info-view .main-service-view-content-item > div.selected > figure.up-edge {
    width: 76%;
  }
  .service-info-view .user-view {
    position: absolute;
    right: 25px;
    top: 85px;
  }
  .service-info-view .user-view section {
    width: 300px;
    height: 300px;
    position: relative;
    perspective: 2000px;
    transition: all 1s ease-in-out;
  }
  .service-info-view .user-view section > div {
    width: 97.5%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
    transform: translateZ(-1000px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
    text-align: center;
  }
  .service-info-view .user-view section > div.default {
    transition: all 15s ease-in-out;
  }
  .service-info-view .user-view section > div.select-section {
    transition: all 1s ease-in-out;
  }
  .service-info-view .user-view section > div.hover {
    transition: all 0.5s ease-in-out;
  }
  .service-info-view .user-view section > div > span {
    display: inline-block;
    width: 50px;
    height: 110px;
    background-image: url(/Content/Images/topArrow.png);
    background-repeat: no-repeat;
    opacity: 0;
  }
  .service-info-view .user-view section > div > span.left-right {
    transform: translateY(-7px) translateX(40px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .user-view section > div > span.front-back {
    transform: translateY(-7px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
  }
  .service-info-view .user-view section > div.rotate-0 {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .user-view section > div.rotate-180 {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(180deg);
  }
  .service-info-view .user-view section > div.rotate-360 {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(360deg);
  }
  .service-info-view .user-view section > div.front-hover {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .user-view section > div.front-hover span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.back-hover {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(180deg);
  }
  .service-info-view .user-view section > div.back-hover span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.left-hover {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(90deg);
  }
  .service-info-view .user-view section > div.left-hover span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.right-hover {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(-90deg);
  }
  .service-info-view .user-view section > div.right-hover span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.front-selected {
    transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .user-view section > div.front-selected span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.back-selected {
    transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(180deg);
  }
  .service-info-view .user-view section > div.back-selected span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.left-selected {
    transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
  }
  .service-info-view .user-view section > div.left-selected span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.right-selected {
    transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(-90deg);
  }
  .service-info-view .user-view section > div.right-selected span {
    opacity: 1;
  }
  .service-info-view .user-view section > div > figure {
    margin: 0;
    /*width: 70%;
                        height: 70%;*/
    display: block;
    position: absolute;
    /*border: 2px solid black;*/
    border: none;
  }
  .service-info-view .user-view section > div > figure > span {
    display: inline-block;
    border-radius: 2px 2px 0 0;
    width: 60px;
    text-align: center;
    height: 24px;
    line-height: 22px;
    position: absolute;
    right: 20px;
    top: 0px;
  }
  .service-info-view .user-view section > div > figure .form-group {
    margin-top: 5px;
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure .form-group label {
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure > div {
    padding: 20px;
  }
  .service-info-view .user-view section > div > figure > div > div {
    height: 470px;
  }
  .service-info-view .user-view section > div > figure > div > div .form-group {
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure > div > div .form-group h3 {
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure > div table td {
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure > div table th {
    font-size: 10px;
    padding: 2px !important;
  }
  .service-info-view .user-view section > div > figure.front-edge {
    width: 330px;
    height: 500px;
    transform: rotateY(0) translateZ(165px);
    background: rgba(0, 0, 0, 0.9);
    border: 2px solid #E75555;
  }
  .service-info-view .user-view section > div > figure.front-edge > span {
    background-color: #ba4444;
  }
  .service-info-view .user-view section > div > figure.front-edge > div > div {
    border-radius: 5px;
    background: #ba4444;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ba4444 1%, #6b2727 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba4444', endColorstr='#6b2727', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure.back-edge {
    width: 330px;
    height: 500px;
    transform: rotateY(180deg) translateZ(165px);
    background: rgba(0, 0, 0, 0.9);
    border: 2px solid #8FB800;
  }
  .service-info-view .user-view section > div > figure.back-edge > span {
    background: #658200;
  }
  .service-info-view .user-view section > div > figure.back-edge > div > div {
    border-radius: 5px;
    background: #658200;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #658200 1%, #3b4c00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#658200', endColorstr='#3b4c00', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure.rigth-edge {
    width: 330px;
    height: 500px;
    transform: rotateY(90deg) translateZ(165px);
    background: rgba(0, 0, 0, 0.9);
    border: 2px solid #1F9D90;
  }
  .service-info-view .user-view section > div > figure.rigth-edge > span {
    background-color: #1d9183;
  }
  .service-info-view .user-view section > div > figure.rigth-edge > div > div {
    border-radius: 5px;
    background: #1d9183;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1d9183 0%, #105148 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9183', endColorstr='#105148', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure.left-edge {
    width: 330px;
    height: 500px;
    transform: rotateY(-90deg) translateZ(165px);
    background: rgba(0, 0, 0, 0.9);
    border: 2px solid #DEB71B;
  }
  .service-info-view .user-view section > div > figure.left-edge > span {
    background: #b79717;
  }
  .service-info-view .user-view section > div > figure.left-edge > div > div {
    border-radius: 5px;
    background: #b79717;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b79717 0%, #6b580d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b79717', endColorstr='#6b580d', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure.left-edge > div > div #serverTraficChart {
    height: 125px !important;
  }
  .service-info-view .user-view section > div > figure.left-edge > div > div #extraTraficChart {
    height: 125px !important;
  }
  .service-info-view .user-view section > div > figure.left-edge > div > div .crm-font-small {
    font-size: 0.7em;
  }
  .service-info-view .user-view section > div > figure.bottom-edge {
    width: 330px;
    height: 330px;
    background: #124756;
    transform: rotateX(-90deg) translateZ(335px);
  }
  .service-info-view .user-view section > div > figure.top-edge {
    width: 300px;
    height: 300px;
    transform: rotateX(90deg) translateZ(150px);
    background: #000000;
  }
  .service-info-view .user-view section > div > figure .table-info {
    background: rgba(0, 0, 0, 0.7);
    width: 270px;
    margin-left: 0;
    border-radius: 3px;
    border: 1px solid #FFD221;
  }
  .service-info-view .user-view section > div > figure .table-info thead {
    background: #4c4c4c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure .table-info tbody > tr td {
    color: #FFD221 !important;
  }
  .service-info-view .user-view section > div > figure .service-usage-info-context .item {
    height: 25px;
    line-height: 25px;
    background: rgba(125, 126, 125, 0.6);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(125, 126, 125, 0.6) 0%, rgba(14, 14, 14, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(125,126,125,0.6)', endColorstr='rgba(14,14,14,0.6)', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div {
    text-align: right;
    direction: rtl;
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div.title {
    text-align: left;
    color: #DEB71B;
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div.offer-title {
    font-size: 0.7em;
  }
  .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div.info-item > label {
    font-size: 14px;
    margin: 0 !important;
  }
  .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div.info-item > span {
    font-size: 8px;
    color: #B39317;
  }
  .service-info-view .user-view section > div > figure .service-usage-info-context .item > div:nth-child(2) {
    background-color: #000000 !important;
  }
  .service-info-view .user-view section.section-left-selected-tall-tall {
    height: 700px;
  }
  .service-info-view .user-view section.section-left-selected-tall-tall > div figure > div > div {
    height: 650px;
  }
  .service-info-view .user-view section.section-right-selected-tall {
    height: 590px;
  }
  .service-info-view .user-view section.section-right-selected-tall > div figure {
    height: 590px;
  }
  .service-info-view .user-view section.section-right-selected-tall > div figure > div > div {
    height: 545px;
  }
  .service-info-view .user-view section.section-left-selected-short {
    /*height: 475px;*/
  }
  .service-info-view .user-view section.section-left-selected-short > div figure.front-edge {
    /*height: 465px !important;*/
  }
  .service-info-view .user-view section.section-left-selected-short > div figure.back-edge {
    /*height: 465px !important;*/
  }
  .service-info-view .user-view section.section-left-selected-short > div figure.rigth-edge {
    /*height: 465px !important;*/
  }
  .service-info-view .user-view section.section-left-selected-short > div figure.left-edge {
    /*height: 465px !important;*/
  }
  .service-info-view .user-view section.section-left-selected-short > div figure > div > div {
    /*height: 425px;*/
  }
  .service-info-view .user-view section.section-left-selected-tall {
    height: 580px;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure.front-edge {
    height: 580px !important;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure.back-edge {
    height: 580px !important;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure.rigth-edge {
    height: 580px !important;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure.left-edge {
    height: 580px !important;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure > div > div {
    height: 540px;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure > div > div .feshfeshe-title {
    font-size: 10px;
  }
  .service-info-view .customer-summary-information > li {
    margin-top: 7px;
  }
  .service-info-view .customer-summary-information > li.connection-data > ul {
    width: 100%;
  }
  .service-info-view .customer-summary-information > li.connection-data > ul > li {
    background: rgba(0, 0, 0, 0.6);
    width: 23%;
    display: inline-block;
    margin-top: 0;
  }
  .service-info-view .customer-summary-information > li.connection-data > ul > li > ul > li {
    margin-top: 0;
    text-align: center !important;
  }
  .service-info-view .customer-summary-information > li.customer-data > ul {
    border: 1px solid #DEB71B;
  }
  .service-info-view .customer-summary-information > li.customer-data > ul > li {
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    width: 87.5px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-top: 0;
    text-align: center;
  }
  .service-info-view .customer-summary-information > li.customer-data > ul > li > ul > li {
    text-align: center !important;
    color: #FFD221;
    padding: 5px 0;
    margin-top: 0;
    font-size: 18px;
    width: 87px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
  .service-info-view .customer-summary-information > li.customer-data > ul > li > ul > li.ul-li-title {
    background: #4c4c4c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
    padding: 5px 0;
    color: #ffffff;
    font-size: 14px;
  }
  .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul {
    border: 1px solid #DEB71B;
    height: 57px;
  }
  .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul > li {
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    width: 136px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-top: 0;
    text-align: center;
    float: right;
  }
  .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul > li > ul > li {
    text-align: center !important;
    color: #FFD221;
    padding: 5px 0;
    margin-top: 0;
    font-size: 18px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    direction: ltr;
  }
  .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul > li > ul > li.ul-li-title {
    background: #4c4c4c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
    padding: 5px 0;
    color: #ffffff;
    font-size: 14px;
  }
  .service-info-view .customer-summary-information > li.reseller-data > ul {
    width: 100%;
    border: 1px solid #DEB71B;
  }
  .service-info-view .customer-summary-information > li.reseller-data > ul > li {
    display: inline-block;
    width: 100%;
    margin-top: 0;
  }
  .service-info-view .customer-summary-information > li.reseller-data > ul > li > ul > li {
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    text-align: center !important;
    width: 185px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding: 5px 0;
    color: #ffd221;
    margin-top: 0;
    font-size: 18px;
  }
  .service-info-view .customer-summary-information > li.reseller-data > ul > li > ul > li.ul-li-title {
    width: 30%;
    color: #ffffff;
    font-size: 14px;
    background: #4c4c4c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .customer-summary-information > li.nolimit-service > ul > li {
    background: rgba(0, 0, 0, 0.6);
  }
  .service-info-view .customer-summary-information > li.nolimit-service > ul > li > ul > li {
    text-align: center !important;
  }
  .service-info-view .customer-summary-information > li.service-data {
    margin-top: 10px;
  }
  .service-info-view .customer-summary-information > li.service-data > ul {
    width: 100%;
    border: 1px solid #DEB71B;
  }
  .service-info-view .customer-summary-information > li.service-data > ul > li {
    display: inline-block;
    width: 100%;
    margin-top: 0;
  }
  .service-info-view .customer-summary-information > li.service-data > ul > li > ul > li {
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    text-align: center !important;
    width: 100%;
    padding: 5px 0;
    color: #ffd221;
    /*height: 45px;*/
    vertical-align: top;
    margin-top: 0;
    font-size: 18px;
  }
  .service-info-view .customer-summary-information > li.service-data > ul > li > ul > li.ul-li-title {
    /*width: 30%;*/
    font-size: 14px;
    color: #ffffff;
    background: #7d7e7d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .customer-summary-information ul {
    direction: rtl !important;
  }
  .service-info-view .customer-summary-information li {
    margin-right: 0 !important;
  }
  @-moz-document url-prefix() {
    .service-info-view .page-control-tools {
      position: fixed;
      width: 24%;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 5px;
      right: 0.5%;
      top: 54px;
      padding: 10px 25px 10px 25px;
      /*z-index: 100;*/
    }
    .service-info-view .user-view {
      position: fixed;
      right: 10px;
      top: 230px;
    }
    .service-info-view .main-service-view-content-container {
      /*////////////////////////////////////////*/
    }
    .service-info-view .main-service-view-content-container section > div > figure > span {
      transition: all 1s ease-in-out;
    }
    .service-info-view .main-service-view-content-container section > div > figure > span.font-26 {
      font-size: 15px;
    }
    .service-info-view .main-service-view-content-container section > div > figure > span.small-text-title {
      font-size: 12px !important;
    }
    .service-info-view .main-service-view-content-container section > div > figure #online24Chart {
      width: 95%;
      height: 530px;
    }
    .service-info-view .main-service-view-content-container section > div.selected {
      transform: translateZ(100px) translateY(-4px) translateX(7px) rotateX(0) rotateZ(0deg) rotateY(0) !important;
    }
    .service-info-view .main-service-view-content-container section:nth-child(2) > div {
      /*transform: translateZ(-364px) translateY(784px) translateX(-818px) rotateX(-60deg) rotateZ(21deg) rotateY(104deg);*/
      transform: translateZ(-1450px) translateY(80px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(2) > div.hover {
      transform: translateZ(-1450px) translateY(65px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(2) > div .front-edge {
      /*background-color:red;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(2) > div .up-edge {
      /*background-color:lightcoral;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(2) > div > figure > span {
      right: 0;
    }
    .service-info-view .main-service-view-content-container section:nth-child(3) > div {
      /*transform: translateZ(-700px)translateY(240px) translateX(-250px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1400px) translateY(90px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(3) > div.hover {
      transform: translateZ(-1400px) translateY(75px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(3) > div .front-edge {
      /*background-color:green;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(3) > div .up-edge {
      /*background-color:darkolivegreen;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(3) > div > figure > span {
      right: 110px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(4) > div {
      /*transform: translateZ(-700px)translateY(280px) translateX(-200px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1350px) translateY(100px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(4) > div.hover {
      transform: translateZ(-1350px) translateY(85px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(4) > div .front-edge {
      /*background-color:blue;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(4) > div .up-edge {
      /*background-color:lightseagreen;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(4) > div > figure > span {
      right: 220px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(5) > div {
      /*transform: translateZ(-700px)translateY(320px) translateX(-150px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1300px) translateY(110px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(5) > div.hover {
      transform: translateZ(-1300px) translateY(95px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(5) > div .front-edge {
      /*background-color:grey;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(5) > div .up-edge {
      /*background-color:lightgray;*/
    }
    .service-info-view .main-service-view-content-container section:nth-child(5) > div > figure > span {
      right: 330px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(6) > div {
      /*transform: translateZ(-700px)translateY(360px) translateX(-100px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1250px) translateY(120px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(6) > div.hover {
      transform: translateZ(-1250px) translateY(105px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(6) > div > figure > span {
      right: 435px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(7) > div {
      /*transform: translateZ(-700px)translateY(400px) translateX(-50px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1200px) translateY(130px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(7) > div.hover {
      transform: translateZ(-1200px) translateY(115px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(7) > div > figure > span {
      right: 540px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(8) > div {
      /*transform: translateZ(-700px)translateY(440px) translateX(0px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1150px) translateY(140px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(8) > div.hover {
      transform: translateZ(-1150px) translateY(125px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(8) > div > figure > span {
      right: 640px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(9) > div {
      /*transform: translateZ(-700px)translateY(480px) translateX(50px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1100px) translateY(150px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(9) > div.hover {
      transform: translateZ(-1100px) translateY(135px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(9) > div > figure > span {
      right: 8px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(10) > div {
      /*transform: translateZ(-700px)translateY(520px) translateX(100px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1050px) translateY(160px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(10) > div.hover {
      transform: translateZ(-1050px) translateY(145px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(10) > div > figure > span {
      right: 110px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(11) > div {
      /*transform: translateZ(-700px)translateY(560px) translateX(150px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-1000px) translateY(170px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(11) > div.hover {
      transform: translateZ(-1000px) translateY(155px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(11) > div > figure > span {
      right: 220px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(12) > div {
      /*transform: translateZ(-700px)translateY(600px) translateX(200px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-950px) translateY(180px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(12) > div.hover {
      transform: translateZ(-950px) translateY(165px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(12) > div > figure > span {
      right: 330px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(13) > div {
      /*transform: translateZ(-700px)translateY(640px) translateX(250px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-900px) translateY(190px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(13) > div.hover {
      transform: translateZ(-900px) translateY(175px) translateX(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(13) > div > figure > span {
      right: 440px;
    }
    .service-info-view .main-service-view-content-container section:nth-child(14) > div {
      /*transform: translateZ(-700px)translateY(680px) translateX(300px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
      transform: translateZ(-850px) translateY(200px) translateX(-40px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(14) > div.hover {
      transform: translateZ(-850px) translateY(185px) translateX(-40px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .main-service-view-content-container section:nth-child(14) > div > figure > span {
      right: 430px;
    }
  }
  .main-wizard .wizard-steps {
    height: 60px;
    direction: rtl;
  }
  .main-wizard .wizard-steps > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 50px;
    border-radius: 30px;
    border: 2px solid #ad4040;
    text-align: center;
    line-height: 47px;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ff5e5e 0%, #ff5e5e 22%, #ad4040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ad4040', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    transition: all 1s ease-in-out;
  }
  .main-wizard .wizard-steps > label > span {
    color: #1d9183;
  }
  .main-wizard .wizard-steps > label.pass {
    transform: rotateY(360deg);
    border: 2px solid #1d9183;
    background: #2ee8cf;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #2ee8cf 0%, #2ee8cf 29%, #1d9183 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ee8cf', endColorstr='#1d9183', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  .main-wizard .wizard-steps .progress-state {
    width: 100%;
    margin-top: 10px;
  }
  .main-wizard .wizard-steps .progress-state > span {
    display: inline-block;
    height: 10px;
  }
  .main-wizard .wizard-steps .progress-state > span.step1 {
    width: 20%;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff5e5e 0%, #cc4d4d 50%, #ff5e5e 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
    /* IE6-9 */
    border-radius: 0 2px 2px 0;
  }
  .main-wizard .wizard-steps .progress-state > span.step2 {
    width: 40%;
    background: #ff8c21;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff8c21 1%, #cc731a 50%, #ff8c21 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c21', endColorstr='#ff8c21', GradientType=0);
    /* IE6-9 */
  }
  .main-wizard .wizard-steps .progress-state > span.step3 {
    width: 60%;
    background: #deb71b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #deb71b 0%, #c4a219 50%, #deb71b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deb71b', endColorstr='#deb71b', GradientType=0);
    /* IE6-9 */
  }
  .main-wizard .wizard-steps .progress-state > span.step4 {
    width: 80%;
    background: #b3e500;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
    /* IE6-9 */
  }
  .main-wizard .wizard-content {
    height: 720px !important;
    position: relative;
    overflow: hidden;
  }
  .main-wizard .wizard-content > div {
    position: absolute;
    top: 0;
    right: -105%;
    height: 100%;
    width: 100%;
  }
  .main-wizard .wizard-content > div .background-gray {
    background: #eeeeee;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;
    border: 2px solid #E45A51;
  }
  .main-wizard .wizard-content > div.selected {
    right: 0;
  }
  .main-wizard .wizard-content > div .tools {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .main-wizard .wizard-content > div .tools .prv-page-btn {
    color: #ffffff !important;
  }
  .nas-info-item {
    padding: 20px;
  }
  .nas-info-item > div {
    border: 2px solid #DEB71B;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.6);
    padding: 15px;
    height: 100px;
  }
  .nas-info-item > div .title {
    color: #DEB71B;
  }
  .nas-info-item > div .title > h5 {
    text-align: center;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container {
    padding: 10px;
    padding-top: 0;
    border-radius: 5px;
    background: #4574a5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4574a5 0%, #2e4b6b 65%, #1f3349 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#1f3349', GradientType=0);
    /* IE6-9 */
    border: 2px solid #DEB81B;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps {
    direction: rtl;
    height: 105px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 50px;
    border-radius: 30px;
    text-align: center;
    line-height: 47px;
    transition: all 1s ease-in-out;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label > span {
    color: #1d9183;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.unpass {
    border: 2px solid #ad4040;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ff5e5e 0%, #ff5e5e 22%, #ad4040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ad4040', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.pass {
    transform: rotateY(360deg);
    border: 2px solid #1d9183;
    background: #2ee8cf;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #2ee8cf 0%, #2ee8cf 29%, #1d9183 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ee8cf', endColorstr='#1d9183', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.now {
    animation-name: unpass;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    border: none;
    background: #ffd221;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ffd221 0%, #ffd221 18%, #ceaa1a 66%, #917512 92%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#917512', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  @keyframes unpass {
    0% {
      opacity: 1;
      box-shadow: 0 0 4px 4px #FFE229;
    }
    50% {
      box-shadow: 0 0 0px 0px #FFE229;
      opacity: 0.4;
    }
    100% {
      box-shadow: 0 0 4px 4px #FFE229;
      opacity: 1;
    }
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state {
    width: 100%;
    margin-top: 10px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span {
    display: inline-block;
    height: 10px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step1 {
    width: 20%;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff5e5e 0%, #cc4d4d 50%, #ff5e5e 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
    /* IE6-9 */
    border-radius: 0 2px 2px 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step2 {
    width: 40%;
    background: #ff8c21;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff8c21 1%, #cc731a 50%, #ff8c21 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c21', endColorstr='#ff8c21', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step3 {
    width: 60%;
    width: 80%;
    background: #b3e500;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step4 {
    width: 80%;
    background: #b3e500;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content {
    height: 640px;
    position: relative;
    overflow: hidden;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div {
    position: absolute;
    top: 0;
    right: -105%;
    height: 100%;
    width: 100%;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div.selected {
    right: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selecter-service-table-title {
    padding: 5px;
    background-color: #1E1E1E;
    border: 2px solid #DEB81B;
    border-bottom: none;
    border-radius: 10px 3px 0 0;
    display: inline-block;
    margin-bottom: -2px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table-title {
    padding: 5px;
    background-color: #1E1E1E;
    border: 2px solid #DEB81B;
    border-bottom: none;
    border-radius: 10px 3px 0 0;
    display: inline-block;
    margin-bottom: -2px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-base-filter > div {
    background: #f6f8f9;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 26%, #d7dee3 51%, #f5f7f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
    /* IE6-9 */
    border-radius: 3px;
    border: 2px solid #d3d3d3;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .background-gray {
    background: #eeeeee;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;
    border: 2px solid #E45A51;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table {
    background: #526799;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #526799 0%, #0e0e0e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#526799', endColorstr='#0e0e0e', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;
    border: 2px solid #deb81b;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > thead > tr th {
    color: #deb81b !important;
    background: #959595;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr {
    background: #4574a5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4574a5 1%, #294460 50%, #2c4968 53%, #4574a5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#4574a5', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr > td {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr > td .ion-plus-round {
    cursor: pointer;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr:hover {
    background: #fceabb;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .remove-basket {
    display: inline-block;
    text-decoration: underline;
    font-weight: bold;
    color: #deb81b !important;
    float: left;
    cursor: pointer;
    margin: 5px;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #000;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .remove-basket svg {
    width: 20px;
    height: 20px;
    fill: #E75555;
    vertical-align: middle;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr {
    position: relative;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr .prv {
    position: absolute;
    width: 150px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    border: 2px solid #fdbe39;
    padding: 5px;
    left: 0;
    top: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr .prv > div label {
    font-size: 10px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .switch-to-discount {
    border-radius: 5px 5px 0 0;
    padding: 5px 20px;
    display: inline-block;
    background-color: #E75555;
    border-radius: 5px 0 0 5px;
    float: left;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table {
    border-radius: 5px;
    background: #1b8276;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1b8276 0%, #104f46 94%, #104f46 94%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#104f46', GradientType=0);
    /* IE6-9 */
    border: 2px solid #DEB81B;
    transition: all 0.5s ease-in-out;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > thead > tr th {
    color: #deb81b !important;
    background: #959595;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr {
    background: #1b8276;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1b8276 0%, #104f46 52%, #104f46 52%, #105448 54%, #1b8276 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#1b8276', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr > td {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr > td .ion-plus-round {
    cursor: pointer;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr:hover {
    background: #fceabb;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .discount-mode {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .prv-page-btn {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .prv-page-btn i {
    margin-left: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .next-page-btn i {
    margin-right: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv {
    padding: 40px;
    margin-top: 50px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv > h5 {
    margin-bottom: 20px;
    color: #000000 !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv > h5 > span {
    color: #E55A51 !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen {
    position: relative;
    width: 65px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox {
    display: none;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #999999;
    border-radius: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner {
    position: relative;
    height: 20px;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:before,
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
    position: absolute;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 30px;
    font-size: 15px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
    font-family: WYekan;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:before {
    content: "";
    padding-left: 11px;
    background-color: #00A600;
    color: #FFFFFF;
    right: 50%;
    text-align: left;
    width: 50%;
    height: 100%;
    display: block;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
    content: "";
    padding-right: 2px;
    padding-left: 10px;
    background: #ff5e5e;
    background: linear-gradient(to bottom, #ff5e5e 1%, #ce4c4c 48%, #ba4444 54%, #ff5e5e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
    font-size: 11px;
    right: 0;
    text-align: right;
    width: 50%;
    display: block;
    height: 100%;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:after {
    right: -50%;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:before {
    right: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-switch {
    width: 20px;
    margin: 2px;
    background: #FFFFFF;
    border: 2px solid #999999;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    transition: all 0.3s ease-in 0s;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-inner {
    margin-left: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-switch {
    right: 0px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info {
    padding: 10px;
    padding-top: 0;
    border-radius: 5px;
    background: #4574a5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4574a5 0%, #2e4b6b 65%, #1f3349 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#1f3349', GradientType=0);
    /* IE6-9 */
    border: 2px solid #DEB81B;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table {
    height: 102px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr td {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr td.td-head {
    color: #DEB81B !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change {
    animation-name: newChange;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change > td {
    color: #E75555 !important;
    font-weight: bold;
    font-size: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change > span {
    color: #E75555 !important;
    font-weight: bold;
    font-size: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .red-alarm {
    color: #E75555 !important;
    animation-name: newChange;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-header {
    background: #375c84;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #375c84 1%, #141f31 50%, #375c84 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#375c84', endColorstr='#375c84', GradientType=0);
    /* IE6-9 */
  }
}
@media screen and (max-width: 1024px) {
  .change-theme-tool {
    display: none;
  }
  .visiting-view .status-displayer {
    display: none !important;
  }
  .visiting-view .tools {
    top: -8px;
  }
  .visiting-view .tools label {
    font-size: 10px;
  }
  msg-center {
    display: none;
  }
  .spring-back {
    width: 195px;
    height: 100px;
  }
  .spring-back > div {
    /*background-image: url(/Content/Images/SpringBackGround.png);*/
    background-size: 300px 154px;
    width: 100%;
    height: 120%;
    background-position-y: -19px;
    background-repeat: no-repeat;
  }
  .spring-back > div > div {
    width: 177px;
    height: 140px;
    margin-right: 0px;
    float: right;
    background-image: url(/Content/Images/Birds.gif);
    background-size: 169px 115px;
    background-repeat: no-repeat;
  }
  .service-view .reseller-service .reseller-selector {
    padding: 20px;
    padding-top: 5px;
    margin-bottom: 20px !important;
    border-radius: 5px;
  }
  .service-view .reseller-service .all-service-item {
    background: rgba(0, 0, 0, 0.3);
    min-height: 300px;
    margin-bottom: 30px;
    /*.service-item:hover {
                .preview {
                    display: block;
                }
            }*/
  }
  .service-view .reseller-service .all-service-item h3 {
    margin-top: 10px;
    margin-right: 20px;
  }
  .service-view .reseller-service .all-service-item .service-item {
    padding: 10px;
    padding-right: 40px;
    /*position:relative;*/
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0);
    right: 14px;
    top: 12px;
    z-index: 100;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span {
    /* Safari */
    transition: all 0.6s ease;
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 0;
    width: 0;
    cursor: pointer;
    opacity: 0.8;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span:hover {
    box-shadow: 0 0 3px 3px #FFCB52;
    opacity: 1;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-ho {
    background: #c4334b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-bu {
    background: #ff264a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.wi-de {
    background: #ff603d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.ad-ho {
    background: #fdbe39;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools > span.ad-bu {
    background: #28ffbe;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover {
    box-shadow: 0 0 7px 6px #FFCB52;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span {
    font-size: 12px;
    opacity: 1;
    width: 100px;
    padding-right: 5px;
    border-radius: 3px;
    border: 1px solid;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-ho {
    top: -33px;
    left: -66px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-bu {
    top: -10px;
    left: -104px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.wi-de {
    top: 12px;
    left: -106px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.ad-ho {
    top: 37px;
    left: -101px;
  }
  .service-view .reseller-service .all-service-item .service-item .adding-tools:hover > span.ad-bu {
    top: 60px;
    left: -66px;
  }
  .service-view .reseller-service .all-service-item .service-item .preview {
    position: absolute;
    display: none;
    width: 100%;
    background: #000000;
    border: 1px solid;
    z-index: 102;
  }
  .service-view .reseller-service .all-service-item .service-item .preview > h3 {
    font-size: 12px;
  }
  .service-view .reseller-service .all-service-item .service-item .preview > div > div {
    direction: rtl;
  }
  .service-view .reseller-service .all-service-item .service-item .preview > div > div > label {
    direction: rtl;
    font-size: 12px;
  }
  .service-view .reseller-service .all-service-item .service-item > div {
    padding: 5px;
    border: 2px solid #fff;
    border-right: none;
    border-radius: 3px;
    opacity: 0.8;
    cursor: pointer;
  }
  .service-view .reseller-service .all-service-item .service-item > div > h4 {
    text-align: center;
    margin-bottom: 0;
    padding: 5px;
    font-size: 12px;
    background: #0de5c8;
    background: linear-gradient(to bottom, #0de5c8 2%, #09a590 45%, #09a590 53%, #0de2c6 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0de5c8', endColorstr='#0de2c6', GradientType=0);
    text-shadow: 0px 0px 10px #333333;
    height: 23px;
    line-height: 14px;
    width: 115px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    direction: rtl;
  }
  .service-view .reseller-service .all-service-item .service-item > div:hover:before {
    box-shadow: 0 0 7px 6px #FFCB52;
  }
  .service-view .reseller-service .all-service-item .service-item > div > h4::before {
    position: absolute;
    display: inline-block;
    content: "";
    background-size: 44px;
    width: 43px;
    height: 38px;
    right: 10px;
    z-index: 10;
    border-radius: 20px;
    top: 13px;
  }
  .service-view .reseller-service .all-service-item .service-item div:hover {
    opacity: 1;
  }
  .service-view .reseller-service .all-service-item .service-item-prv-show-rigth {
    display: block !important;
    right: -100%;
  }
  .service-view .reseller-service .all-service-item .service-item-prv-show-left {
    display: block !important;
    right: 100%;
  }
  .service-view .reseller-service .all-service-item .ex-service-item h4::before {
    background-image: url('/Content/Images/biconEx.png');
  }
  .service-view .reseller-service .all-service-item .basic-service-item h4::before {
    background-image: url('/Content/Images/bicon.png');
  }
  .service-view .reseller-service .all-service-item .feshfeshe-service-item h4::before {
    background-image: url('/Content/Images/Feshicon.png');
  }
  .service-view .reseller-service .basket-container {
    position: relative;
    float: left !important;
  }
  .service-view .reseller-service .basket-container > div {
    position: absolute;
    cursor: pointer;
  }
  .service-view .reseller-service .basket-container > div.global-basket {
    height: 500px;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 0 0 20px 20px;
    border-top: none;
    padding-top: 35px;
    overflow-y: auto;
  }
  .service-view .reseller-service .basket-container > div.global-basket > div > div > label {
    position: absolute;
    top: -20px;
    left: -10px;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    padding: 0 5px 0 5px;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home {
    background: #c4334b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home > label {
    background-color: #c4334b;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home .droped-preview {
    background: #c4334b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4334b 0%, #822133 52%, #822133 54%, #c4334b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4334b', endColorstr='#c4334b', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-home .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business {
    background: #ff264a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business > label {
    background-color: #ff264a;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business .droped-preview {
    background: #ff264a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff264a 8%, #b51b34 54%, #ff264a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff264a', endColorstr='#ff264a', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-business .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated {
    background: #ff603d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated > label {
    background-color: #ff603d;
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated .droped-preview {
    background: #ff603d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff603d 2%, #c44a2f 49%, #ff603d 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff603d', endColorstr='#ff603d', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .wireless-dedicated .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home {
    background: #fdbe39;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home > label {
    background-color: #fdbe39;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home .droped-preview {
    background: #fdbe39;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdbe39 1%, #c18e2e 53%, #fdbe39 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe39', endColorstr='#fdbe39', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-home .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business {
    background: #28ffbe;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business > label {
    background-color: #28ffbe;
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business .droped-preview {
    background: #28ffbe;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28ffbe 1%, #179974 51%, #28ffbe 98%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ffbe', endColorstr='#28ffbe', GradientType=0);
    /* IE6-9 */
  }
  .service-view .reseller-service .basket-container > div.global-basket .adsl-business .droped-preview > div {
    background: #ffffff;
    box-shadow: 0 0 1px 1px #C9C9C9;
  }
  .service-view .reseller-service .nominal-speed-filter {
    margin-bottom: 20px;
    margin-top: 20px;
    border: 2px solid;
    border-radius: 5px 5px 0 0;
    padding-top: 10px;
    background: rgba(0, 0, 0, 0.5);
    border-bottom: none;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul {
    height: 30px;
    overflow-x: auto;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul > li {
    display: inline-block;
    direction: rtl;
    text-align: center;
    margin-top: 0;
    border-radius: 3px;
    color: #fff;
    background: #959595;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
    border: 1px solid;
    cursor: pointer;
    opacity: 0.6;
    margin-left: 5px;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul > li:hover {
    opacity: 1;
  }
  .service-view .reseller-service .nominal-speed-filter > div > div > ul > li.select {
    opacity: 1;
  }
  .service-view .reseller-service .lable-container {
    position: absolute;
    right: 43px;
    /*z-index:-100;*/
  }
  .service-view .reseller-service .lable-container > div {
    cursor: pointer;
    margin-bottom: 20px;
    /* Safari */
    transition: all 0.6s ease;
    background-repeat: no-repeat;
    z-index: -100;
  }
  .service-view .reseller-service .lable-container > div > p {
    margin-top: -20px;
    /* Safari */
    transition: all 0.5s ease-in-out;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-basic {
    display: inline-block;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.7);
    padding: 0 5px 0 5px;
    opacity: 0;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-basic > span {
    display: inline-block;
    text-align: center;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-extra {
    opacity: 0;
    display: inline-block;
    background: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    padding: 0 5px 0 5px;
  }
  .service-view .reseller-service .lable-container > div > p .basket-type-count-extra > span {
    display: inline-block;
    text-align: center;
  }
  .service-view .reseller-service .lable-container > div:hover {
    /*opacity: 0.8;*/
  }
  .service-view .reseller-service .lable-container > div.wireless-home {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    line-height: 47px;
    font-size: 11px;
    display: inline-block;
    background-image: url('/Content/Images/GreenLableLight.png');
  }
  .service-view .reseller-service .lable-container > div.wireless-business {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    line-height: 47px;
    font-size: 11px;
    display: inline-block;
    background-image: url('/Content/Images/RedLable.png');
  }
  .service-view .reseller-service .lable-container > div.wireless-dedicated {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/blueLable.png');
  }
  .service-view .reseller-service .lable-container > div.adsl-home {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/YellowLable.png');
  }
  .service-view .reseller-service .lable-container > div.adsl-business {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/VioletLable.png');
  }
  .service-view .reseller-service .lable-container > div.all-baskets {
    direction: rtl;
    width: 130px;
    height: 50px;
    padding-right: 5px;
    background-size: 160px 50px;
    font-size: 11px;
    line-height: 47px;
    display: inline-block;
    background-image: url('/Content/Images/GrayLable.png');
  }
  .service-view .reseller-service .lable-container > div.select {
    width: 148px;
    height: 80px;
    background-size: 190px 80px;
    font-size: 14px;
  }
  .service-view .reseller-service .lable-container > div.select p {
    margin-top: 0;
  }
  .service-view .reseller-service .lable-container > div.select p .basket-type-count-basic {
    opacity: 1;
  }
  .service-view .reseller-service .lable-container > div.select p .basket-type-count-extra {
    opacity: 1;
  }
  .service-view .reseller-service .lable-container > div.global-basket {
    height: 500px;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 0 0 20px 20px;
    border-top: none;
    padding-top: 20px;
  }
  .service-view #addingServiceOptions {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
  }
  .service-view #addingServiceOptions > div {
    display: none;
    position: absolute;
    left: 35%;
    top: 15%;
    width: 30%;
    height: 620px;
    background-color: #eeeeee;
    border-radius: 5px;
    border: 1px solid #fff;
  }
  .service-view #addingServiceOptions > div > div {
    padding-left: 20px;
    padding-right: 20px;
  }
  .service-view #addingServiceOptions > div > div .option-item {
    padding: 10px;
    /*background:rgba(0,0,0,0.5);*/
    border-bottom: 1px solid #808080;
    border-radius: 3px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
    background: #4c4c4c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
  }
  .service-view #addingServiceOptions > div > div .option-item > div:first-child {
    border-left: 1px solid #808080;
  }
  .service-info-view .main-search-box {
    margin: auto;
    float: none !important;
    margin-top: 100px;
  }
  .service-info-view .page-control-tools {
    position: absolute;
    width: 8%;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    right: 30px;
    top: 7px;
    padding: 10px 25px 10px 25px;
    /*z-index: 100;*/
  }
  .service-info-view .page-control-tools .go-to-rotate {
    height: 35px;
    line-height: 37px;
    opacity: 0.7;
  }
  .service-info-view .page-control-tools .go-to-rotate .ion-ios-loop-strong {
    font-size: 20px;
  }
  .service-info-view .page-control-tools .go-to-rotate:hover {
    opacity: 1;
  }
  .service-info-view .page-control-tools .select-other-customer-service {
    height: 35px;
    line-height: 37px;
    background: #ce591a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ce591a 0%, #913a12 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce591a', endColorstr='#913a12', GradientType=0);
    /* IE6-9 */
    opacity: 0.7;
  }
  .service-info-view .page-control-tools .select-other-customer-service > i {
    font-size: 20px;
  }
  .service-info-view .page-control-tools .select-other-customer-service:hover {
    opacity: 1;
  }
  .service-info-view .page-control-tools .cube-controls-tools > div > div {
    text-align: center;
    padding: 10px;
    cursor: move;
    opacity: 0.7;
    font-size: 8px;
  }
  .service-info-view .page-control-tools .cube-controls-tools > div > div:hover {
    opacity: 1;
  }
  .service-info-view .page-control-tools .cube-controls-tools > div > div.selected {
    opacity: 1;
  }
  .service-info-view .main-service-view-content-container {
    /*////////////////////////////////////////*/
  }
  .service-info-view .main-service-view-content-container section > div > figure > span {
    transition: all 1s ease-in-out;
  }
  .service-info-view .main-service-view-content-container section > div > figure > span.font-26 {
    font-size: 15px;
  }
  .service-info-view .main-service-view-content-container section > div > figure > span.small-text-title {
    font-size: 12px !important;
  }
  .service-info-view .main-service-view-content-container section > div > figure #online24Chart {
    width: 800px;
    height: 600px;
  }
  .service-info-view .main-service-view-content-container section > div.selected {
    transform: translateZ(0px) translateY(350px) translateX(-20px) rotateX(0) rotateZ(0deg) rotateY(0) !important;
  }
  .service-info-view .main-service-view-content-container section:nth-child(2) > div {
    /*transform: translateZ(-364px) translateY(784px) translateX(-818px) rotateX(-60deg) rotateZ(21deg) rotateY(104deg);*/
    transform: translateZ(-950px) translateY(1050px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(2) > div.hover {
    transform: translateZ(-960px) translateY(1040px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(2) > div .front-edge {
    /*background-color:red;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(2) > div .up-edge {
    /*background-color:lightcoral;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(2) > div > figure > span {
    right: 0;
  }
  .service-info-view .main-service-view-content-container section:nth-child(3) > div {
    /*transform: translateZ(-700px)translateY(240px) translateX(-250px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-900px) translateY(1060px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(3) > div.hover {
    transform: translateZ(-910px) translateY(1050px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(3) > div .front-edge {
    /*background-color:green;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(3) > div .up-edge {
    /*background-color:darkolivegreen;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(3) > div > figure > span {
    right: 110px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(4) > div {
    /*transform: translateZ(-700px)translateY(280px) translateX(-200px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-850px) translateY(1070px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(4) > div.hover {
    transform: translateZ(-860px) translateY(1060px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(4) > div .front-edge {
    /*background-color:blue;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(4) > div .up-edge {
    /*background-color:lightseagreen;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(4) > div > figure > span {
    right: 220px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(5) > div {
    /*transform: translateZ(-700px)translateY(320px) translateX(-150px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-800px) translateY(1080px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(5) > div.hover {
    transform: translateZ(-810px) translateY(1070px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(5) > div .front-edge {
    /*background-color:grey;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(5) > div .up-edge {
    /*background-color:lightgray;*/
  }
  .service-info-view .main-service-view-content-container section:nth-child(5) > div > figure > span {
    right: 330px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(6) > div {
    /*transform: translateZ(-700px)translateY(360px) translateX(-100px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-750px) translateY(1090px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(6) > div.hover {
    transform: translateZ(-760px) translateY(1080px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(6) > div > figure > span {
    right: 435px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(7) > div {
    /*transform: translateZ(-700px)translateY(400px) translateX(-50px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-700px) translateY(1100px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(7) > div.hover {
    transform: translateZ(-710px) translateY(1090px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(7) > div > figure > span {
    right: 540px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(8) > div {
    /*transform: translateZ(-700px)translateY(440px) translateX(0px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-650px) translateY(1110px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(8) > div.hover {
    transform: translateZ(-660px) translateY(1120px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(8) > div > figure > span {
    right: 640px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(9) > div {
    /*transform: translateZ(-700px)translateY(480px) translateX(50px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-600px) translateY(1120px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(9) > div.hover {
    transform: translateZ(-610px) translateY(1130px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(9) > div > figure > span {
    right: 740px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(10) > div {
    /*transform: translateZ(-700px)translateY(520px) translateX(100px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-550px) translateY(1130px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(10) > div.hover {
    transform: translateZ(-560px) translateY(1140px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(10) > div > figure > span {
    right: 0;
  }
  .service-info-view .main-service-view-content-container section:nth-child(11) > div {
    /*transform: translateZ(-700px)translateY(560px) translateX(150px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-500px) translateY(1140px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(11) > div.hover {
    transform: translateZ(-510px) translateY(1150px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(11) > div > figure > span {
    right: 110px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(12) > div {
    /*transform: translateZ(-700px)translateY(600px) translateX(200px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-450px) translateY(1150px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(12) > div.hover {
    transform: translateZ(-460px) translateY(1160px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(12) > div > figure > span {
    right: 220px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(13) > div {
    /*transform: translateZ(-700px)translateY(640px) translateX(250px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-400px) translateY(1160px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(13) > div.hover {
    transform: translateZ(-410px) translateY(1170px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(13) > div > figure > span {
    right: 330px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(14) > div {
    /*transform: translateZ(-700px)translateY(680px) translateX(300px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-350px) translateY(1170px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(14) > div.hover {
    transform: translateZ(-360px) translateY(1180px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(14) > div > figure > span {
    right: 430px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(15) > div {
    /*transform: translateZ(-700px)translateY(680px) translateX(300px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-300px) translateY(1180px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(15) > div.hover {
    transform: translateZ(-300px) translateY(1190px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(15) > div > figure > span {
    right: 530px;
  }
  .service-info-view .main-service-view-content-container section:nth-child(16) > div {
    /*transform: translateZ(-700px)translateY(680px) translateX(300px) rotateX(-33deg) rotateZ(0deg) rotateY(18deg);*/
    transform: translateZ(-250px) translateY(1190px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(16) > div.hover {
    transform: translateZ(-260px) translateY(1180px) translateX(-90px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-container section:nth-child(16) > div > figure > span {
    right: 630px;
  }
  .service-info-view .main-service-view-content-item {
    width: 100%;
    height: 100%;
    position: relative;
    perspective: 1300px;
  }
  .service-info-view .main-service-view-content-item > div {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    text-align: center;
  }
  .service-info-view .main-service-view-content-item > div > figure {
    margin: 0;
    width: 140%;
    height: 99%;
    display: block;
    position: absolute;
    border: 2px solid black;
    border: none;
    transition: all 1s ease-in-out;
  }
  .service-info-view .main-service-view-content-item > div > figure > span {
    width: 120px;
    height: 40px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    position: absolute;
    /* left: -26px; */
    right: 10px;
    top: -41px;
    border-radius: 5px 5px 0 0px;
    border: 2px solid #fff;
    border-bottom: none;
    background-color: #DEB71B;
    font-size: 23px;
    cursor: pointer;
    transition: all 1s ease-in-out;
  }
  .service-info-view .main-service-view-content-item > div > figure > h4 {
    text-align: center;
    height: 50px;
    line-height: 50px;
  }
  .service-info-view .main-service-view-content-item > div > figure.front-edge {
    transform: rotateY(0deg) translateZ(25px);
    height: 800px;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
  }
  .service-info-view .main-service-view-content-item > div > figure.back-edge {
    transform: rotateX(180deg) translateZ(25px);
    height: 800px;
  }
  .service-info-view .main-service-view-content-item > div > figure.rigth-edge {
    transform: rotateY(90deg) translateZ(966px);
    height: 800px;
    width: 50px;
    background: rgba(0, 0, 0, 0.8);
  }
  .service-info-view .main-service-view-content-item > div > figure.left-edge {
    transform: rotateY(-90deg) translateZ(25px);
    height: 800PX;
    width: 50px;
    background: rgba(0, 0, 0, 0.8);
  }
  .service-info-view .main-service-view-content-item > div > figure.up-edge {
    transform: rotateX(90deg) translateZ(25px);
    height: 50px;
    background: #0eaf9d;
    cursor: pointer;
  }
  .service-info-view .main-service-view-content-item > div > figure.up-edge > h2 {
    height: 50px;
    line-height: 50px;
    padding-right: 30px;
    font-size: 36px;
    font-weight: bold;
    color: #FFE433;
  }
  .service-info-view .main-service-view-content-item > div > figure.down-edge {
    transform: rotateX(-90deg) translateZ(1195px);
    height: 50px;
  }
  .service-info-view .main-service-view-content-item > div.selected {
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .main-service-view-content-item > div.selected > figure.front-edge {
    background: rgba(0, 0, 0, 0.9);
    width: 106%;
  }
  .service-info-view .main-service-view-content-item > div.selected > figure.front-edge span {
    opacity: 1;
  }
  .service-info-view .main-service-view-content-item > div.selected > figure.up-edge {
    width: 106%;
  }
  .service-info-view .user-view {
    position: absolute;
    right: 215px;
    top: 20px;
  }
  .service-info-view .user-view section {
    width: 400px !important;
    height: 580px !important;
    position: relative;
    perspective: 2000px;
  }
  .service-info-view .user-view section.section-left-selected-tall {
    height: 555px;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure.front-edge {
    height: 550px !important;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure.back-edge {
    height: 550px !important;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure.rigth-edge {
    height: 550px !important;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure.left-edge {
    height: 550px !important;
  }
  .service-info-view .user-view section.section-left-selected-tall > div figure > div > div {
    height: 510px;
  }
  .service-info-view .user-view section.section-right-selected-tall {
    height: 590px;
  }
  .service-info-view .user-view section.section-right-selected-tall > div figure > div > div {
    height: 545px;
  }
  .service-info-view .user-view section.section-left-selected-short {
    /*height: 475px;*/
  }
  .service-info-view .user-view section.section-left-selected-short > div figure.front-edge {
    /*height: 465px !important;*/
  }
  .service-info-view .user-view section.section-left-selected-short > div figure.back-edge {
    /*height: 465px !important;*/
  }
  .service-info-view .user-view section.section-left-selected-short > div figure.rigth-edge {
    /*height: 465px !important;*/
  }
  .service-info-view .user-view section.section-left-selected-short > div figure.left-edge {
    /*height: 465px !important;*/
  }
  .service-info-view .user-view section.section-left-selected-short > div figure > div > div {
    /*height: 425px;*/
  }
  .service-info-view .user-view section > div {
    width: 97.5%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
    transform: translateZ(-1000px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
    text-align: center;
  }
  .service-info-view .user-view section > div.default {
    transition: all 15s ease-in-out;
  }
  .service-info-view .user-view section > div.select-section {
    transition: all 1s ease-in-out;
  }
  .service-info-view .user-view section > div.hover {
    transition: all 0.5s ease-in-out;
  }
  .service-info-view .user-view section > div > span {
    display: inline-block;
    width: 50px;
    height: 110px;
    background-image: url(/Content/Images/topArrow.png);
    background-repeat: no-repeat;
    opacity: 0;
  }
  .service-info-view .user-view section > div > span.left-right {
    transform: translateY(-7px) translateX(40px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .user-view section > div > span.front-back {
    transform: translateY(-7px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
  }
  .service-info-view .user-view section > div.rotate-0 {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .user-view section > div.rotate-180 {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(180deg);
  }
  .service-info-view .user-view section > div.rotate-360 {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(360deg);
  }
  .service-info-view .user-view section > div.front-hover {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .user-view section > div.front-hover span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.back-hover {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(180deg);
  }
  .service-info-view .user-view section > div.back-hover span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.left-hover {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(90deg);
  }
  .service-info-view .user-view section > div.left-hover span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.right-hover {
    transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(-90deg);
  }
  .service-info-view .user-view section > div.right-hover span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.front-selected {
    transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .service-info-view .user-view section > div.front-selected span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.back-selected {
    transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(180deg);
  }
  .service-info-view .user-view section > div.back-selected span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.left-selected {
    transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
  }
  .service-info-view .user-view section > div.left-selected span {
    opacity: 1;
  }
  .service-info-view .user-view section > div.right-selected {
    transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(-90deg);
  }
  .service-info-view .user-view section > div.right-selected span {
    opacity: 1;
  }
  .service-info-view .user-view section > div > figure {
    margin: 0;
    /*width: 70%;
                        height: 70%;*/
    display: block;
    position: absolute;
    /*border: 2px solid black;*/
    border: none;
  }
  .service-info-view .user-view section > div > figure .service-usage-info-context .item {
    height: 25px;
    line-height: 25px;
    background: rgba(125, 126, 125, 0.6);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(125, 126, 125, 0.6) 0%, rgba(14, 14, 14, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(125,126,125,0.6)', endColorstr='rgba(14,14,14,0.6)', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div {
    text-align: right;
    direction: rtl;
  }
  .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div.title {
    text-align: left;
    color: #DEB71B;
    font-size: 10px !important;
  }
  .service-info-view .user-view section > div > figure > span {
    display: inline-block;
    border-radius: 2px 2px 0 0;
    width: 60px;
    text-align: center;
    height: 24px;
    line-height: 22px;
    position: absolute;
    right: 20px;
    top: 0px;
  }
  .service-info-view .user-view section > div > figure .form-group {
    margin-top: 5px;
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure .form-group label {
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure > div {
    padding: 20px;
  }
  .service-info-view .user-view section > div > figure > div > div {
    height: 470px;
  }
  .service-info-view .user-view section > div > figure > div > div .form-group {
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure > div > div .form-group h3 {
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure > div table td {
    font-size: 10px;
  }
  .service-info-view .user-view section > div > figure > div table th {
    font-size: 10px;
    padding: 2px !important;
  }
  .service-info-view .user-view section > div > figure.front-edge {
    width: 400px;
    height: 100%;
    transform: rotateY(0) translateZ(200px);
    background: rgba(0, 0, 0, 0.9);
    border: 2px solid #E75555;
  }
  .service-info-view .user-view section > div > figure.front-edge > span {
    background-color: #ba4444;
  }
  .service-info-view .user-view section > div > figure.front-edge > div > div {
    border-radius: 5px;
    background: #ba4444;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ba4444 1%, #6b2727 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba4444', endColorstr='#6b2727', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure.back-edge {
    width: 400px;
    height: 100%;
    transform: rotateY(180deg) translateZ(200px);
    background: rgba(0, 0, 0, 0.9);
    border: 2px solid #8FB800;
  }
  .service-info-view .user-view section > div > figure.back-edge > span {
    background: #658200;
  }
  .service-info-view .user-view section > div > figure.back-edge > div > div {
    border-radius: 5px;
    background: #658200;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #658200 1%, #3b4c00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#658200', endColorstr='#3b4c00', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure.rigth-edge {
    width: 400px;
    height: 100%;
    transform: rotateY(90deg) translateZ(200px);
    background: rgba(0, 0, 0, 0.9);
    border: 2px solid #1F9D90;
  }
  .service-info-view .user-view section > div > figure.rigth-edge > span {
    background-color: #1d9183;
  }
  .service-info-view .user-view section > div > figure.rigth-edge > div > div {
    border-radius: 5px;
    background: #1d9183;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1d9183 0%, #105148 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9183', endColorstr='#105148', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure.left-edge {
    width: 400px;
    height: 100%;
    transform: rotateY(-90deg) translateZ(200px);
    background: rgba(0, 0, 0, 0.9);
    border: 2px solid #DEB71B;
  }
  .service-info-view .user-view section > div > figure.left-edge > span {
    background: #b79717;
  }
  .service-info-view .user-view section > div > figure.left-edge > div > div {
    border-radius: 5px;
    background: #b79717;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b79717 0%, #6b580d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b79717', endColorstr='#6b580d', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .user-view section > div > figure.left-edge > div > div #serverTraficChart {
    height: 125px !important;
  }
  .service-info-view .user-view section > div > figure.left-edge > div > div #extraTraficChart {
    height: 125px !important;
  }
  .service-info-view .user-view section > div > figure.left-edge > div > div .crm-font-small {
    font-size: 0.7em;
  }
  .service-info-view .user-view section > div > figure.bottom-edge {
    width: 400px;
    height: 400px;
    background: #124756;
    transform: rotateX(-90deg) translateZ(300px);
  }
  .service-info-view .user-view section > div > figure.top-edge {
    width: 400px;
    height: 400px;
    transform: rotateX(90deg) translateZ(200px);
    background: #000000;
  }
  .service-info-view .user-view section > div > figure .table-info {
    background: rgba(0, 0, 0, 0.4);
    width: 345px;
    /*margin-left: -8px;*/
    border-radius: 3px;
    border: 1px solid lightblue;
  }
  .service-info-view .customer-summary-information > li {
    margin-top: 7px;
  }
  .service-info-view .customer-summary-information > li.connection-data > ul {
    width: 100%;
  }
  .service-info-view .customer-summary-information > li.connection-data > ul > li {
    background: rgba(0, 0, 0, 0.6);
    width: 23%;
    display: inline-block;
    margin-top: 0;
  }
  .service-info-view .customer-summary-information > li.connection-data > ul > li > ul > li {
    margin-top: 0;
    text-align: center !important;
  }
  .service-info-view .customer-summary-information > li.customer-data > ul {
    border: 1px solid #DEB71B;
  }
  .service-info-view .customer-summary-information > li.customer-data > ul > li {
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    width: 100px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-top: 0;
    text-align: center;
  }
  .service-info-view .customer-summary-information > li.customer-data > ul > li > ul > li {
    text-align: center !important;
    color: #FFD221;
    padding: 5px 0;
    margin-top: 0;
    font-size: 18px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
  .service-info-view .customer-summary-information > li.customer-data > ul > li > ul > li.ul-li-title {
    background: #4c4c4c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
    padding: 5px 0;
    color: #ffffff;
    font-size: 14px;
  }
  .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul {
    border: 1px solid #DEB71B;
    height: 57px;
  }
  .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul > li {
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    width: 169px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-top: 0;
    text-align: center;
    float: right;
  }
  .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul > li > ul > li {
    text-align: center !important;
    color: #FFD221;
    padding: 5px 0;
    margin-top: 0;
    font-size: 18px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    direction: ltr;
  }
  .service-info-view .customer-summary-information > li.wirless-user-pass-data > ul > li > ul > li.ul-li-title {
    background: #4c4c4c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
    padding: 5px 0;
    color: #ffffff;
    font-size: 14px;
  }
  .service-info-view .customer-summary-information > li.reseller-data > ul {
    width: 100%;
    border: 1px solid #DEB71B;
  }
  .service-info-view .customer-summary-information > li.reseller-data > ul > li {
    display: inline-block;
    width: 100%;
    margin-top: 0;
  }
  .service-info-view .customer-summary-information > li.reseller-data > ul > li > ul > li {
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    text-align: center !important;
    width: 233px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding: 5px 0;
    color: #ffd221;
    margin-top: 0;
    font-size: 18px;
  }
  .service-info-view .customer-summary-information > li.reseller-data > ul > li > ul > li.ul-li-title {
    width: 30%;
    color: #ffffff;
    font-size: 14px;
    background: #4c4c4c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .customer-summary-information > li.nolimit-service > ul > li {
    background: rgba(0, 0, 0, 0.6);
  }
  .service-info-view .customer-summary-information > li.nolimit-service > ul > li > ul > li {
    text-align: center !important;
  }
  .service-info-view .customer-summary-information > li.service-data {
    margin-top: 10px;
  }
  .service-info-view .customer-summary-information > li.service-data > ul {
    width: 100%;
    border: 1px solid #DEB71B;
  }
  .service-info-view .customer-summary-information > li.service-data > ul > li {
    display: inline-block;
    width: 100%;
    margin-top: 0;
  }
  .service-info-view .customer-summary-information > li.service-data > ul > li > ul > li {
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    text-align: center !important;
    width: 100%;
    padding: 5px 0;
    color: #ffd221;
    /*height: 45px;*/
    vertical-align: top;
    margin-top: 0;
    font-size: 18px;
  }
  .service-info-view .customer-summary-information > li.service-data > ul > li > ul > li.ul-li-title {
    /*width: 30%;*/
    font-size: 14px;
    color: #ffffff;
    background: #7d7e7d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
    /* IE6-9 */
  }
  .service-info-view .customer-summary-information ul {
    direction: rtl !important;
  }
  .service-info-view .customer-summary-information li {
    margin-right: 0 !important;
  }
  @-moz-document url-prefix() {
    .service-info-view .page-control-tools {
      position: fixed;
      width: 24%;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 5px;
      right: 0.5%;
      top: 54px;
      padding: 10px 25px 10px 25px;
      z-index: 100;
    }
    .service-info-view .user-view {
      position: fixed;
      right: 10px;
      top: 230px;
    }
    .service-info-view .user-view section {
      width: 400px !important;
      height: 420px !important;
      position: relative;
      perspective: 2000px;
    }
    .service-info-view .user-view section > div {
      width: 97.5%;
      height: 100%;
      position: absolute;
      transform-style: preserve-3d;
      transition: transform 1s;
      transform: translateZ(-1000px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
      text-align: center;
    }
    .service-info-view .user-view section > div.default {
      transition: all 15s ease-in-out;
    }
    .service-info-view .user-view section > div.select-section {
      transition: all 1s ease-in-out;
    }
    .service-info-view .user-view section > div.hover {
      transition: all 0.5s ease-in-out;
    }
    .service-info-view .user-view section > div > span {
      display: inline-block;
      width: 50px;
      height: 110px;
      background-image: url(/Content/Images/topArrow.png);
      background-repeat: no-repeat;
      opacity: 0;
    }
    .service-info-view .user-view section > div > span.left-right {
      transform: translateY(-7px) translateX(40px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .user-view section > div > span.front-back {
      transform: translateY(-7px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
    }
    .service-info-view .user-view section > div.rotate-0 {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .user-view section > div.rotate-180 {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(180deg);
    }
    .service-info-view .user-view section > div.rotate-360 {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(360deg);
    }
    .service-info-view .user-view section > div.front-hover {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .user-view section > div.front-hover span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.back-hover {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(180deg);
    }
    .service-info-view .user-view section > div.back-hover span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.left-hover {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(90deg);
    }
    .service-info-view .user-view section > div.left-hover span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.right-hover {
      transform: translateZ(-700px) rotateX(17deg) rotateZ(0deg) rotateY(-90deg);
    }
    .service-info-view .user-view section > div.right-hover span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.front-selected {
      transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    }
    .service-info-view .user-view section > div.front-selected span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.back-selected {
      transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(180deg);
    }
    .service-info-view .user-view section > div.back-selected span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.left-selected {
      transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
    }
    .service-info-view .user-view section > div.left-selected span {
      opacity: 1;
    }
    .service-info-view .user-view section > div.right-selected {
      transform: translateZ(-100px) rotateX(0deg) rotateZ(0deg) rotateY(-90deg);
    }
    .service-info-view .user-view section > div.right-selected span {
      opacity: 1;
    }
    .service-info-view .user-view section > div > figure {
      margin: 0;
      /*width: 70%;
                        height: 70%;*/
      display: block;
      position: absolute;
      /*border: 2px solid black;*/
      border: none;
    }
    .service-info-view .user-view section > div > figure .service-usage-info-context .item {
      height: 25px;
      line-height: 25px;
      background: rgba(125, 126, 125, 0.6);
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(125, 126, 125, 0.6) 0%, rgba(14, 14, 14, 0.6) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(125,126,125,0.6)', endColorstr='rgba(14,14,14,0.6)', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div {
      text-align: right;
      direction: rtl;
    }
    .service-info-view .user-view section > div > figure .service-usage-info-context .item > div > div.title {
      text-align: left;
      color: #DEB71B;
      font-size: 10px !important;
    }
    .service-info-view .user-view section > div > figure > span {
      display: inline-block;
      border-radius: 2px 2px 0 0;
      width: 60px;
      text-align: center;
      height: 24px;
      line-height: 22px;
      position: absolute;
      right: 20px;
      top: 0px;
    }
    .service-info-view .user-view section > div > figure .form-group {
      margin-top: 5px;
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure .form-group label {
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure > div {
      padding: 20px;
    }
    .service-info-view .user-view section > div > figure > div > div {
      height: 380px;
    }
    .service-info-view .user-view section > div > figure > div > div .form-group {
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure > div > div .form-group h3 {
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure > div table td {
      font-size: 10px;
    }
    .service-info-view .user-view section > div > figure > div table th {
      font-size: 10px;
      padding: 2px !important;
    }
    .service-info-view .user-view section > div > figure.front-edge {
      width: 400px;
      height: 420px;
      transform: rotateY(0) translateZ(200px);
      background: rgba(0, 0, 0, 0.9);
      border: 2px solid #E75555;
    }
    .service-info-view .user-view section > div > figure.front-edge > span {
      background-color: #ba4444;
    }
    .service-info-view .user-view section > div > figure.front-edge > div > div {
      border-radius: 5px;
      background: #ba4444;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ba4444 1%, #6b2727 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba4444', endColorstr='#6b2727', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure.back-edge {
      width: 400px;
      height: 420px;
      transform: rotateY(180deg) translateZ(200px);
      background: rgba(0, 0, 0, 0.9);
      border: 2px solid #8FB800;
    }
    .service-info-view .user-view section > div > figure.back-edge > span {
      background: #658200;
    }
    .service-info-view .user-view section > div > figure.back-edge > div > div {
      border-radius: 5px;
      background: #658200;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #658200 1%, #3b4c00 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#658200', endColorstr='#3b4c00', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure.rigth-edge {
      width: 400px;
      height: 420px;
      transform: rotateY(90deg) translateZ(200px);
      background: rgba(0, 0, 0, 0.9);
      border: 2px solid #1F9D90;
    }
    .service-info-view .user-view section > div > figure.rigth-edge > span {
      background-color: #1d9183;
    }
    .service-info-view .user-view section > div > figure.rigth-edge > div > div {
      border-radius: 5px;
      background: #1d9183;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #1d9183 0%, #105148 99%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9183', endColorstr='#105148', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure.left-edge {
      width: 400px;
      height: 400px;
      transform: rotateY(-90deg) translateZ(200px);
      background: rgba(0, 0, 0, 0.9);
      border: 2px solid #DEB71B;
    }
    .service-info-view .user-view section > div > figure.left-edge > span {
      background: #b79717;
    }
    .service-info-view .user-view section > div > figure.left-edge > div > div {
      border-radius: 5px;
      background: #b79717;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #b79717 0%, #6b580d 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b79717', endColorstr='#6b580d', GradientType=0);
      /* IE6-9 */
    }
    .service-info-view .user-view section > div > figure.left-edge > div > div #serverTraficChart {
      height: 125px !important;
    }
    .service-info-view .user-view section > div > figure.left-edge > div > div #extraTraficChart {
      height: 125px !important;
    }
    .service-info-view .user-view section > div > figure.left-edge > div > div .crm-font-small {
      font-size: 0.7em;
    }
    .service-info-view .user-view section > div > figure.bottom-edge {
      width: 400px;
      height: 400px;
      background: #124756;
      transform: rotateX(-90deg) translateZ(220px);
    }
    .service-info-view .user-view section > div > figure.top-edge {
      width: 400px;
      height: 400px;
      transform: rotateX(90deg) translateZ(200px);
      background: #000000;
    }
    .service-info-view .user-view section > div > figure .table-info {
      background: rgba(0, 0, 0, 0.4);
      width: 345px;
      /*margin-left: -8px;*/
      border-radius: 3px;
      border: 1px solid lightblue;
    }
  }
  .service-info-view .crm-internal-tab-content-container {
    position: relative;
  }
  .crm-date-time-context {
    display: none;
  }
  .main-wizard .wizard-steps {
    height: 60px;
    direction: rtl;
  }
  .main-wizard .wizard-steps > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 50px;
    border-radius: 30px;
    border: 2px solid #ad4040;
    text-align: center;
    line-height: 47px;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ff5e5e 0%, #ff5e5e 22%, #ad4040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ad4040', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    transition: all 1s ease-in-out;
  }
  .main-wizard .wizard-steps > label > span {
    color: #1d9183;
  }
  .main-wizard .wizard-steps > label.pass {
    transform: rotateY(360deg);
    border: 2px solid #1d9183;
    background: #2ee8cf;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #2ee8cf 0%, #2ee8cf 29%, #1d9183 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ee8cf', endColorstr='#1d9183', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  .main-wizard .wizard-steps .progress-state {
    width: 100%;
    margin-top: 10px;
  }
  .main-wizard .wizard-steps .progress-state > span {
    display: inline-block;
    height: 10px;
  }
  .main-wizard .wizard-steps .progress-state > span.step1 {
    width: 20%;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff5e5e 0%, #cc4d4d 50%, #ff5e5e 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
    /* IE6-9 */
    border-radius: 0 2px 2px 0;
  }
  .main-wizard .wizard-steps .progress-state > span.step2 {
    width: 40%;
    background: #ff8c21;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff8c21 1%, #cc731a 50%, #ff8c21 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c21', endColorstr='#ff8c21', GradientType=0);
    /* IE6-9 */
  }
  .main-wizard .wizard-steps .progress-state > span.step3 {
    width: 60%;
    background: #deb71b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #deb71b 0%, #c4a219 50%, #deb71b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deb71b', endColorstr='#deb71b', GradientType=0);
    /* IE6-9 */
  }
  .main-wizard .wizard-steps .progress-state > span.step4 {
    width: 80%;
    background: #b3e500;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
    /* IE6-9 */
  }
  .main-wizard .wizard-content {
    height: 720px !important;
    position: relative;
    overflow: hidden;
  }
  .main-wizard .wizard-content > div {
    position: absolute;
    top: 0;
    right: -105%;
    height: 100%;
    width: 100%;
  }
  .main-wizard .wizard-content > div .background-gray {
    background: #eeeeee;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;
    border: 2px solid #E45A51;
  }
  .main-wizard .wizard-content > div.selected {
    right: 0;
  }
  .main-wizard .wizard-content > div .tools {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .main-wizard .wizard-content > div .tools .prv-page-btn {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container {
    padding: 10px;
    padding-top: 0;
    border-radius: 5px;
    background: #4574a5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4574a5 0%, #2e4b6b 65%, #1f3349 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#1f3349', GradientType=0);
    /* IE6-9 */
    border: 2px solid #DEB81B;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps {
    direction: rtl;
    height: 105px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 50px;
    border-radius: 30px;
    text-align: center;
    line-height: 47px;
    transition: all 1s ease-in-out;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label > span {
    color: #1d9183;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.unpass {
    border: 2px solid #ad4040;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ff5e5e 0%, #ff5e5e 22%, #ad4040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ad4040', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.pass {
    transform: rotateY(360deg);
    border: 2px solid #1d9183;
    background: #2ee8cf;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #2ee8cf 0%, #2ee8cf 29%, #1d9183 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ee8cf', endColorstr='#1d9183', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps > label.now {
    animation-name: unpass;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    border: none;
    background: #ffd221;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ffd221 0%, #ffd221 18%, #ceaa1a 66%, #917512 92%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd221', endColorstr='#917512', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
  @keyframes unpass {
    0% {
      opacity: 1;
      box-shadow: 0 0 4px 4px #FFE229;
    }
    50% {
      box-shadow: 0 0 0px 0px #FFE229;
      opacity: 0.4;
    }
    100% {
      box-shadow: 0 0 4px 4px #FFE229;
      opacity: 1;
    }
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state {
    width: 100%;
    margin-top: 10px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span {
    display: inline-block;
    height: 10px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step1 {
    width: 20%;
    background: #ff5e5e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff5e5e 0%, #cc4d4d 50%, #ff5e5e 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
    /* IE6-9 */
    border-radius: 0 2px 2px 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step2 {
    width: 40%;
    background: #ff8c21;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff8c21 1%, #cc731a 50%, #ff8c21 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c21', endColorstr='#ff8c21', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step3 {
    width: 60%;
    width: 80%;
    background: #b3e500;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .step-container .wizard-steps .progress-state > span.step4 {
    width: 80%;
    background: #b3e500;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3e500 0%, #87ad00 49%, #b3e500 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e500', endColorstr='#b3e500', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content {
    height: 640px;
    position: relative;
    overflow: hidden;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div {
    position: absolute;
    top: 0;
    right: -105%;
    height: 100%;
    width: 100%;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div.selected {
    right: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selecter-service-table-title {
    padding: 5px;
    background-color: #1E1E1E;
    border: 2px solid #DEB81B;
    border-bottom: none;
    border-radius: 10px 3px 0 0;
    display: inline-block;
    margin-bottom: -2px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table-title {
    padding: 5px;
    background-color: #1E1E1E;
    border: 2px solid #DEB81B;
    border-bottom: none;
    border-radius: 10px 3px 0 0;
    display: inline-block;
    margin-bottom: -2px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-base-filter > div {
    background: #f6f8f9;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 26%, #d7dee3 51%, #f5f7f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
    /* IE6-9 */
    border-radius: 3px;
    border: 2px solid #d3d3d3;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .background-gray {
    background: #eeeeee;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;
    border: 2px solid #E45A51;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table {
    background: #526799;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #526799 0%, #0e0e0e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#526799', endColorstr='#0e0e0e', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;
    border: 2px solid #deb81b;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > thead > tr th {
    color: #deb81b !important;
    background: #959595;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr {
    background: #4574a5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4574a5 1%, #294460 50%, #2c4968 53%, #4574a5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#4574a5', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr > td {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr > td .ion-plus-round {
    cursor: pointer;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table > table > tbody > tr:hover {
    background: #fceabb;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .remove-basket {
    display: inline-block;
    text-decoration: underline;
    font-weight: bold;
    color: #deb81b !important;
    float: left;
    cursor: pointer;
    margin: 5px;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #000;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .remove-basket svg {
    width: 20px;
    height: 20px;
    fill: #E75555;
    vertical-align: middle;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr {
    position: relative;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr .prv {
    position: absolute;
    width: 150px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    border: 2px solid #fdbe39;
    padding: 5px;
    left: 0;
    top: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-service-table tr .prv > div label {
    font-size: 10px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .switch-to-discount {
    border-radius: 5px 5px 0 0;
    padding: 5px 20px;
    display: inline-block;
    background-color: #E75555;
    float: left;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table {
    border-radius: 5px;
    background: #1b8276;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1b8276 0%, #104f46 94%, #104f46 94%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#104f46', GradientType=0);
    /* IE6-9 */
    border: 2px solid #DEB81B;
    transition: all 0.5s ease-in-out;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > thead > tr th {
    color: #deb81b !important;
    background: #959595;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr {
    background: #1b8276;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1b8276 0%, #104f46 52%, #104f46 52%, #105448 54%, #1b8276 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8276', endColorstr='#1b8276', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr > td {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr > td .ion-plus-round {
    cursor: pointer;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table > table > tbody > tr:hover {
    background: #fceabb;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
    /* IE6-9 */
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .discount-mode {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .prv-page-btn {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .prv-page-btn i {
    margin-left: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .tools .next-page-btn i {
    margin-right: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv {
    padding: 40px;
    margin-top: 50px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv > h5 {
    margin-bottom: 20px;
    color: #000000 !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .factor-prv > h5 > span {
    color: #E55A51 !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen {
    position: relative;
    width: 65px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox {
    display: none;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #999999;
    border-radius: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner {
    position: relative;
    height: 20px;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:before,
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
    position: absolute;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 30px;
    font-size: 15px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
    font-family: WYekan;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:before {
    content: "";
    padding-left: 11px;
    background-color: #00A600;
    color: #FFFFFF;
    right: 50%;
    text-align: left;
    width: 50%;
    height: 100%;
    display: block;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner:after {
    content: "";
    padding-right: 2px;
    padding-left: 10px;
    background: #ff5e5e;
    background: linear-gradient(to bottom, #ff5e5e 1%, #ce4c4c 48%, #ba4444 54%, #ff5e5e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e5e', endColorstr='#ff5e5e', GradientType=0);
    font-size: 11px;
    right: 0;
    text-align: right;
    width: 50%;
    display: block;
    height: 100%;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:after {
    right: -50%;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-inner.true:before {
    right: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-switch {
    width: 20px;
    margin: 2px;
    background: #FFFFFF;
    border: 2px solid #999999;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    transition: all 0.3s ease-in 0s;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-inner {
    margin-left: 0;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .onoffswitchGreen-checkbox:checked + .onoffswitchGreen-label .onoffswitchGreen-switch {
    right: 0px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info {
    padding: 10px;
    padding-top: 0;
    border-radius: 5px;
    background: #4574a5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4574a5 0%, #2e4b6b 65%, #1f3349 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4574a5', endColorstr='#1f3349', GradientType=0);
    /* IE6-9 */
    border: 2px solid #DEB81B;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table {
    height: 102px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr td {
    color: #ffffff !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr td.td-head {
    color: #DEB81B !important;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change {
    animation-name: newChange;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change > td {
    color: #E75555 !important;
    font-weight: bold;
    font-size: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .basket-info > div > table tbody tr.new-change > span {
    color: #E75555 !important;
    font-weight: bold;
    font-size: 20px;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-body .red-alarm {
    color: #E75555 !important;
    animation-name: newChange;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
  #newWizardMainFactorModal .main-factor-wizard .modal-header {
    background: #375c84;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #375c84 1%, #141f31 50%, #375c84 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#375c84', endColorstr='#375c84', GradientType=0);
    /* IE6-9 */
  }
  .sales-report-options-cube-control > div {
    padding: 1px !important;
  }
  .sales-report-options-cube-control > div > label {
    width: 100%;
  }
  .sales-report-options-cube-control > div:nth-child(1) > label {
    background: #2edbc7;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2edbc7 0%, #20998a 51%, #27bcab 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2edbc7', endColorstr='#27bcab', GradientType=0);
    /* IE6-9 */
  }
  .sales-report-options-cube-control > div:nth-child(2) > label {
    background: #ff6363;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff6363 0%, #ba4848 49%, #ff6363 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff6363', GradientType=0);
    /* IE6-9 */
  }
  .sales-report-options-cube-control > div:nth-child(3) > label {
    background: #dfb81c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dfb81c 0%, #b29317 52%, #dfb81c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfb81c', endColorstr='#dfb81c', GradientType=0);
    /* IE6-9 */
  }
  .sales-report-options-cube-control > div:nth-child(4) > label {
    background: #abdb00;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #abdb00 0%, #85aa00 49%, #abdb00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abdb00', endColorstr='#abdb00', GradientType=0);
    /* IE6-9 */
  }
  .sales-report-options-cube-control > div:nth-child(5) > label {
    background: #959595;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
  }
  .sales-report-options-cube-control > div:nth-child(6) > label {
    background: #f6f8f9;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
    /* IE6-9 */
    color: #000000 !important;
  }
  .sales-report-options-cube-control > div > label {
    display: inline-block;
    text-align: center;
    padding: 2px;
    border-radius: 3px;
  }
  .sales-report-options-cube {
    width: 250px !important;
    height: 400px !important;
    position: relative;
    perspective: 2000px;
    margin: auto;
  }
  .sales-report-options-cube > div {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
    transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  }
  .sales-report-options-cube > div.rigth-selected {
    transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(-90deg);
  }
  .sales-report-options-cube > div.left-selected {
    transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(90deg);
  }
  .sales-report-options-cube > div.back-selected {
    transform: translateZ(-200px) rotateX(0deg) rotateZ(0deg) rotateY(180deg);
  }
  .sales-report-options-cube > div.bottom-selected {
    transform: translateZ(-200px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
  }
  .sales-report-options-cube > div.top-selected {
    transform: translateZ(-200px) rotateX(-90deg) rotateZ(0deg) rotateY(180deg);
  }
  .sales-report-options-cube > div > figure {
    display: block;
    position: absolute;
    padding: 10px;
  }
  .sales-report-options-cube > div > figure.front-side {
    width: 250px;
    height: 400px;
    transform: rotateY(0) translateZ(125px);
    background: #000000;
    /*border: 2px solid #E75555;*/
  }
  .sales-report-options-cube > div > figure.front-side .context {
    padding: 5px;
    height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    /*background: rgba(137,113,17,0.9);*/
    /*.search-context {
                        margin-bottom: 20px;
                        width: 100%;
                        background: rgba(0,0,0,0.9);
                        border-radius: 3px;
                        padding: 5px;

                        > input {
                            background-color: #000000;
                            border: none;
                        }
                    }*/
  }
  .sales-report-options-cube > div > figure.front-side .context .items > div > div > div {
    border-radius: 3px;
    opacity: 0.9;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 3px;
    text-align: center;
    border: 2px solid #ffffff;
    background: #26c1af;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #26c1af 0%, #23b2a1 48%, #1f9d90 51%, #26c1af 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c1af', endColorstr='#26c1af', GradientType=0);
    /* IE6-9 */
  }
  .sales-report-options-cube > div > figure.front-side .context .items > div > div > div:hover {
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.front-side .context .items > div > div > div.selected {
    background: #32ffe7;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #32ffe7 0%, #29d1bd 49%, #32ffe7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32ffe7', endColorstr='#32ffe7', GradientType=0);
    /* IE6-9 */
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.back-side {
    width: 250px;
    height: 400px;
    transform: rotateY(180deg) translateZ(125px);
    background-color: #000000;
    /*border: 2px solid #8FB800;*/
  }
  .sales-report-options-cube > div > figure.back-side .context {
    padding: 5px;
    height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(67, 86, 0, 0.9);
  }
  .sales-report-options-cube > div > figure.back-side .context .search-context {
    margin-bottom: 20px;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 3px;
    padding: 5px;
  }
  .sales-report-options-cube > div > figure.back-side .context .search-context > input {
    background-color: #000000;
    border: none;
  }
  .sales-report-options-cube > div > figure.back-side .context .items > div > div {
    background: #eaeaea;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eaeaea 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #eaeaea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#eaeaea', GradientType=0);
    /* IE6-9 */
    border-radius: 3px;
    opacity: 1;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 5px;
    border: 2px solid #ffffff;
    color: #000000 !important;
  }
  .sales-report-options-cube > div > figure.back-side .context .items > div > div:hover {
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.back-side .context .items > div > div.selected {
    background: #fceabb;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
    /* IE6-9 */
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.rigth-side {
    width: 250px;
    height: 400px;
    transform: rotateY(90deg) translateZ(125px);
    background: #000000;
    /*border: 2px solid #1F9D90;*/
  }
  .sales-report-options-cube > div > figure.rigth-side .context {
    padding: 5px;
    height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(109, 41, 41, 0.9);
  }
  .sales-report-options-cube > div > figure.rigth-side .context .search-context {
    margin-bottom: 20px;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 3px;
    padding: 5px;
  }
  .sales-report-options-cube > div > figure.rigth-side .context .search-context > input {
    background-color: #000000;
    border: none;
  }
  .sales-report-options-cube > div > figure.rigth-side .context .items > div > div > div {
    background: #d15151;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d15151 0%, #ad4343 50%, #d15151 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d15151', endColorstr='#d15151', GradientType=0);
    /* IE6-9 */
    border-radius: 3px;
    opacity: 0.7;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 3px;
    text-align: center;
    border: 2px solid #ffffff;
  }
  .sales-report-options-cube > div > figure.rigth-side .context .items > div > div > div:hover {
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.rigth-side .context .items > div > div > div.selected {
    background: #ff6363;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff6363 0%, #c44c4c 50%, #ff8282 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#ff8282', GradientType=0);
    /* IE6-9 */
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.rigth-side .context .items.services {
    height: 290px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .sales-report-options-cube > div > figure.left-side {
    width: 250px;
    height: 400px;
    transform: rotateY(-90deg) translateZ(125px);
    background: #000000;
    /*border: 2px solid #DEB71B;*/
  }
  .sales-report-options-cube > div > figure.left-side .context {
    padding: 5px;
    height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(99, 80, 12, 0.9);
  }
  .sales-report-options-cube > div > figure.left-side .context .search-context {
    margin-bottom: 20px;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 3px;
    padding: 5px;
  }
  .sales-report-options-cube > div > figure.left-side .context .search-context > input {
    background-color: #000000;
    border: none;
  }
  .sales-report-options-cube > div > figure.left-side .context .items > div > div > div {
    background: #ceaa1a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ceaa1a 1%, #967a13 51%, #ceaa1a 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ceaa1a', endColorstr='#ceaa1a', GradientType=0);
    /* IE6-9 */
    border-radius: 3px;
    opacity: 0.9;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 3px;
    text-align: center;
    border: 2px solid #ffffff;
  }
  .sales-report-options-cube > div > figure.left-side .context .items > div > div > div:hover {
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.left-side .context .items > div > div > div.selected {
    background: #ffce21;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffce21 0%, #ddb01c 51%, #ffce21 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce21', endColorstr='#ffce21', GradientType=0);
    /* IE6-9 */
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.bottom-side {
    width: 250px;
    height: 250px;
    transform: rotateX(-90deg) translateZ(275px);
    background: #000000;
    /*border: 2px solid #DEB71B;*/
  }
  .sales-report-options-cube > div > figure.bottom-side .context {
    padding: 5px;
    height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #7d7e7d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
    /* IE6-9 */
  }
  .sales-report-options-cube > div > figure.bottom-side .context .search-context {
    margin-bottom: 20px;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 3px;
    padding: 5px;
  }
  .sales-report-options-cube > div > figure.bottom-side .context .search-context > input {
    background-color: #000000;
    border: none;
  }
  .sales-report-options-cube > div > figure.bottom-side .context .items > div > div {
    background: #f5f6f6;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#f5f6f6', GradientType=0);
    /* IE6-9 */
    border-radius: 3px;
    opacity: 0.7;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 3px;
    text-align: center;
    border: 2px solid #ffffff;
    color: #000000;
  }
  .sales-report-options-cube > div > figure.bottom-side .context .items > div > div:hover {
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.bottom-side .context .items > div > div.selected {
    background: #feccb1;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0);
    /* IE6-9 */
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.top-side {
    width: 250px;
    height: 250px;
    transform: rotateX(-90deg) translateZ(-125px);
    background: #000000;
    /*border: 2px solid #DEB71B;*/
  }
  .sales-report-options-cube > div > figure.top-side .context {
    padding: 5px;
    height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #d9dadb;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d9dadb 0%, #c4c9ce 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9dadb', endColorstr='#c4c9ce', GradientType=0);
    /* IE6-9 */
    transform: rotateY(180deg);
  }
  .sales-report-options-cube > div > figure.top-side .context .search-context {
    margin-bottom: 20px;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 3px;
    padding: 5px;
  }
  .sales-report-options-cube > div > figure.top-side .context .search-context > input {
    background-color: #000000;
    border: none;
  }
  .sales-report-options-cube > div > figure.top-side .context .items > div > div {
    background: #dedfe0;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dedfe0 0%, #d9dee0 50%, #e5ebee 50%, #cdd4d8 51%, #e8e9ea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedfe0', endColorstr='#e8e9ea', GradientType=0);
    /* IE6-9 */
    border-radius: 3px;
    opacity: 0.7;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 3px;
    text-align: center;
    border: 2px solid #000000;
    color: #000000 !important;
  }
  .sales-report-options-cube > div > figure.top-side .context .items > div > div:hover {
    opacity: 1;
  }
  .sales-report-options-cube > div > figure.top-side .context .items > div > div.selected {
    background: #fceabb;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
    /* IE6-9 */
    opacity: 1;
  }
  .sales-report-options-cube > div > figure .filter-service-type {
    width: 100%;
  }
  .sales-report-options-cube > div > figure .filter-service-type > div > span {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .large-screen-context {
    display: none;
  }
  .small-screen-context {
    display: block;
  }
  #mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div {
    position: relative;
    display: none;
  }
  #mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div.selected {
    display: block;
  }
  #mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table,
  #mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table {
    height: auto !important;
    max-height: 1000px;
  }
  #mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .selected-service-table.discount-mode,
  #mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content > div .service-table.discount-mode {
    height: 0 !important;
  }
  #mainFactorModal .main-factor-wizard .modal-body .main-wizard .wizard-content {
    overflow: auto;
  }
  #mainFactorModal .modal-dialog {
    width: 95%;
  }
  #mainFactorModal .modal-dialog .factorform-selectdate-context.show {
    left: 10%;
  }
  .auth-block {
    width: 400px;
    margin-top: 1vh;
  }
  .ion-ios-videocam {
    display: none;
  }
  .service-info-view .customer-summary-information > li.customer-data > ul > li {
    width: 108px !important;
  }
}
.main-factor-wizard {
  margin-top: 50px;
}
.main-factor-wizard .printable-displayer p,
.main-factor-wizard .printable-element p,
.main-factor-wizard .printable-displayer label,
.main-factor-wizard .printable-element label,
.main-factor-wizard .printable-displayer th,
.main-factor-wizard .printable-element th,
.main-factor-wizard .printable-displayer td,
.main-factor-wizard .printable-element td,
.main-factor-wizard .printable-displayer div,
.main-factor-wizard .printable-element div,
.main-factor-wizard .printable-displayer li,
.main-factor-wizard .printable-element li {
  font-family: 'BNazanin' !important;
  font-weight: normal !important;
}
.main-factor-wizard .printable-displayer label,
.main-factor-wizard .printable-element label {
  font-size: 12px !important;
}
.main-factor-wizard .printable-displayer .saler li,
.main-factor-wizard .printable-element .saler li,
.main-factor-wizard .printable-displayer .buyer li,
.main-factor-wizard .printable-element .buyer li {
  min-width: 120px;
}
@media print {
  .no-print {
    display: none;
  }
  .pagebreak {
    background-color: red;
    clear: both;
    page-break-inside: auto;
    /*&::after {
            clear: both;
            page-break-after: always;
            content:" "
        }*/
  }
  .ion-printer {
    display: none;
  }
  .print-mode-table-info {
    width: 33.33333333% !important;
  }
  .user-info {
    display: none;
  }
  .printable-element {
    display: block !important;
  }
  .colspan-to-print {
    display: table-cell;
  }
  .main-factor-wizard {
    margin-top: 0;
  }
  .node-title {
    border: 2px solid #000000;
    border-radius: 5px;
  }
  treenode ul {
    border-right: 2px solid #000000;
  }
}
body.ligth-theme::before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*background: url("/Content/Images/Back.jpg") no-repeat center center;*/
  background: url("/Content/Images/LigthBackGrand1.jpg") no-repeat center center;
  background-size: cover;
  will-change: transform;
  z-index: -1;
}
.ligth-theme .offline-header {
  height: 50px !important;
  background: #448776;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #448776 0%, #bae0c6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#448776', endColorstr='#bae0c6', GradientType=0);
  /* IE6-9 */
}
.ligth-theme .page-top {
  background: #448776;
  background: linear-gradient(to bottom, #448776 50%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#448776', endColorstr='#transparent', GradientType=0);
}
.ligth-theme .panel > .panel-heading {
  color: #32381d;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ligth-theme .checkbox label,
.ligth-theme .radio label,
.ligth-theme label {
  font-size: 16px;
  line-height: 1.42857143;
  color: #32381d;
  font-weight: 400;
  margin-left: 10px;
}
.ligth-theme .panel.panel-blur {
  background: url(/Content/Images/LigthBackGrand21.jpg) fixed;
  transition: none;
  background-attachment: fixed;
}
.ligth-theme .service-info-view .customer-service-item > div {
  background: rgba(255, 255, 255, 0.6);
}
.ligth-theme .service-info-view .customer-service-item > div .item-tools-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
.ligth-theme .service-info-view .main-service-view-content-item > div > figure.front-edge {
  background: rgba(31, 157, 144, 0.9);
}
.ligth-theme .service-info-view .main-service-view-content-item > div > figure.up-edge {
  background: rgba(0, 0, 0, 0.8);
}
.ligth-theme .service-info-view .user-view section > div > figure.rigth-edge {
  background: rgba(201, 219, 184, 0.9);
}
.ligth-theme body,
.ligth-theme p,
.ligth-theme li,
.ligth-theme a,
.ligth-theme span md-input,
.ligth-theme h1,
.ligth-theme h2,
.ligth-theme h3,
.ligth-theme h4,
.ligth-theme h5,
.ligth-theme h6 {
  color: #000000;
}
.ADMdtp-calendar-container {
  z-index: 100000 !important;
}
@media print {
  /* CSS reset to clear styles for printing */
  /*html, body, div {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }*/
  #content,
  #myImages,
  #myImages * {
    /* Only display the images we want printed */
    /* all of the image's parent divs
       leading up to the body must be un-hidden (displayed) too
    */
    display: block;
    /* CSS reset to clear the specific visible divs for printing */
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  /* We have line breaks in the DIV
     to separate the images in the browser,
     but do not want those line breaks when printing
  */
  #myImages br {
    display: none;
  }
  img {
    /* Only some browsers respect this rule: */
    page-break-inside: avoid;
    /* Almost all browsers respect this rule: */
    page-break-after: always;
  }
  .pagebreak {
    background-color: red;
    clear: both;
    page-break-after: always;
    /*&::after {
            clear: both;
            page-break-after: always;
            content:" "
        }*/
  }
}
/* The @page rules specify additional printing directives that browsers may respect
   Here we suggest printing in landscape (instead of portrait) with a small margin.
   Browsers, however, are free to ignore or override these suggestions.
   See also:
    https://developer.mozilla.org/en-US/docs/CSS/@page
    https://dev.w3.org/csswg/css3-page/#at-page-rule
*/
@page {
  /* Some browsers respect rules such as size: landscape */
  margin: 1cm;
}