.offer-mobile-wrapper

/*'lower' walues needed to prevent Mozila and old browsers to break on border screen width values*/
#s4-workspace,
#s4-workspace * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div,
applet,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: middle;
  background: transparent;
}

ol li,
ul li {
  list-style-type: none;
}

h4,
h5,
h6,
.ms-h4,
.ms-h5,
.ms-h6 {
  font-family: 'Nunito Sans', Arial !important;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

input,
select {
  outline: none;
}

*:focus {
  outline: 0;
}

input[type="submit"] {
  border: none;
  overflow: visible;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

p,
td,
th,
li,
dl {
  font-size: 13px;
}

p {
  margin-bottom: 5px;
  line-height: 16px;
}

img {
  vertical-align: bottom;
}

label {
  cursor: pointer;
}

a,
a:visited {
  color: #333;
  font-size: 13px;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #cf0972;
}

html {
  height: 100%;
}

body {
  /*Original styles*/
  -webkit-overflow-scrolling: touch;
  min-height: inherit !important;
  height: auto !important;
  overflow: auto;
  /*New styles; if still commented after 30.05.2018 - remove*/
  color: #333;
  font: 62.5% 'Nunito Sans', Arial !important;
}

/*A lot of images don't suit the screen size. Make this for all. It should not break anything. If it is - specify styles for broken*/
@media (max-width: 969px) {
  img {
    display: inline-block;
    max-width: 100%;
  }
}

/*Fixing share-point styles.*/
button {
  min-width: 0;
}

/*******************************
    FONTS
    *******************************/
@font-face {
  font-family: 'AvenirLT-Light';
  src: url(../fonts/avenir_light.eot);
  src: url(../fonts/avenir_light.eot?#iefix) format("embedded-opentype"), url(../fonts/avenir_light.woff) format("woff"), url(../fonts/avenir_light.ttf) format("truetype"), url(../fonts/avenir_light.svg#avenir_light) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirLT-Medium';
  src: url(../fonts/avenir_medium.eot);
  src: url(../fonts/avenir_medium.eot?#iefix) format("embedded-opentype"), url(../fonts/avenir_medium.woff) format("woff"), url(../fonts/avenir_medium.ttf) format("truetype"), url(../fonts/avenir_medium.svg#avenir_medium) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirLT-Book';
  src: url(../fonts/avenir_book.eot);
  src: url(../fonts/avenir_book.eot?#iefix) format("embedded-opentype"), url(../fonts/avenir_book.woff) format("woff"), url(../fonts/avenir_book.ttf) format("truetype"), url(../fonts/avenir_book.svg#avenir_book) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirLT-Heavy';
  src: url(../fonts/avenir_heavy.eot);
  src: url(../fonts/avenir_heavy.eot?#iefix) format("embedded-opentype"), url(../fonts/avenir_heavy.woff) format("woff"), url(../fonts/avenir_heavy.ttf) format("truetype"), url(../fonts/avenir_heavy.svg#avenir_heavy) format("svg");
  font-weight: 400;
  font-style: normal;
}

/*******************************
    GENERAL STYLES
    *******************************/
h1 {
  font-size: 48px;
  margin-bottom: 20px;
  font-weight: 400;
}

h1,
.newsticker h2 {
  font-family: 'Nunito Sans Light', 'Nunito Sans';
  font-weight: 300;
}

h2 {
  font-size: 24px;
  color: #5b1f69;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 27px;
  letter-spacing: -.02em;
}

h2,
.overlaytxt h1 {
  font-family: 'Nunito Sans' !important;
}

h2.t-ico {
  line-height: 44px;
  margin-bottom: 0;
}

h2.t-ico img {
  float: left;
  margin-right: 10px;
}

h3 {
  font-size: 16px;
}

h3 a,
h3 a:visited {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h4 a,
h4 a:visited {
  font-size: 14px;
}

h4.freesms {
  background: url(../images/ico-envelope.png) no-repeat;
  padding-left: 30px;
}

h5 {
  font-size: 13px;
  margin-bottom: 5px;
}

h5 a,
h5 a:visited {
  font-size: 13px;
}

h6 {
  font-size: 13px;
  margin-bottom: 5px;
  font-weight: 400;
}

h6 a,
h6 a:visited {
  font-size: 13px;
}

.content,
.pagecontent {
  margin: 0 auto;
  width: 940px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: .1em;
  visibility: hidden;
}

/* * html .clearfix {
    height: 1%
  }*/
.clearfix {
  display: block;
}

.nav li a span,
.zainsurvey h5 a,
.zainsurvey h5 a:visited,
.btn-gray32,
.btn-gray32:visited,
.btn-pink32,
.btn-pink32:visited,
.btn-gray32 input,
.btn-pink32 input {
  font-family: 'Nunito Sans Bold', 'Nunito Sans';
  font-weight: 700;
}

.overlaytxt p,
.overlaytxt .btn-pinkbig,
.btn-pinkbig,
.btn-pinkbig input,
.btn-pinkbig:visited,
.newsletter-widget a,
.colorbar h3,
.faq h2,
.toggleitem li span {
  font-family: 'Nunito Sans SemiBold', 'Nunito Sans';
  font-weight: 600;
}

@media print {
  .printBTN {
    display: none;
  }

  .t_newsPaggingWrapper {
    display: none;
  }
}

@media (max-width: 969px) {

  /* .spotlighthomeSmall {
      display: none;
    } */
  /* .spotlighthome {
      display: none;
    } */
  h1 {
    font-size: 32px;
  }
}

/* Quick Pay Fix */
#ctl00_SPWebPartManager1_g_6a576032_f3fd_40cc_b1f4_12df93d75271_ctrPrepaidQuickPayment_lblPleaseEnterCaptchaValue {
  display: block;
}

.s4-topLine {
  background: #eee url(../images/bgr-bodytop.png) no-repeat 50% 0;
  width: 100%;
  height: 4px;
  margin: 0;
  padding: 0;
}

#s4-workspace {
  overflow: inherit;
  /*new styles*/
  background-color: #fff !important;
  height: 100%;
  top: 0;
}

/*breadcrumb*/
.breadcrumb {
  border-top: 1px solid #ccc;
  height: 30px;
}

.breadcrumb {
  line-height: 30px;
  padding-right: 5px;
  font-size: 12px;
  color: #666;
}

.breadcrumb a,
.breadcrumb a:visited {
  padding-right: 11px;
  margin-right: 5px;
  font-size: 12px;
  background: url(../images/bgr-grayarrow.png) no-repeat 100% 60%;
}

.breadcrumb a:hover {
  color: #333 !important;
}

@media (max-width: 969px) {
  .breadcrumb .content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.breadcrumb a,
.breadcrumb a:visited,
.toggleitem h2 a,
.toggleitem h2 a:visited,
.textblock p a,
.textblock p a:visited,
.lnk,
.lnk:visited,
.list-download a,
.list-download a:visited,
.tbl-report td a,
.tbl-report td a:visited,
.pinklnk,
.pinklnk:visited,
.pdf,
.pdf:visited,
.faq-live h2 a,
.faq-live h2 a:visited {
  color: #cf0972 !important;
}

.tbl-report td a,
.tbl-report td a:visited,
.textblock p a,
.textblock p a:visited,
.lnk,
.lnk:visited,
.list-download a,
.list-download a:visited,
.pinklnk,
.pinklnk:visited,
.pdf,
.pdf:visited {
  text-decoration: underline;
}

.breadcrumb a:hover,
.toggleitem h2 a:hover,
.textblock p a:hover,
.lnk:hover,
.tbl-report td a:hover,
.pinklnk:hover,
.pdf:hover,
.faq-live h2 a:hover {
  color: #333;
  text-decoration: underline;
}

.header,
.footer,
.sitemap,
.colorbar,
.pagetop,
.section,
.row,
.subrow,
.srow,
.oneimg,
.socialbar,
.intro,
.staffrow,
.location {
  width: 100%;
  overflow: visible;
}

/*colorbar */
.colorbar {
  height: 34px;
  line-height: 34px;
}

.colorbar h3 {
  font-size: 18px;
  font-weight: 400;
  color: #fff5f5;
}

.colorbar-green {
  background-color: teal;
}

.colorbar-blue {
  background-color: #5eb6e4;
}

.pagebottom {
  background-color: #eee;
  padding: 22px 0;
}

@media (min-width: 970px) {
  .pagetop {
    position: relative;
    z-index: 2;
  }
}

@media (max-width: 640px) {
  .hide-on-mobile-breackpoint {
    display: none !important;
  }

  .image-center-on-nav-breackpoint {
    display: block;
    max-width: 100%;
  }

  .image-center-on-nav-breackpoint img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
}

.article-content {
  width: 100%;
  text-align: left;
  clear: both;
}

span.article-content {
  display: block;
}

@media (max-width: 969px) {
  #s4-workspace {
    padding-top: 55px;
    width: 100% !important;
  }

  .pagetop {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 44px;
    width: 100%;
  }

  .mobile-pagetop_active {
    height: calc(100vh - 44px);
  }

  .content,
  .pagecontent {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .article-content * {
    max-width: 100% !important;
  }

  .article-content img {
    display: block;
    height: auto !important;
  }

  #WebPartWPQ3 h1 {
    /*overwriting some inline stuff*/
    margin-top: 0 !important;
    line-height: 1.1em !important;
  }

  p {
    width: auto !important;
    /*threre are some <p> that have manualy setted width*/
    /*affect images!*/
    /*affect images!*/
    /* 
      * {
        width: auto !important;//you will never belive it      
      }
      */
  }

  .hide-on-nav-breackpoint {
    display: none !important;
  }

  .image-center-on-nav-breackpoint {
    display: block;
    max-width: 100%;
  }

  .image-center-on-nav-breackpoint img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }

  .reverse-order-nav-breackpoint {
    /*is used to put right sidebar over the main content for small resolutions. 
        It make sence if nav menu is located on the right. 
        
        Was made for F.A.Q. Now used in most of pages with the right column. If affect something -create separated lazout for F.A.Q.
        Remove this comment after 30.05.2018
        */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  /* making default SP mochup more compact */
  .ms-webpartzone-cell {
    margin-bottom: 10px;
  }
}

#s4-bodyContainer {
  padding-bottom: 0 !important;
  /*overwrite corev15 style*/
}

@media (max-width: 969px) {
  #livechat-full {
    width: 350px !important;
    max-width: 100%;
    right: 0 !important;
    max-height: 400px;
  }

  #livechat-full-view {
    top: auto !important;
    left: auto !important;
    width: 90%;
    max-height: 400px;
  }
}

/* 404 */
@media (min-width: 640px) {
  .page-404-small-resolution {
    display: none;
  }
}

@media (max-width: 640px) {
  .page-404-big-resolution {
    display: none;
  }
}

@media (min-width: 970px) and (max-width: 970px) {
  .page-404-big-resolution img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
}

/*-------------------*/
.btn-selectcountry,
.btn-selectcountry:visited {
  height: 29px;
  line-height: 29px;
  padding-left: 15px;
  display: inline-block;
  font-size: 14px;
  color: #cf0972;
  font-weight: 700;
  background: url(../images/btn-selectcountry.png) no-repeat;
  width: 159px;
  margin: 0 3px;
}

.btn-selectcountry span,
.btn-selectcountry:visited span {
  font-size: 13px;
  text-transform: uppercase;
}

.btn-mylogin,
.btn-mylogin:visited {
  height: 29px;
  line-height: 28px;
  padding-left: 15px;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  background: url(../images/btn-mylogin.png) no-repeat;
  width: 175px;
  margin: 0 8px;
  text-transform: uppercase;
  vertical-align: top;
}

.btn-mylogin:hover {
  background-position: 0 100%;
  color: #5ca623 !important;
}

.btn-login,
.btn-login:visited {
  height: 32px;
  width: 84px;
  text-transform: uppercase;
  color: #fff !important;
  text-align: center;
  background: url(../images/btn-login.png) no-repeat;
  border: none !important;
  min-width: 0 !important;
  font: 18px/32px 'Nunito Sans', Helvetica, sans-serif !important;
}

.btn-logout,
.btn-logout:visited {
  height: 29px;
  line-height: 28px;
  padding-left: 15px;
  padding-right: 10px !important;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  background: url(../images/btn-mylogin.png) top right no-repeat;
  border-radius: 7px;
  width: 110px;
  margin: 0 10px;
  text-transform: uppercase;
  vertical-align: top;
  border: none !important;
}

input[type='button'].btn-logout,
input[type='submit'].btn-logout {
  height: 28px;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
  margin: 0 10px;
}

.btn-logout:hover,
input[type='button'].btn-logout:hover,
input[type='submit'].btn-logout:hover {
  background-position: bottom right;
  color: #5ca623 !important;
}

a.btn-myzain-redirect {
  width: 110px;
  display: inline-block;
  background: url(../images/btn-mylogin.png) top right no-repeat;
  height: 28px;
  line-height: 26px;
  padding: 0px 30px 0px 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-radius: 7px;
  vertical-align: top;
  margin: 0 10px 0 0;
}

a.btn-myzain-redirect:hover {
  background-position: bottom right;
  color: #5ca623 !important;
}

@media (max-width: 969px) {

  #ctl00_LoginControl_loginControl.loginbox .btn-mylogin,
  #ctl00_LoginControl_logoutControl.loginbox .btn-logout {
    display: block;
    margin: 0 auto 5px;
  }

  a.btn-myzain-redirect {
    display: block;
    margin: 0 auto;
    padding: 0px 27px;
  }
}

/* Generated by http://css.spritegen.com CSS Sprite Generator */
.hamburger-menu-icon,
.wrench-menu-icon,
.chevron-menu-icon-big,
.chevron-menu-icon-small {
  display: inline-block;
  background: url(../images/mobile_menu_sprite.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

.hamburger-menu-icon {
  background-position: -0px -0px;
  width: 21px;
  height: 19px;
}

.wrench-menu-icon {
  background-position: -0px -19px;
  width: 20px;
  height: 20px;
}

.chevron-menu-icon-big {
  background-position: -0px -39px;
  width: 17px;
  height: 26px;
}

.chevron-menu-icon-small {
  background-position: -0px -65px;
  width: 8px;
  height: 12px;
}

/* Generated by http://css.spritegen.com CSS Sprite Generator */
.chevron-dropdown-icon-big,
.chevron-dropdown-icon-gray-big,
.close-icon,
.icon-tweeter-share-small,
.chevron-back-icon-small {
  display: inline-block;
  background: url("../images/icon_sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

.chevron-dropdown-icon-big {
  background-position: -0px -0px;
  width: 26px;
  height: 17px;
}

.chevron-dropdown-icon-gray-big {
  background-position: -0px -17px;
  width: 26px;
  height: 17px;
}

.close-icon {
  background-position: -0px -34px;
  width: 20px;
  height: 20px;
}

.icon-tweeter-share-small {
  background-position: -0px -54px;
  width: 14px;
  height: 14px;
}

.chevron-back-icon-small {
  background-position: -14px -54px;
  width: 8px;
  height: 12px;
}

/*******************************
    FORM
    *******************************/
.frm .frmul,
.frm .frmul li,
.frm .li_full,
.frmsurvey .frmul li,
.frm .li_greenline {
  width: 100%;
  float: left;
}

.frm .halflist .li_full {
  width: 100%;
}

.frm .halflist li {
  width: 50%;
  float: left;
}

.frm .halflist li.last {
  width: 48.5%;
  padding-left: 1.5%;
}

.frm .lbl-100 {
  width: 110px;
}

.frm .lbl-block {
  display: block;
  width: 100%;
  padding-bottom: 5px;
}

.frm .li_buttonline {
  border-top: 1px solid #a6dcce;
  padding: 17px 0 0;
  width: 100% !important;
}

.frm .li_greenline {
  border-top: 1px solid #a6dcce;
  padding-top: 15px;
  width: 100% !important;
}

.frm .li_p_130 {
  width: auto;
  padding-left: 130px;
}

.frm .li_p_155 {
  width: auto;
  padding-left: 155px;
}

.frm .rd-left {
  float: left;
  margin: 6px 0 0;
}

.frm .selectbox {
  margin-right: 10px;
  float: left;
}

.frm input[type=text],
.frm input[type=password],
.frm textarea {
  border: none;
  background: none;
  float: right;
  font-family: 'Nunito Sans', Arial;
  font-size: 13px;
  color: #666;
  overflow: auto;
  resize: none;
  padding-left: 5px !important;
}

.frm input.input_100 {
  background: url(../images/input_100x30.png) no-repeat;
  width: 80px;
  height: 16px;
  padding: 7px 10px;
  border: none;
  float: left;
}

.frm input.input_113 {
  background: url(../images/input-113x30.png) no-repeat;
  width: 93px;
  height: 16px;
  padding: 7px 10px;
}

.frm input.input_160 {
  background: url(../images/input159x25.png) no-repeat;
  width: 149px;
  height: 16px;
  padding: 4px 10px;
}

.frm input.input_203 {
  background: url(../images/input203x30.png) no-repeat;
  width: 183px;
  height: 18px;
  padding: 6px 10px;
  border: none;
}

.frm input.input_210,
.frmprofileimage input.file {
  background: url(../images/input-190x30.png) no-repeat;
  width: 190px;
  height: 30px;
  padding: 7px 0;
  margin-left: 15px;
  border: none;
}

.frm input.input_239 {
  background: url(../images/input-239x31.png) no-repeat;
  width: 219px;
  height: 17px;
  padding: 7px 10px;
}

.frm input.input_258 {
  background: url(../images/input-258x27.png) no-repeat;
  width: 248px;
  height: 17px;
  padding: 5px 10px;
  color: #bababa;
}

.frm input.input_265 {
  background: url(../images/input-265x30.png) no-repeat;
  width: 245px;
  height: 16px;
  padding: 7px 10px;
  border: none;
}

.frm label {
  font-size: 14px;
  font-weight: 700;
  float: left;
}

.frm li.al {
  width: auto;
}

.mobile-header {
  display: none;
}

.mobile-logo,
a.mobile-header__call.mobile-logo {
  padding-top: 3px;
  padding-bottom: 3px;
  height: 40px;
}

.mobile-logo img,
a.mobile-header__call.mobile-logo img {
  display: block;
  height: 95%;
  width: auto;
  margin: 0 auto;
}

@media (max-width: 969px) {
  .mobile-header {
    background: url("../images/bgr-mainnav-green-en-new.png") center repeat-x;
    height: 40px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
  }

  a.mobile-header__call:not([href]):not([tabindex]) {
    color: #fff;
  }

  a.mobile-header__call {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 10px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
  }

  a.mobile-header__call:not(.mobile-logo).mobile-header__call_active,
  a.mobile-header__call:not(.mobile-logo):active,
  a.mobile-header__call:not(.mobile-logo):hover {
    background: black;
  }
}

.header {
  position: relative;
  z-index: 1;
  height: 50px;
  padding-top: 10px;
}

.header:after {
  display: table;
  width: 100%;
  clear: both;
}

.header-mobile-underlay {
  display: none;
  background: #fff;
  border-radius: 5px;
  width: calc(100% - 50px);
  height: 220px;
  position: absolute;
  top: 22px;
  left: 25px;
  z-index: -1;
}

.header-mobile-underlay:before {
  content: '';
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -12px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 15px 12px;
  border-color: transparent transparent #ffffff transparent;
}

/*Depricated since april 2018*/
/*.header-callcenter-info {
    font-size: 13px;
    padding: 6px 20px 0 0;
    font-weight: 700;
    font-family: $def_headers_font_family;
    float: left;
    span:before {
      content: ', ';
    }
  }*/
.header-sharings {
  float: right;
}

.header-sharing-link {
  display: inline-block;
  margin: 2px 3px 0 0;
}

.header-sharing-link__image {
  height: 19px;
}

.topsearchbox {
  float: right;
  background: url(../images/bgr-topsearchbox.png) no-repeat;
  width: 220px;
  height: 28px;
  font-size: 14px;
}

.topsearchbox input {
  border: none;
  background: none;
  height: 27px;
  width: 34px;
  color: #666;
}

.topsearchbox input[type="text"] {
  padding: 5px 5px;
  width: 100%;
  border: none;
}

.topsearchbox li {
  float: left;
}

.ms-srch-sb-border,
.ms-srch-sb-borderFocused,
.ms-srch-sb-searchLink {
  border: none !important;
}

.ms-srch-sb-searchLink img {
  display: none !important;
}

.ms-srch-sb-searchLink:hover {
  background-color: transparent !important;
}

.pagelanguage {
  float: right;
  padding: 0 5px;
  margin-top: 5px;
}

.pagelanguage a,
.pagelanguage a:visited {
  font: 700 13px 'Nunito Sans';
}

.languagebox {
  float: right;
  background: url(../images/box-language.png) no-repeat 200px 0;
  width: 170px;
  position: relative;
  height: 31px;
  margin-right: 0;
}

.languagebox .box-in {
  background: url(../images/box-language.png) repeat-y 200px 0;
  width: 172px;
  padding: 0 4px;
}

.languagebox .box-out {
  background: url(../images/box-language.png) no-repeat 200px 0;
  width: 100%;
  padding-bottom: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.languagebox ul {
  display: none;
  padding-top: 5px;
}

.languagebox li {
  padding: 0 18px;
  line-height: 30px;
}

.languagebox li a,
.languagebox li a:visited {
  font-size: 14px;
  color: #d2187b;
  border-bottom: 1px solid #d9d9d9;
  background: url(../images/bgr-pinkarrrow.png) no-repeat 99% 50%;
  display: block;
}

.languagebox li.lastc a {
  border-bottom: none;
}

.languagebox li:hover {
  background-color: #e5e5e5;
}

.languagebox:not(.languagebox-toggle) .box-in ul {
  display: none !important;
}

.languagebox.languagebox-toggle {
  background-position: 0 0;
  margin-top: -8px;
}

.languagebox.languagebox-toggle .box-in {
  background-position: -346px 0;
}

.languagebox.languagebox-toggle .box-out {
  background-position: -173px 100%;
  padding-top: 7px;
  padding-bottom: 7px;
}

.languagebox.languagebox-toggle .btn-selectcountry,
.languagebox.languagebox-toggle .btn-selectcountry:visited {
  font-size: 13px;
}

.loginbox {
  float: right;
  background: url(../images/box-mylogin.png) no-repeat 2000px 0;
  padding-top: 7px;
  margin: -7px 0 0;
  position: relative;
}

.loginbox .text-label {
  color: #cdcdcd;
}

.loginbox .box-in {
  background: url(../images/box-mylogin.png) repeat-y 2000px 0;
  width: 342px;
  padding: 10px 26px 10px 23px;
  overflow: hidden;
}

.loginbox .box-out {
  background: url(../images/box-mylogin.png) no-repeat 2000px 0;
  width: 100%;
  padding-bottom: 10px;
}

.loginbox .box-top {
  background: url(../images/box-mylogin.png) no-repeat 2000px 0;
  width: 344px;
  padding-top: 8px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 35px;
  display: none;
}

.loginbox li {
  margin-bottom: 10px;
  overflow: hidden;
}

.loginbox li.li-line {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-bottom: 0;
}

.loginbox li.li-line input[type='button'],
.loginbox li.li-line input[type='submit'] {
  margin-bottom: 0 !important;
}

.loginbox .login-links {
  padding: 3px 0 5px 97px;
  float: right;
  color: #b8b8b8;
  font-size: 12px;
}

.loginbox .login-links a,
.loginbox .login-links a:visited {
  font-size: 12px;
}

.loginbox .login-links span {
  padding: 0 5px;
}

/*-------------------------------*/
/*myzain login box*/
.loginbox-left {
  background-image: url(../images/box-mylogin-left.png);
}

.loginbox-left .box-top {
  background-image: url(../images/box-mylogin-left.png);
  left: -225px;
}

.loginbox-left .box-out {
  background-image: url(../images/box-mylogin-left.png);
}

.loginbox-left .box-in {
  background-image: url(../images/box-mylogin-left.png);
}

.loginbox-left.loginbox-toggle {
  background-position: -225px 0;
}

.loginbox-toggle {
  background-position: 0 0;
}

.loginbox-toggle .box-top {
  background-position: 0 -36px;
}

.loginbox-toggle .box-out {
  background-position: -344px 100%;
}

.loginbox-toggle .box-in {
  background-position: -688px 0;
}

.loginbox-toggle .btn-selectcountry,
.loginbox-toggle .btn-selectcountry:visited {
  font-size: 13px;
}

.loginbox-toggle h2 {
  margin-bottom: 15px;
}

.loginbox-toggle .InputLabel {
  line-height: 28px;
  width: 81px;
  letter-spacing: -.03em;
  font-size: 14px;
  float: left;
  font-weight: 700;
}

/*End of My zain login*/
/*-------------------------------*/
.error,
.error-login {
  color: red;
  display: block;
  width: 100%;
  text-align: right;
  visibility: hidden;
  border: none !important;
  clear: both;
}

@media (max-width: 969px) {
  .languagebox.languagebox-toggle .btn-selectcountry {
    width: 100%;
    margin: 0;
    font-size: 0;
    background: #cc1470;
    border-top: 1px solid #cc1470;
    border-bottom: 1px solid #cc1470;
    height: 40px;
    line-height: 38px;
  }

  .languagebox.languagebox-toggle .btn-selectcountry:after {
    content: "Back";
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 -13px;
    height: 100%;
    padding: 0 15px;
    color: #fff;
  }

  .languagebox.languagebox-toggle .btn-selectcountry:before {
    content: '';
    display: inline-block;
    background: url(../images/mobile_menu_sprite.png) 0px -65px no-repeat;
    width: 8px;
    height: 12px;
  }

  .header {
    padding: 40px 15px 15px;
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: #3d9980;
    display: none;
    overflow: auto;
  }

  .header.header_mobile_active {
    display: block;
  }

  .header-mobile-underlay {
    display: block;
  }

  .header-callcenter-info,
  .loginbox,
  .topsearchbox,
  .pagelanguage,
  .languagebox {
    float: none;
    margin: 0 auto 15px;
  }

  .pagelanguage {
    text-align: center;
  }

  .header-callcenter-info {
    color: #666;
    text-align: center;
    padding-right: 0;
  }

  .header-callcenter-info span {
    display: block;
    color: #66ab3d;
    font-size: 1.1em;
  }

  .header-callcenter-info span:before {
    display: none;
  }

  .header-sharings {
    display: none;
  }

  .loginbox {
    background: none;
  }

  .loginbox .btn-mylogin,
  .loginbox .btn-pink32 {
    margin-left: 0;
    margin-right: 0;
  }

  .loginbox .box-top {
    background: #fff;
    border-radius: 7px;
    border: 1px solid #ccc;
    width: 350px;
    left: 50%;
    margin-left: -175px;
  }

  .loginbox .box-in,
  .loginbox .box-out {
    width: auto;
    height: auto;
    background: none;
  }

  .languagebox .box-in {
    padding-left: 0px;
  }

  .languagebox .btn-selectcountry,
  .languagebox .btn-selectcountry:visited {
    margin-left: 0px;
  }

  .languagebox.languagebox-toggle {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    margin: 0 auto;
  }

  .languagebox.languagebox-toggle .box-out {
    background: #fff;
    width: 100%;
    min-height: 100%;
    padding: 0;
  }

  .languagebox.languagebox-toggle .box-in {
    width: 100%;
    height: 100%;
    background: none;
    padding: 0;
  }

  /*For one called from main*/
  .locfinder .languagebox.languagebox-toggle {
    z-index: 1000;
    position: fixed;
  }
}

@media (max-width: 400px) {

  /*some durty fix here*/
  .loginbox .box-top {
    width: 300px;
    margin-left: -150px;
  }

  .loginbox-toggle .box-top .InputLabel {
    float: none !important;
  }

  .loginbox-toggle .box-top .frm input.input_210 {
    float: none !important;
  }
}

.mainmenu {
  height: 88px;
  padding: 1px 0 0;
  position: relative;
  z-index: 0;
  margin-bottom: 20px;
}

.mainmenu-hassub {
  height: 129px;
}

.mm_default_bg {
  background: url("../images/bgr-mainnav-green-en-new.png") no-repeat 50% 0;
}

@media (min-width: 970px) {
  .nav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }

  .nav .nav-call-low-level {
    display: none !important;
  }

  .nav>li {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    border-left: 1px solid #fff;
  }

  .nav>li>a {
    display: block;
    /* padding: 17px 10px 4px;*/
    padding: 37px 10px 4px;
    height: 88px;
    font-size: 11px;
    color: #333;
  }

  .nav>li>a span {
    display: block;
    color: #fff;
    font-size: 15px;
  }

  .nav>li.logo>a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    padding: 0 10px;
  }

  .nav>li:not(.logo):hover.has-sub>a {
    background: url(../images/bgr-mainnav-active.png) repeat-x 50% 0;
  }

  .nav>li:not(.logo):hover:not(.has-sub)>a {
    background: url(../images/bgr-mainnav-hover.png) repeat-x 100% 0;
  }

  .nav__second-level {
    display: none;
    position: absolute;
    left: 0;
    top: 88px;
     background: #eee;
    border-radius: 0 0 5px 5px;
/*    background: url(../images/bgr-mainnav-sub.png) no-repeat;*/
    min-height: 44px;
    width: 100%;
    padding: 0 10px;
  }
  
  .nav__second-level li {
    float: left;
    font-size: 12px;
    /*    padding: 0 5px 0 11px;*/
    /*Change does not exist on stage*/
/*    padding: 0 5px 0 9px;*/
padding: 0 4px 0 4px;
    line-height: 44px;
  }

  .nav__second-level li a {
    font-size: 13px;
    color: #4d534e;
    font-weight: 700;
    height: auto;
  }

  .nav__second-level li a:visited {
    color: #4d534e;
  }

  .nav__second-level li a:hover,
  .nav__second-level li a:visited:hover {
    color: #009b74;
    background: none;
  }

  .nav__second-level li.nav__li-separator {
    margin: 0px;
    padding: 0px 3px 0px 3px;
  }
}

@media (max-width: 969px) {
  .mainmenu.mm_default_bg {
    background: #3d9980;
  }

  .mainmenu {
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: #3d9980;
    display: none;
    overflow: auto;
    margin-bottom: 0;
  }

  .mainmenu.mainmenu_mobile_active {
    display: block;
  }

  .nav {
    min-height: 100%;
  }

  .nav li a {
    display: block;
    padding: 10px 15px;
  }

  .nav>li {
    position: relative;
  }

  .nav>li>a {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    padding-right: 40px;
  }

  .nav>li>a span {
    display: block;
    font-size: 1.2em;
    color: #fff;
  }

  .nav>li>a br {
    display: none;
  }

  .nav>li>a .nav-call-low-level {
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 100%;
    top: 0;
    right: 0;
  }

  .nav>li>a .nav-call-low-level>i {
    margin: 11px 0 0 10px;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }

  .nav>li.logo {
    display: none;
  }

  .nav>li.selected .nav-call-low-level>* {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .nav>li.selected {
    background-color: #1f8787;
    border-bottom-color: #1f8787;
  }

  .nav>li.selected:after {
    display: none;
  }

  .nav>li:after {
    content: '';
    display: block;
    margin-left: 5px;
    width: calc(100% - 10px);
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
  }

  .nav__second-level {
    display: none;
    overflow-y: auto;
    background: #fefefe;
  }

  .nav__second-level li>a {
    color: #419b82;
  }

  .nav__second-level li>a:hover,
  .nav__second-level li>a:active {
    background: rgba(65, 155, 130, 0.2);
  }

  .nav__second-level li:after {
    content: '';
    display: block;
    margin-left: 5px;
    width: calc(100% - 10px);
    height: 1px;
    background-color: rgba(65, 155, 130, 0.2);
  }

  .nav__second-level li.nav__li-separator {
    display: none;
  }

  .nav__second-level li:last-child {
    border-bottom: none;
  }
}

/*
  .mspacing_1 .nav li a,
  .mspacing_1 .nav li a:visited {
    padding: 17px 13px 4px 12px
  }
  
  .mspacing_2 .nav li a,
  .mspacing_2 .nav li a:visited {
    padding: 17px 23px 4px 22px
  }
  
  .mspacing_3 .nav li a,
  .mspacing_3 .nav li a:visited {
    padding: 17px 23px 4px 22px
  }
  */
/*footer*/
.footer {
  border-bottom: 1px solid #b6b6b6;
  padding-bottom: 11px;
  margin-bottom: 10px;
}

.footer li {
  display: inline;
  padding-right: 10px;
}

.footer .logosmall {
  float: left;
}

.footer p {
  font-size: 12px;
  padding: 11px 0 3px;
  margin-bottom: 0;
}

.footer .copyright {
  float: left;
  margin-left: 17px;
}

.footer .copyright ul {
  direction: ltr;
}

.footer .copyright li {
  padding-right: 10px;
}

.footer .copyright a,
.footer .copyright a:visited {
  font-weight: 700;
  font-size: 12px;
}

/* Depricated since 16.04.2018 */
/*.socialmedialinks {
    padding-bottom: 9px;
    margin-bottom: 20px;
    ul {
      float: right
    }
    li {
      float: left;
      padding-left: 8px
    }
    a,
    a:visited {
      background: url(../images/btn-socials.png) no-repeat;
      height: 28px;
      padding-left: 6px;
      display: inline-block;
      font-weight: 700;
      line-height: 28px;
      letter-spacing: -.02em
    }
    a span {
      background: url(../images/btn-socials.png) no-repeat 100% -28px;
      height: 28px;
      display: inline-block;
      padding-right: 8px;
      img {
        float: left;
        margin: 4px 6px 0 0
      }
    }
  }*/
/* Depricated since 16.04.2018 */
/*.sitemap {
    .col {
      float: left;
      width: 156px
    }
    h3 {
      font-size: 13px;
      margin-bottom: 3px;
      font-weight: 700
    }
    li {
      line-height: 20px
    }
  }*/
.newsletter-widget {
  height: 40px;
  float: right;
  margin-top: 5px;
}

.newsletter-widget img {
  float: left;
  margin: -2px 5px 0 0;
}

.newsletter-widget a,
.newsletter-widget a:visited {
  font-size: 18px;
  padding-top: 4px;
  line-height: 20px;
  color: #666;
  letter-spacing: -.02em;
}

@media (max-width: 969px) {

  /* Depricated since 16.04.2018 */
  /*.sitemap {
      display: none;
    }*/
  .footer {
    border: none;
    padding: 0;
    margin: 0;
  }

  .footer .logosmall {
    display: none;
  }

  .footer .copyright {
    float: none;
    text-align: center;
  }

  /* Depricated since 16.04.2018 */
  /*.socialmedialinks {
      ul {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        float:none;
      }
      li {
        float:none;
        padding: 5px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        white-space: nowrap;
        a{
          display: block;
          font-size:0;
          img{
            margin:4px 0;
            float:none;
          }
        }
      }
    }*/
  .footer-mobile {
    padding-top: 54px;
    position: relative;
  }

  .newsletter-widget {
    position: absolute;
    top: 0;
    margin: 0;
    left: 50%;
    margin-left: -106px;
    width: 212px;
    float: none;
  }
}

/*******************************
    PAGER  PLAY PAUSE
    *******************************/
.bx-wrapper {
  position: relative;
}

.bx-controls {
  position: absolute;
  z-index: 100;
  bottom: 25px;
  left: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bx-controls-auto .bx-start,
.bx-controls-auto .bx-stop {
  display: block;
  width: 26px;
  height: 26px;
  background-image: url(../images/bgr-play-pause.png);
  background-repeat: no-repeat;
  color: transparent;
}

.bx-controls-auto .bx-start {
  background-position: 0 -26px;
}

.bx-controls-auto .bx-start:hover {
  background-position: 0 -78px;
}

.bx-controls-auto .bx-stop {
  background-position: 0 0;
}

.bx-controls-auto .bx-stop:hover {
  background-position: 0 -52px;
}

.bx-controls-auto .bx-start.active,
.bx-controls-auto .bx-stop.active {
  display: none;
}

/* .bx-prev,
  .bx-next {
    position: absolute;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    z-index: 21;
    background: url(../images/bgr-thumb-prev-next.png) no-repeat;
    height: 21px;
    width: 23px;
  }
  
  .bx-prev:hover {
    background-position: 0 100%;
  }
  
  .bx-next {
    background-position: 100% 0;
  }
  
  .bx-next:hover {
    background-position: 100% 100%;
  }
   */

.bx-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.bx-pager-item {
  margin: 0 3px;
}

.bx-pager a.bx-pager-link {
  display: block;
  width: 13px;
  height: 13px;
  background-position: 0 0;
  overflow: hidden;
  text-indent: -9999em;
}

.bx-pager a.bx-pager-link:hover,
.bx-pager a.bx-pager-link.active {
  background-position: 100% 0;
}

.oneimg {
  position: relative;
}

.oneimg h1 {
  color: #fff;
  position: absolute;
  bottom: 8px;
  left: 35px;
  z-index: 2;
}

/* .bx-wrapper .bx-viewport {
    left: -10px !important;
    border-top-style: none !important;
    border-left-style: none !important;
    border-bottom-style: none !important;
    border-right-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    background-color: transparent !important;
  } */

/* ************************************************** */
/* ************************************************** */
/*Index page*/
.col-two.last .imgbox {
  float: left;
  margin-right: 15px;
  width: 140px;
}

.col-two.last .imgbox .rimg5>img {
  display: block;
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.b_loc_finder_homepage_description {
  float: none;
  width: auto;
}

.b_loc_finder_homepage_description {
  float: none;
  width: auto;
  position: relative;
  margin-left: 155px;
}

.b_loc_finder_homepage_description .rimg5 {
  width: 100%;
  min-height: 50px;
}

@media (max-width: 640px) {
  .col-two.last .imgbox {
    width: 125px;
    margin-right: 10px;
  }

  .col-two.last .imgbox a {
    max-width: 100%;
  }

  .col-two.last .b_loc_finder_homepage_description {
    margin-left: 135px;
  }
}

#ctl00_ctl38_g_2d01a6aa_d231_412e_bdbf_e8320e69df1b .srow,
#ctl00_SPWebPartManager1_g_2d01a6aa_d231_412e_bdbf_e8320e69df1b .srow,
#ctl00_ctl38_g_7ec21087_b6cd_4567_8146_a782334c6506 .srow,
#ctl00_SPWebPartManager1_g_7ec21087_b6cd_4567_8146_a782334c6506 .srow {
  width: auto !important;
}

/*content-listing*/
.content-listing {
  padding: 15px 0 15px 18px;
}

.content-listing h3 {
  margin-bottom: 3px;
}

.content-listing a,
.content-listing a:visited {
  color: #cf0972 !important;
}

.content-listing ul,
.content-listing li,
.content-listing .clitem {
  width: 280px;
  height: 155px;
  position: relative;
  overflow: hidden;
}

.content-listing li:after {
  content: '';
  position: absolute;
  width: calc(100% - 100px);
  height: 1px;
  background-color: #ccc;
  /* bottom: 40px;*/
  bottom: 36px;
  left: 0;
}

.content-listing li p,
.content-listing .clitem p {
  padding-right: 110px;
  position: relative;
  z-index: 2;
}

.content-listing .cl-det {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
  padding: 8px 0 10px;
  border-top: 1px solid #ccc;
}

.content-listing .absimg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.content-listing .absimg-middle {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 1;
}

.content-listing .absimg-middle2 {
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 1;
}

.content-listing .absimg2 {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 1;
}

.content-listing .cl-price {
  color: #009b74;
}

.content-listing .content-listing-rotator,
.content-listing .content-listing-rotator li {
  height: 168px;
  padding-bottom: 0;
}

.content-listing .content-listing-rotator li p {
  padding-right: 110px;
}

.content-listing .content-listing-rotator .cl-det {
  width: 160px;
}

/*BX slider in .content-listing*/
.content-listing .bx-window {
  height: 168px;
}

.content-listing .bx-pager {
  bottom: 15px !important;
}

.content-listing .bx-wrapper .bx-pager {
  left: 105px;
  bottom: 13px;
}

.content-listing .bx-wrapper .bx-pager a.bx-pager-link {
  background-image: url(../images/bgr-pagerdotssmall.png);
  width: 7px;
  height: 7px;
  margin: 0 2px;
}

.content-listing .bx-wrapper .bx-default-pager.bx-pager a.bx-pager-link:hover,
.content-listing .bx-wrapper .bx-default-pager.bx-pager a.bx-pager-link.active {
  background-position: 100% 0 !important;
}

@media (max-width: 969px) {

  /*New slider*/
  #ctl00_ctl38_g_47d43827_f62b_48ea_9673_ac5d54890943.bx-wrapper,
  #ctl00_SPWebPartManager1_g_47d43827_f62b_48ea_9673_ac5d54890943.bx-wrapper {
    display: none;
  }
}

/*Inner pages styles*/
.jThumbnailScroller.tab_930 {
  max-width: 100%;
}

/* ************************************************** */
/* ************************************************** */
/*Content Layouts*/
/*********************************
      Page Layouts WebPart Zones
    *********************************/
.ZoneRow {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.ZoneRow70Inverted {
  width: 620px;
  float: right;
}

.ZoneRow70Inverted .Right {
  width: 620px;
  float: right;
  margin-left: 20px;
}

.ZoneRow30Inverted {
  width: 300px;
  float: left;
}

.ZoneVerticalDivider {
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: top;
  float: left;
}

@media (min-width: 640px) {
  .ShareControl {
    margin-right: 20px;
    float: left;
    width: 330px;
  }
}

/*----- Location finder main ------*/
@media (max-width: 640px) {
  .b_loc_finder_homepage_linklist {
    top: 42px;
  }

  .b_loc_finder_homepage_linklist ul li {
    margin-top: 0 !important;
  }

  .locfinder {
    margin-top: -30px;
    float: left;
    margin-left: 135px;
  }
}

@media (min-width: 640px) {
  .locfinder {
    margin-top: -71px;
    float: left;
    margin-left: 250px;
  }
}

.b_loc_finder_homepage_linklist {
  position: absolute;
  top: 58px;
}

.b_loc_finder_homepage_linklist a:hover {
  color: #333 !important;
}

/*----- Location finder page ------*/
/*choose location in Location Finder*/
#map_canvas {
  height: 360px;
}

@media (max-width: 969px) {
  #map_canvas {
    margin: auto 20px;
  }
}

@media (min-width: 970px) {
  #map_canvas {
    width: 578px;
    margin: auto;
  }
}

@media (max-width: 640px) {
  [id$=divKioskLocationsWrapper] {
    margin-top: 140px;
  }
}

@media (min-width: 640px) {
  [id$=divKioskLocationsWrapper] {
    margin-top: 73px;
  }
}

#lb_Governorate {
  line-height: 27px;
  font-weight: 700;
}

.t_errorMsg {
  color: red;
  float: left;
}

.t_selectionLocation_browse {
  float: left;
  line-height: 30px;
  margin-right: 10px;
}

.t_governorate {
  width: 380px;
  float: left;
  margin-right: 65px;
}

.t_map {
  padding: 0 6px;
  position: relative;
}

.t_mapbox {
  width: 100%;
  position: relative;
}

.t_mapbox .t_boxin {
  padding: 20px 0;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  background-color: #f4f4f4;
  border-radius: 2%;
}

.t_selectlocation {
  width: 100%;
  height: 45px;
  padding-left: 30px;
  padding-right: 30px;
}

.t_input {
  margin-left: 5%;
}

.t_controlBox {
  width: 100%;
}

.t_controlHourStart {
  width: 72px;
  margin-left: 10%;
}

.t_controlHourEnd {
  width: 72px;
  margin-left: 2%;
}

.t_locations {
  padding-top: 20px;
}

.t_row-location {
  overflow: hidden;
  line-height: 18px;
}

.t_row-loc-address {
  padding: 7px 0 0;
}

.t_row-loc-address h5 {
  font-weight: 700;
}

.t_row-loc-details {
  padding: 6px 14px;
  position: relative;
  background-color: #f4f4f4;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  border-radius: 2%;
}

.t_row-loc-details:after {
  content: '';
  display: table;
  clear: both;
  height: 1px;
}

@media (min-width: 640px) {
  .t_row-loc-address {
    float: left;
    width: 40%;
  }

  .t_row-loc-details {
    float: left;
    width: 55%;
  }
}

@media (min-width: 970px) {
  .t_row-loc-address {
    width: 215px;
  }

  .t_row-loc-details {
    width: 360px;
  }
}

.t_p-row-hours {
  text-align: right;
  margin-right: 30px;
}

/*.t_smallboxin {
      padding: 9px 14px 9px 14px;
      border-color: #ccc;
      border-width: 1px;
      border-style: solid;
      background-color: rgb(244, 244, 244);
      border-radius: 2%;
    }*/
.t_row-line {
  overflow: hidden;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #d7d7d7;
  margin-top: 20px;
  padding-bottom: 16px;
}

@media (min-width: 970px) {
  .t_row-line {
    width: 605px;
  }
}

.t_locationplus {
  float: right;
  margin-right: 15px;
}

/* ------------------------------- */
/*Select location */
.t_combo_loc_finder {
  background: #fff;
  border: 1px solid #ccc;
  margin-left: 45px;
  height: 30px;
  border-radius: 3px;
  width: calc(100% - 45px) !important;
  max-width: 400px;
}

.t_combo_loc_finder .jqTransformSelectWrapper a.jqTransformSelectOpen {
  height: 30px;
  top: -1px;
}

.t_combo_loc_finder .jqTransformSelectWrapper {
  background: none;
  width: 100% !important;
}

/* ------------------------------- */
.ZoneRow30MyZain {
  width: 260px;
  float: left;
}

.ZoneRow70MyZain {
  width: 620px;
  float: right;
}

.main_image-link,
a.main_image-link {
  display: block;
  max-width: 100%;
}

.main_image-link>img,
a.main_image-link>img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

@media(max-width:639px) {

  .main_image-link>img,
  a.main_image-link>img {
    display: block;
    width: 100% !important;
    max-height: 170px;
  }
}

@media (min-width: 640px) and (max-width: 969px) {

  .ZoneRow33,
  .ZoneRow33Middle {
    width: calc(50% - 10px);
    float: left;
  }

  .ZoneRow33:nth-child(2n+1),
  .ZoneRow33Middle:nth-child(2n+1) {
    margin-right: 20px;
  }
}

@media (min-width: 970px) {

  /*twocol-box-main-sidebar*/
  .twocol-box-main-sidebar {
    background: url(../images/bgr-vertical-shadow-rep.png) repeat-y 622px 0;
    margin-bottom: 20px;
  }

  .twocol-box-main-sidebar>.box-out {
    background: url(../images/bgr-vertical-shadow-bottom.png) no-repeat 622px 100%;
    padding-bottom: 0;
  }

  .twocol-box-main-sidebar>.box-out>.box-in {
    background: url(../images/bgr-vertical-shadow-top.png) no-repeat 622px 0;
    padding-top: 10px;
  }

  /*twocol-box-main-sidebar*/
  .z_web_title_and_description_control_wrapper {
    background: url(../images/bgr-rowshadow-bot.png) no-repeat 0 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .ZoneRow33,
  .ZoneRow33Middle {
    width: calc(33% - 20px);
    float: left;
  }

  .ZoneRow33Middle {
    margin-left: 20px;
    margin-right: 20px;
  }

  .ZoneRow50 {
    width: calc(50% - 10px);
    float: left;
  }

  .ZoneRow50.Right {
    margin-left: 20px;
  }

  .ZoneRow70,
  .ZoneRow70Tab {
    width: 65%;
    float: left;
  }

  .ZoneRow70Tab {
    padding-left: 20px;
  }

  .ZoneRow30,
  .ZoneRow30Tab {
    width: 33%;
    float: right;
  }

  .ZoneRow30.Right,
  .ZoneRow30Tab.Right {
    margin-left: 2%;
  }

  .ZoneRow70News {
    width: 65%;
    float: left;
  }

  .ZoneRow30News {
    width: 30%;
    float: right;
  }
}

/*images in right col's prevent images go out*/
.ZoneRow30 img,
.ZoneRow30Tab img {
  display: block;
  max-width: 100%;
}

/*--------------------------------------*/
/*--------------------------------------*/
/*--------------------------------------*/
/*--------------------------------------*/
@media (max-width: 969px) {
  .ZoneRow30 .ms-webpart-titleText {
    display: none !important;
  }

  .ZoneRow30 .fb_iframe_widget {
    display: none !important;
  }

  .ZoneRow30 #twitter-widget-0,
  .ZoneRow30 #twitter-widget-1 {
    display: none !important;
  }

  .ZoneRow70:after {
    content: '';
    display: table;
    clear: both;
  }

  .ZoneRow70Tab {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ZoneRow30Tab,
  .ZoneRow30News {
    display: none;
  }

  .ZoneRow30 .graybox {
    display: none;
  }
}

/*new styles for scrollable tables.*/
@media (min-width: 970px) {

  .offer-mobile-open,
  .offer-mobile-close {
    display: none !important;
  }

  .offer-mobile-wrapper {
    height: auto !important;
  }

  .offer-mobile-table {
    -webkit-transform: none !important;
    transform: none !important;
  }
}

@media (max-width: 969px) {
  .offer-mobile-table {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
  }

  .offer-mobile-table:before,
  .offer-mobile-table:after {
    content: "";
    display: table;
    clear: both;
  }

  .offer-mobile-wrapper {
    position: relative;
    max-width: 100%;
    width: 100%;
    /*Change does not exist on stage*/
    overflow: hidden;
  }

  .offer-mobile-wrapper:before,
  .offer-mobile-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }

  .offer-mobile-wrapper .offer-mobile-open {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .offer-mobile-wrapper.offer-mobile-wrapper_noscale .offer-mobile-open {
    display: none;
  }

  .offer-mobile-wrapper .offer-mobile-close {
    display: none;
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 5px;
  }

  .offer-mobile-wrapper.offer-mobile-wrapper_open {
    position: fixed;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    height: 100% !important;
    padding: 30px 0 0;
  }

  .offer-mobile-wrapper.offer-mobile-wrapper_open .offer-mobile-table {
    /*--------------------------*/
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    /*--------------------------*/
    width: 100%;
    max-height: 100%;
    background: #fff;
    padding: 15px 5px;
    overflow: auto;
  }

  .offer-mobile-wrapper.offer-mobile-wrapper_open .offer-mobile-open {
    display: none;
  }

  .offer-mobile-wrapper.offer-mobile-wrapper_open .offer-mobile-close {
    display: block;
  }
}

.print-view-body .offer-mobile-wrapper {
  height: auto !important;
}

.print-view-body .offer-mobile-table {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}

/**********************************/
/******LAST NEWS BOX*****/
.t_lastnewsbox {
  position: relative;
}

.t_lastnewsbox h2 {
  color: #5b1f69;
  line-height: 27px;
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 8px;
}

.t_imgbox {
  float: left;
  display: block;
  margin-right: 15px;
  position: relative;
  width: 140px;
}

.t_imgbox .t_imgnews {
  display: block;
  max-width: 100%;
}

.t_newsBox {
  float: none;
  width: auto;
  margin-left: 155px;
}

.t_titlenews {
  font-size: 13px;
  font-weight: 700;
}

.t_textbox {
  width: 100%;
  line-height: 16px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 13px;
}

.t_buttons {
  position: relative;
  height: 18px;
  margin-top: 0;
}

.t_newsBox .t_buttons {
  max-width: 180px;
  /*Not to make all thing two wide*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.t_newsbox_linkbutton {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 5px;
}

.t_allnewsbox_linkbutton {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.t_newsbox_linkbutton .t_news_label,
.t_allnewsbox_linkbutton .t_news_label {
  font-size: 12px;
}


.t_newsbox_a {
  color: #000;
}

.t_newsbox_a:hover {
  color: #cf41b0;
}

.t_rowA {
  float: left;
}

/******************* LATEST NEWS *****************/
.t_news_newsticker {
  height: 47px;
  padding: 5px 4px 4px 6px;
  /*background-image: url(../images/bgr-newsticker.png);
    background-repeat: no-repeat;
    background-color: transparent;*/
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ccc;
  border-radius: 5px;
  position: relative;
}

.t_news_newsticker h2 {
  background-image: url(../images/bgr-latest-news.png);
  background-repeat: no-repeat;
  background-color: transparent;
  color: #eee;
  height: 36px;
  width: 135px;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 35px;
  font-size: 22px;
  letter-spacing: -.02em;
  float: left;
  text-align: center;
}

.t_news_wrapper {
  margin-left: 135px;
  position: relative;
}

.t_news_repeater_item {
  width: 100%;
  height: 36px;
  padding-left: 15px;
  position: absolute;
  line-height: 36px;
  letter-spacing: -.02em;
  font-size: 14px;
}

.t_news_label {
  padding-right: 5px;
  color: #cf0972;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.02em;
  text-decoration: underline;
}

.t_lastnewsbox .t_news_label {
  padding-right: 10px;
  background: url(../images/bgr-pinkarrrow.png) 100% 59% no-repeat;
  text-decoration: underline;
}

.t_lastnewsbox .t_news_label:hover {
  text-decoration: underline;
}

.t_news_linkbutton {
  margin-right: 56px;
  line-height: 35px;
  background-image: url(../images/bgr-pinkarrrow.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 10px;
  text-decoration: underline;
  float: right;
}

.t_news_linkbutton .t_news_label {
  color: #cf0972;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.02em;
}

.t_news_span {
  text-decoration: underline;
  color: #cf0972;
  width: 100px;
}

.t_news_image {
  vertical-align: middle;
}

.t_news_span:hover,
.t_news_label:hover,
.t_news_image:hover {
  color: #000 !important;
  cursor: pointer;
}

/***PLAY PAUSE*/
.t_news_playpause {
  width: 26px;
  height: 26px;
  display: block;
  right: 15px;
  position: absolute;
  z-index: 99;
  top: 10px;
}

.t_news_start {
  width: 26px;
  height: 26px;
  display: block;
  orphans: inherit;
  background: url(../images/bgr-play-pause.png) no-repeat;
}

.stop {
  background-position: 0 0 !important;
}

.stop:hover {
  cursor: pointer;
  background-position: 0 -52px !important;
}

.start {
  background-position: 0 -26px !important;
}

.start:hover {
  cursor: pointer;
  background-position: 0 -78px !important;
}

/*** end PLAY PAUSE*/
.t_news_text {
  float: left;
}

.t_news_button {
  float: right;
  overflow: hidden;
}

.t_news_button a,
.t_news_button a:visited {
  display: block;
  height: 35px;
}

@media (max-width: 640px) {
  .t_imgbox {
    width: 125px;
    margin-right: 10px;
  }

  .t_newsBox {
    margin-left: 135px;
  }

  .t_news_newsticker {
    display: none;
  }

  /*.t_allnewsbox_linkbutton {
      margin-left: 5px;
    }*/
}

/*
  @media (min-width: 640px) {
    .t_allnewsbox_linkbutton {
      margin-left: 40px;
    }
  }
  */
/***************************
      All News Web Part (Imtech)
    ***********************/
.t_newsoverview_item {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 0 !important;
  height: auto;
  float: left;
  display: block;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 15px;
}

.t_newsoverview_item_wrapper_image {
  float: left;
  width: 110px;
  position: relative;
}

.t_newsoverview_item_wrapper_content {
  text-align: left;
  margin-left: 130px;
  position: relative;
}

.t_newsoverview_item_wrapper_content .t_news_label {
  margin-left: 15px;
}

.t_newsoverview_item_wrapper_content .t_newsPagebtn {
  text-decoration: underline;
  font-weight: 700;
  color: #cf0972 !important;
  line-height: 18px;
  font-size: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  background: url(../images/bgr-pinkarrrow.png) no-repeat 100% 35%;
}

.t_newsoverview_item_wrapper_content .t_newsPagebtn:hover {
  background: url(../images/bgr-pinkarrrow.png) no-repeat 100% 35%;
  color: #333 !important;
  text-decoration: underline;
}

.t_newsoverview_item_image {
  height: auto;
  display: block;
  width: 100%;
}

.t_newsoverview_item_date {
  font-size: 100%;
  height: auto;
  color: #404040;
  margin-top: 2px;
  padding-left: 15px;
  width: 100%;
}

.t_newsoverview_item_title {
  font-size: 110%;
  height: auto;
  color: #333 !important;
  padding-left: 15px;
  display: block;
  margin-right: 10px;
  font-weight: 700;
}

.t_newsoverview_item_title:hover {
  color: #cf0972 !important;
  text-decoration: none;
  font-weight: 700;
}

.t_newsoverview_item_description {
  font-family: 'Nunito Sans', Arial;
  font-size: 100%;
  height: auto;
  color: #404040;
  margin-top: 5px;
  padding-left: 15px;
  display: block;
  line-height: 15px;
  margin-right: 10px;
}

.t_newsPaggingWrapper {
  width: 100%;
  text-align: right;
  padding-right: 20px;
  clear: both;
}

.t_PaggingPrevButton {
  height: 20px;
  background-image: url("/_catalogs/masterpage/Zain Branding/images/bgr-pinkarrrow_ar.png");
  background-repeat: no-repeat;
  background-position: 50% 40%;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  margin-right: 10px;
}

.t_PaggingNextBtn {
  height: 20px;
  background-image: url("/_catalogs/masterpage/Zain Branding/images/bgr-pinkarrrow.png");
  background-repeat: no-repeat;
  background-position: 50% 40%;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  margin-left: 10px;
}

.t_newsPagebtn {
  text-decoration: underline;
  font-weight: 700;
  color: #cf0972 !important;
  line-height: 18px;
  font-size: 15px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 5px;
}

.t_newsPageText {
  text-decoration: none;
  font-weight: 700;
  color: #000 !important;
  line-height: 18px;
  font-size: 15px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 5px;
}

.t_newsPaggingDivider {
  width: 100%;
  display: none !important;
  border-top: 1px solid #d7d7d7;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  padding-top: 25px;
}

.t_newsPaggingLabel {
  font-size: 15px;
  font-weight: 700;
  padding-right: 15px;
}

.t_newsPageSpot {
  font-family: 'Nunito Sans';
  font-size: 15px;
  color: gray;
  padding-bottom: 5px;
  line-height: 18px;
}

.t_newsLink {
  background: url(../images/bgr-pinkarrow.png) no-repeat 100% 50%;
  padding-left: 15px;
  font-weight: 700;
  color: #cf0972 !important;
  text-decoration: underline;
}

.tnewsLink:hover {
  color: #333;
}

@media (max-width: 640px) {
  .t_newsoverview_item_wrapper_image {
    width: 80px;
  }

  .t_newsoverview_item_wrapper_content {
    margin-left: 90px;
  }
}

.toggleitem {
  border-bottom: 1px solid #ccc;
}

.toggleitem h3 {
  padding: 11px 0;
  width: 100%;
  overflow: hidden;
  height: auto !important;
  /*it could be inline overwritten in some cases on some pages*/
  min-height: 50px;
}

.toggleitem h3 span.qnr {
  float: left;
  width: 35px;
}

.toggleitem h3 a {
  line-height: 23px;
  float: left;
  width: 590px;
  padding-right: 25px !important;
  /*it could be inline overwritten in some cases on some pages*/
  height: auto !important;
  /*it could be inline overwritten in some cases on some pages*/
  position: relative;
}

.toggleitem h3 a:after {
  content: '';
  background: url(../images/bgr-plusminus.png) no-repeat 100% 0;
  height: 25px;
  width: 25px;
  top: 0;
  right: 0;
  position: absolute;
  display: block;
}

.toggleitem .toggleitem-content {
  background-color: #efeeee;
  display: none;
  padding: 18px 30px 0;
  overflow: hidden;
}

.toggleitem .toggleitem-content h5 {
  margin-bottom: 25px;
}

.toggleitem .toggleitem-content p {
  margin-bottom: 20px;
}

.toggleitem-toggled .toggleitem-content {
  display: block;
}

.toggleitem-toggled h3 a:after,
.toggleitem-toggled h3 a:visited:after {
  background-position: 0 bottom;
}

/******************************
      FAQ
    ********************************/
.p_faq_refinement_wrapper {
  padding-bottom: 10px;
  position: relative;
  background-color: #009b74;
}

.p_faq_refinement_corner_tr {
  top: 0;
  right: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-corner.png) no-repeat scroll 100% 0 transparent;
}

.p_faq_refinement_corner_tl {
  top: 0;
  left: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-corner.png) no-repeat scroll 0 0 transparent;
}

.p_faq_refinement_corner_br {
  bottom: 0;
  right: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-corner.png) no-repeat scroll 100% 100% transparent;
}

.p_faq_refinement_corner_bl {
  bottom: 0;
  left: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-corner.png) no-repeat scroll 0 100% transparent;
}

.p_faq_refinement_header {
  line-height: 27px;
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #7ff4d7;
  padding: 14px 19px;
  background-color: #008b68;
  border-radius: 5px;
}

.p_faq_refinement_content_item {
  font-size: 13px;
  margin: 0 20px;
  padding: 7px 0;
  border-bottom-color: #40b497;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.p_faq_refinement_content_item a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  padding-left: 12px;
  background-image: url(../images/bgr-arrow-white.png);
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-color: transparent;
}

.p_faq_refinement_content_item a.current {
  color: #000;
  background-image: url(../images/bgr-arrow-black.png);
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-color: transparent;
}

.p_faq_refinement_content_item a:hover {
  color: #7ff4d7;
  background-image: url(../images/bgr-arrow-green.png);
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-color: transparent;
}

.p_faq_refinement_back-button,
.p_faq_refinement_call-button {
  display: none;
}

@media (max-width: 969px) {
  .p_faq_refinement_content_item {
    padding: 0;
  }

  .p_faq_refinement_content_item a {
    display: block;
    padding: 7px 0;
  }

  .p_faq_refinement_call-button {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    top: 3px;
    right: 5px;
  }

  .p_faq_refinement_header {
    padding-right: 60px;
  }

  .p_faq_refinement_header span:after {
    content: ' categories';
  }

  .p_faq_refinement_content {
    display: none;
  }

  .p_faq_refinement_wrapper {
    padding-bottom: 0;
  }

  .p_faq_refinement_wrapper_shown {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    border-radius: 0;
    z-index: 1000;
    overflow: auto;
  }

  .p_faq_refinement_wrapper_shown .p_faq_refinement_header {
    position: relative;
  }

  .p_faq_refinement_wrapper_shown .p_faq_refinement_header span {
    display: none;
  }

  .p_faq_refinement_wrapper_shown .p_faq_refinement_content {
    display: block;
  }

  .p_faq_refinement_wrapper_shown .p_faq_refinement_back-button {
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
  }

  .p_faq_refinement_wrapper_shown .p_faq_refinement_back-button i.chevron-menu-icon-big {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 10px;
  }

  .p_faq_refinement_wrapper_shown .p_faq_refinement_call-button {
    display: none;
  }
}

/*.p_faq_refinement_content_item a:visited {
              color: rgb(255, 255, 255);
          }*/
.p_faq_refined_wrapper {
  margin: 0;
  padding: 0;
  background: none repeat scroll 0 0 transparent;
  /*.toggleitem h3 span {}*/
}

.p_faq_refined_wrapper .toggleitem h3 a {
  float: none;
  display: block;
  width: auto;
  margin-left: 45px;
  padding-right: 25px;
}

.p_faq_refined_wrapper .toggleitem-content img {
  display: block;
  max-width: 100%;
}

.p_faq_refined_content_item_question {
  padding: 11px 0;
  width: 100%;
  overflow: hidden;
  font-size: 16px;
}

.p_faq_refined_content_item_question a {
  text-decoration: none;
}

.p_faq_refined_content_item_question a:hover {
  color: #cf0972;
}

.p_faq_refined_content_item_answer {
  background-color: #efeeee;
  overflow: hidden;
  padding: 18px 30px 20px;
  font-size: 13px;
}

/*************************
      Promotions
    ********************************/
.p_promotions_wrapper {
  position: relative;
  float: left;
  display: block;
}

.p_promotions_content {
  width: 280px;
  /* height: 168px; */
  padding: 15px 0 0 18px;
  border: 1px solid #CCC;
  background-color: #F4F4F4;
}

.p_promotions_item {
  background-color: transparent;
}

.p_promotions_item_title {
  /* float: left; */
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
}

.p_promotions_item_description {
  /* float: left; */
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
  padding-right: 110px;
  line-height: 14px;
}

.p_promotions_item_url {
  background: url(../images/bgr-pinkarrrow.png) no-repeat scroll 100% 59% transparent;
  padding-right: 10px;
  /* float: left; */
  font-weight: 700;
  text-decoration: underline;
}

.p_promotions_item_url:hover,
a.p_promotions_item_url:hover {
  text-decoration: underline;
  color: #333 !important;
}

.p_promotions_item_url_area {
  position: absolute;
  z-index: 110;
  bottom: 10px;

  /* left: 20px !important;
    position: absolute;
    bottom: 0;
    width: 180px;
    padding: 8px 0 10px;
    border-top: 1px solid #CCC;
    z-index: 110; */
}

.p_promotions_item_url_area a,
.p_promotions_item_url_area a:visited {
  color: #cf0972 !important;
}

.p_promotions_item_image {
  position: absolute;
  bottom: 2px;
  right: 0;
  z-index: 1;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 80px;
}

.p_promotions_selector {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
  padding: 8px 0 10px;
  border-top: 1px solid #CCC;
}

.p_promotions_content .bx-wrapper .bx-wrapper {
  overflow: visible !important;
}

.p_promotions_content .bx-wrapper .bx-pager {
  width: 160px !important;
  padding: 8px 0 10px;
  border-top: 1px solid #CCC;
  bottom: 13px;
}

.p_promotions_corner_tr {
  top: 0;
  right: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-cornerborder.png) no-repeat scroll 100% 0 transparent;
}

.p_promotions_corner_tl {
  top: 0;
  left: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-cornerborder.png) no-repeat scroll 0 0 transparent;
}

.p_promotions_corner_br {
  bottom: 0;
  right: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-cornerborder.png) no-repeat scroll 100% 100% transparent;
}

.p_promotions_corner_bl {
  bottom: 0;
  left: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-cornerborder.png) no-repeat scroll 0 100% transparent;
}

/**********************
      Boxed Navigation
    ****************************/
@media (min-width: 640px) {

  .z_boxed_navigation,
  #ctl00_PlaceHolderMain_BoxedNavigationWebPart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .z_boxed_navigation_item_wrapper {
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media (min-width: 970px) {
  .z_boxed_navigation_item_wrapper {
    width: calc(33% - 20px);
  }
}

.z_boxed_navigation {
  width: 100%;
}

.z_boxed_navigation_item_wrapper {
  margin-bottom: 15px;
}

.z_boxed_navigation_wrapper_box {
  min-height: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f4f4f4;
  position: relative;
}

a.z_boxed_navigation_wrapper_box {
  display: block;
}

.z_boxed_navigation_item_box {
  margin-right: 100px;
  position: relative;
  min-height: 172px;
  padding: 11px 0 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.z_boxed_navigation_box_title {
  margin-bottom: 3px;
  font-weight: 700;
  font-size: 16px !important;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.z_boxed_navigation_box_title span {
  color: #000;
}

.z_boxed_navigation_box_description {
  z-index: 2;
  margin-bottom: 5px;
  line-height: 15px;
  font-size: 12px !important;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.z_boxed_navigation_box_description span {
  color: #000;
}

.z_boxed_navigation_link_area {
  padding: 8px 0 10px;
  border-top: 1px solid #ccc;
  font-weight: bold;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.z_boxed_navigation_link_area span {
  color: #cf0972;
}

.z_boxed_navigation_link_area span:hover,
.z_boxed_navigation_link_area span:active {
  color: #000;
}

.z_boxed_navigation_link_area span:after {
  content: '';
  display: inline-block;
  height: 10px;
  width: 10px;
  background: url(../images/bgr-pinkarrrow.png) no-repeat scroll 100% 59% transparent;
}

.z_boxed_navigation_picture {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 130px;
  max-height: 100%;
  overflow: hidden;
}

.z_boxed_navigation_picture img {
  display: block;
  max-width: 100%;
  border-radius: 0 3px 3px 0;
}

/*### PRVI DEO ###*/
/*******************************
      CSS RESET
  *******************************/
.ms-srch-hover-content {
  display: none;
}

/*imagegallery*/
.imagegallery {
  width: 660px;
  height: 630px;
  padding: 15px 0;
}

.imagegallery .biggallery {
  width: 660px;
  height: 420px;
  padding: 10px 0 18px;
}

.imagegallery .biggallery ul,
.imagegallery .biggallery li {
  height: 420px;
}

.imagegallery .thumbsgallery li a {
  margin: 0 2px 5px;
}

/*videogallery*/
.videogallery {
  width: 542px;
  /*height: 605px;*/
  padding: 6px 0;
}

.submenu-green li:last-child {
  border-bottom: none;
}

.tablebox .box-in {
  border: 1px solid #ccc;
  background-color: #f4f4f4;
  min-height: 10px;
}

/*### DRUGI DEO ###*/
/**************************
      Weather Forcast
    ************************/
.t_weather_wrapper {
  /*background: url("../images/weather-bck-gray.png") no-repeat;*/
  width: 298px !important;
  height: 100px !important;
  /* 200px*/
  /*background-color:red;*/
  position: relative;
}

.t_weather_margin {
  margin-top: 2px;
}

.t_weather_row_first {
  width: 100%;
  height: 101px;
}

.t_weather_icon {
  width: 85px;
  padding-top: 7px;
  padding-left: 7px;
  float: left;
}

.t_weather_current {
  width: 200px;
  float: left;
  padding-top: 5px;
}

.t_span_weather {
  font-weight: 700;
}

.t_label_weather {
  color: #069;
  font-size: 20px;
  font-weight: 700;
}

.t_div_weather {
  width: 100%;
  clear: both;
}

.t_weather_conditions {
  float: left;
  text-align: left;
}

.t_label_bold_weather {
  font-size: 10px;
  font-weight: 700;
}

.t_label_2_weather {
  font-size: 10px;
}

.t_weather_row {
  /*height: 75px;
      position: relative;
      width: 100%;
      float: right;*/
  display: none;
}

.t_weather_repeater_item {
  float: left;
  margin-left: 11%;
  width: 30%;
  height: 63px;
  border-left: 2px;
  border-left-style: solid;
  border-left-color: #F66;
}

.t_weather_next,
.t_weather_prev {
  position: absolute;
  width: 20px;
  cursor: pointer;
}

.t_weather_prev {
  margin-right: 8px;
  float: left;
  background: url(../images/Arrow_Left.png) bottom left no-repeat;
  position: absolute;
  left: 0;
  /*z-index: 9999;*/
  top: 20px;
}

.t_weather_next {
  float: right;
  background: url(../images/Arrow_Right.png) bottom right no-repeat;
  position: absolute;
  top: 20px;
  right: 0;
  margin-right: 5px;
}

.t_weather_item_date {
  width: 100%;
  float: left;
  padding-left: 20px;
}

.t_weather_item_img {
  float: left;
  height: 45px;
}

.t_weather_item_MaxTemp {
  /*margin-right: 7%;*/
  padding-left: 5px;
  color: #F66;
  font-weight: 700;
}

.t_weather_item_MinTemp {
  padding-left: 12px;
  color: #069;
  font-weight: 700;
}

.t_weather_line {
  height: 2px;
  background-color: #F66;
  width: 95%;
  padding-left: 2px;
  margin-left: 5px;
  display: none;
}

.t_weather_powered {
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e8ecf6;
  border-right-color: #e8ecf6;
  border-bottom-color: #e8ecf6;
  border-left-color: #e8ecf6;
  float: right;
  margin-right: 7px;
  display: none;
}

/* elements (custom actions) settings*/
.t_service_settings_row {
  width: 465px;
  margin: 5px;
  margin-bottom: 2px;
}

.t_service_settings_row_title {
  width: 100%;
  text-align: left;
  font-weight: 700;
  padding: 5px;
  float: left;
}

.t_service_settings_row_value {
  width: 350px;
  padding-top: 2px;
  text-align: left;
  float: left;
}

.t_service_settings_row_value_textbox {
  display: block;
  height: auto;
  width: 100%;
}

.t_service_settings_btn {
  font-weight: 700;
}

.t_service_settings_rfv {
  color: red;
  width: 100px;
  float: left;
  padding-left: 14px;
}

.t_clear_fix {
  clear: both;
}

/***********************
      Yellow Pages
    ********************/
.p_yellowpages_wrapper {
  padding: 19px;
  width: 586px;
  font-size: 13px !important;
  display: block;
  height: 46px;
  border-radius: 5px;
  border: 1px solid silver;
  background-color: #F0FFFF;
}

.p_yellowpages_search_company {
  display: block;
}

.p_yellowpages_search_textbox_company {
  background: url(../images/input203x30.png) no-repeat;
  width: 183px;
  height: 18px;
  padding: 6px 10px !important;
  border: none !important;
}

.p_yellowpages_search_criteria {
  padding-bottom: 2px;
  padding-top: 2px;
}

.p_yellowpages_search_results {
  display: block;
  float: left;
  width: 615px;
  margin-top: 10px;
  margin-left: -19px;
}

.p_yellowpages_search_required_field_validator {
  color: red;
  float: left;
  display: block;
  width: 100%;
}

.p_yellowpages_search_results_message {
  color: #c3181d;
  font-size: 12px;
  padding: 15px;
  display: block;
  float: left;
  width: 100%;
  height: auto;
}

.p_yellowpages_search_results_items {
  width: 100%;
  position: relative;
  clear: both;
}

.p_yellowpages_search_results_item {
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: auto;
  border-bottom: 1px dashed #00a774;
  clear: both;
}

.p_yellowpages_search_results_item_edit {
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: auto;
  display: block;
  float: left;
  border: 1px solid silver;
  width: 609px;
  margin-top: 10px;
  margin-left: -19px;
  border-radius: 5px;
  background-color: #F0FFFF;
}

.p_yellowpages_search_results_item_row_add_information {
  width: 100%;
  display: block;
  float: left;
  font-weight: 700;
  margin-top: -25px;
}

.p_yellowpages_search_results_item_row_edit_information {
  width: 100%;
  display: block;
  float: left;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 5px;
}

.p_yellowpages_search_results_item_add {
  padding-left: 15px;
  padding-top: 38px;
  padding-bottom: 5px;
  height: auto;
  border: 1px solid silver;
  float: left;
  width: 609px;
  margin-top: 10px;
  margin-left: -19px;
  border-radius: 5px;
  background-color: #f0ffff;
}

.p_yellowpages_search_results_item_edit_row {
  display: block;
  float: left;
  height: auto;
  width: 100%;
  padding-bottom: 2px;
  padding-top: 2px;
}

.p_yellowpages_search_results_item_add_row {
  display: block;
  float: left;
  height: auto;
  padding-bottom: 2px;
  padding-top: 2px;
  width: 100%;
}

/*.p_yellowpages_search_results_item :hover {
          border-color:#f7ee25;
          border-style:solid;
          border-width:1px;
      }*/
.p_yellowpages_search_results_item_name {
  color: #00a774;
  font-weight: 700;
  float: left;
  font-size: 14px;
  width: 100%;
  padding-bottom: 5px;
}

.p_yellowpages_search_results_item_add_name_text,
.p_yellowpages_search_results_item_edit_name_text {
  width: 100%;
  display: block;
  float: left;
}

.p_yellowpages_search_results_item_add_name_value,
.p_yellowpages_search_results_item_edit_name_value {
  width: 431px;
  background: url(../images/input440.png) no-repeat;
  float: left;
  border: none !important;
  height: 21px !important;
  padding: 2px 5px !important;
}

.p_yellowpages_search_results_item_classification {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}

.p_yellowpages_search_results_item_add_classification_text,
.p_yellowpages_search_results_item_edit_classification_text {
  width: 100%;
  display: block;
  float: left;
}

.p_yellowpages_search_results_item_add_classification_value,
.p_yellowpages_search_results_item_edit_classification_value {
  width: 431px;
  background: url(../images/input440.png) no-repeat;
  float: left;
  border: none !important;
  height: 21px !important;
}

.p_yellowpages_search_results_item_phone {
  width: 145px;
  margin-right: 15px;
  float: left;
}

.p_yellowpages_search_results_item_add_phone_text,
.p_yellowpages_search_results_item_edit_phone_text {
  width: 100%;
  float: left;
}

.p_yellowpages_search_results_item_add_phone_value,
.p_yellowpages_search_results_item_edit_phone_value {
  width: 149px;
  background: url(../images/input159x25.png) no-repeat;
  float: left;
  border: none !important;
  height: 21px !important;
}

.p_yellowpages_search_results_item_fax {
  width: 145px;
  float: left;
}

.p_yellowpages_search_results_item_add_fax_text,
.p_yellowpages_search_results_item_edit_fax_text {
  width: 100%;
  float: left;
}

.p_yellowpages_search_results_item_add_fax_value,
.p_yellowpages_search_results_item_edit_fax_value {
  width: 149px;
  background: url(../images/input159x25.png) no-repeat;
  float: left;
  border: none !important;
  height: 21px !important;
}

.p_yellowpages_search_results_item_add_captcha_value {
  width: 149px;
  background: url(../images/input159x25.png) no-repeat;
  float: left;
  border: none !important;
  height: 21px !important;
}

.p_yellowpages_search_button_search,
.p_yellowpages_search_button_refresh_captcha,
.p_yellowpages_search_button_update,
.p_yellowpages_search_button_add,
.p_yellowpages_search_button_edit,
.p_yellowpages_search_button_save,
.p_yellowpages_search_button_cancel,
.p_yellowpages_search_button_search:visited,
.p_yellowpages_search_button_refresh_captcha:visited,
.p_yellowpages_search_button_update:visited,
.p_yellowpages_search_button_add:visited,
.p_yellowpages_search_button_edit:visited,
.p_yellowpages_search_button_save:visited,
.p_yellowpages_search_button_cancel:visited {
  height: 30px;
  line-height: 26px;
  display: inline-block;
  font-size: 14px;
  color: #fff !important;
  font-weight: 700;
  background: url(../images/btn-login.png) no-repeat;
  width: 83px;
  margin: 5px 8px !important;
  margin-left: 10px !important;
  text-transform: uppercase;
  border: none !important;
}

.p_yellowpages_search_button_search:hover,
.p_yellowpages_search_button_refresh_captcha:hover,
.p_yellowpages_search_button_update:hover,
.p_yellowpages_search_button_add:hover,
.p_yellowpages_search_button_edit:hover,
.p_yellowpages_search_button_save:hover,
.p_yellowpages_search_button_cancel:hover {
  color: #CCC !important;
  border: none !important;
}

.p_yellowpages_search_button_edit {
  position: relative;
  left: 162px;
  bottom: 1px;
}

.p_yellowpages_search_button_save {
  float: left;
}

.p_yellowpages_search_button_cancel {
  float: left;
}

.p_yellowpages_approving_proposal_wrapper {
  display: block;
  float: left;
  width: 526px;
}

.p_yellowpages_approving_proposal_row {
  float: left;
  height: auto;
  display: block;
  width: 100%;
  padding: 6px;
}

.p_yellowpages_approving_proposal_text {
  width: 113px;
  display: block;
  float: left;
}

.p_yellowpages_approving_proposal_value {
  width: 350px;
  display: block;
  float: left;
}

.p_yellowpages_approving_proposal_button_save,
.p_yellowpages_approving_proposal_button_cancel,
.p_yellowpages_approving_proposal_button_reject {
  float: left;
}

.p_yellowpages_settings_wrapper {
  float: left;
  display: block;
  height: auto;
  padding: 20px;
}

.p_yellowpages_settings_row {
  float: left;
  display: block;
  height: auto;
  width: 100%;
  padding-bottom: 5px;
  padding-top: 5px;
}

/*-----------------------Package Allowance---------------------*/
.t_pckgallowance_div {
  width: 610px;
  padding: 0 !important;
  background-color: #ebf7f4;
}

.t_pckgallowance_item {
  vertical-align: middle;
  padding-top: 8px;
  padding-bottom: 8px;
}

.t_pckgallowance_lbone {
  font-size: 13px;
  display: block;
  float: left;
}

.t_pckgallowance_lbtwo {
  padding-right: 20px;
  font-size: 13px;
  display: block;
  float: left;
}

.t_pckgallowance_progressbar {
  width: 355px !important;
  background-color: #71b27f !important;
  margin-top: -5px;
  margin-left: 42%;
  background-image: none;
  height: 22px;
}

.t_pckgallowance_progressbar .ui-progressbar-value {
  background-color: #b27184;
  padding-top: 3px !important;
  font-size: 12px !important;
}

.t_pckgallowance_progressbar_span {
  /*display: block;
          position: absolute;
          text-align: center;*/
  padding-top: 0 !important;
  font-size: 12px !important;
}

/*---------------------Package Bundle Info----------------*/
.t_packageinfo_wrapper {
  width: 650px;
}

.t_news_label {
  padding-right: 5px;
  color: #cf0972;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.02em;
}

/*.t_news_linkbutton {
      margin-right: 56px;
      line-height: 35px;
      background-image: url("../images/bgr-pinkarrrow.png");
      background-repeat: no-repeat;
      background-position: 100% 50%;
      padding-right: 10px;
      text-decoration: underline;
    }*/
/************************
      Gallery
    *************************/
.z_error_message {
  color: red;
  font-weight: 700;
}

.z_clear {
  clear: both;
  height: 1px;
}

/*.z_gallery_selector_album_wrapper {
      width: 200px;
      height: 220px;
      float: left;
      font-size: 10px;
    }
    
    .z_gallery_album_thumbnail {
      width: 180px;
      height: 120px;
      margin: 10px;
      position: relative;
      padding: 5px;
    }
    
      .z_gallery_album_thumbnail img {
          width: 100%;
          height: 100%;
          -moz-transition-property: background-color;
          -moz-transition-duration: 2s;
          background-color: rgba(0,0,0,0.6);
          border-radius: 10px;
          border: 1px solid #e4e4e3;
      }
    
          .z_gallery_album_thumbnail img:hover {
              width: 100%;
              height: 100%;
              opacity: 0.5;
              filter: alpha(opacity=50);
          }
    
    .z_gallery_album_footer {
      width: 180px;
      margin-left: 10px;
      margin-right: 10px;
    }
    
      .z_gallery_album_footer .album-name {
          font-weight: bold;
          font-family: 'Nunito Sans', Helvetica, sans-serif;
          font-size: 13px;
          color: #333;
      }
    
      .z_gallery_album_footer .album-pic-count {
          font-size: 13px;
          font-family: 'Nunito Sans', Helvetica, sans-serif;
      }
    
    .z_gallery_album_footer_label {
      font-weight: bold;
    }
    
    .z_gallery_album_footer_value {
      color: #00a774;
    }*/
/*GALLERY VIEWER*/
/*.z_gallery_viewer_wrapper {
    }
    
    .z_gallery_video_selector_wrapper {
    }
    
    .z_gallery_video_thumbnail {
      width: 140px;
      height: 110px;
      margin: 0px!important;
      position: relative;
      padding: 0px!important;
    }
    
      .z_gallery_video_thumbnail img {
          width: 100%;
          height: 100%;
          -moz-transition-property: background-color;
          -moz-transition-duration: 2s;
          background-color: rgba(0,0,0,0.6);
          border-radius: 10px;
          border: 1px solid #e4e4e3;
      }
    
          .z_gallery_video_thumbnail img:hover {
              width: 100%;
              height: 100%;
              opacity: 0.5;
              filter: alpha(opacity=50);
          }
    
    .z_gallery_video_album_footer_wrapper {
      width: 100%;
      margin-top: 10px;
      margin-left: 0px!important;
      margin-right: 0px!important;
    }
    
    .z_gallery_video_album_footer_views_count_wrapper {
    }
    
    .z_gallery_video_album_footer_likes_count_wrapper {
    }
    
    .z_gallery_video_album_footer_title {
      font-style: normal;
      font-size: 13px;
      font-weight: bold;
    }
    
    .z_gallery_album_footer_label {
      font-weight: bold;
      float: left;
      margin-right: 10px;
    }
    
    .z_gallery_album_footer_label_value {
      color: #00a774;
    }
    
    .z_gallery_video_viewer_wrapper {
    }
    
    .z_gallery_youtube_header_wrapper {
      font-size: 12px;
    }
    
    .z_gallery_youtube_header_row {
    }
    
    .z_gallery_youtube_header_cell_label {
      width: 150px;
      float: left;
      font-weight: bold;
      text-align: left;
      margin-left: 5px;
      margin-top: 5px;
    }
    
    .z_gallery_youtube_header_cell_control {
      width: 100px;
      float: left;
      text-align: left;
      margin: 3px;
    }
    
    .z_gallery_youtube_channel_thumbnail_wrapper {
      width: 200px;
      height: 270px;
      float: left;
    }
    
    .z_gallery_youtube_channel_thumbnail {
      width: 180px;
      height: 160px;
      margin: 10px;
      position: relative;
      padding: 5px;
    }
    
      .z_gallery_youtube_channel_thumbnail img {
          width: 100%;
          height: 100%;
          border: 1px solid #E4E4E3;
          border-radius: 10px;
          -moz-transition-property: background-color;
          -moz-transition-duration: 2s;
          background-color: rgba(0,0,0,0.6);
      }
    
          .z_gallery_youtube_channel_thumbnail img:hover {
              width: 100%;
              height: 100%;
              opacity: 0.5;
              filter: alpha(opacity=50);
          }
    
    .z_gallery_youtube_channel_footer_wrapper {
      width: 100%;
      margin-left: 10px;
      margin-right: 10px;
    }
    
    .z_gallery_youtube_channel_footer_title {
      font-style: bold;
      font-size: 13px;
    }
    
    .z_gallery_youtube_channel_footer_views_count_wrapper {
    }
    
    z_gallery_youtube_channel_footer_label .z_gallery_youtube_channel_footer_likes_count_wrapper {
    }
    
    .z_gallery_youtube_channel_footer_label {
      font-weight: normal;
      font-size: 11px;
      float: left;
      margin-right: 10px;
    }
    
    .z_gallery_youtube_channel_footer_label_value {
      color: #00a774;
      font-size: 11px;
    }
    
    
    
    .z_gallery_youtube_channel_load_more_videos_wrapper {
    }
    
    .z_gallery_youtube_channel_load_more_videos {
    }
    
    .album_thumbnail {
      width: 150px;
      height: 100px;
      background-color: lightblue;
      margin: 10px;
      position: relative;
    }
    
      .album_thumbnail img {
          width: 100%;
          height: 100%;
          -moz-transition-property: background-color;
          -moz-transition-duration: 2s;
          background-color: rgba(0,0,0,0.6);
      }
    
          .album_thumbnail img:hover {
              width: 100%;
              height: 100%;
              opacity: 0.5;
              filter: alpha(opacity=50);
          }
    
    .album_wrapper {
      width: 200px;
      height: 200px;
      float: left;
    }
    
    .album_footer {
      width: 100%;
      margin-left: 10px;
      margin-right: 10px;
    }*/
/*### TRECI DEO ###*/
.wrapper {
  background: #fff;
  position: relative;
  margin-top: 5px;
  width: 100%;
  float: left;
}

.ms-webpart-titleText a span,
.ms-webpart-titleText span {
  font-size: 24px !important;
  color: #5b1f69 !important;
  font-family: 'Nunito Sans SemiBold', 'Nunito Sans' !important;
  font-weight: 600;
}

/*******************************
    Hiding things from modal dialog
    ***************************8****/
.ms-dialog .content {
  width: auto !important;
}

.ms-dlg-heading {
  display: none;
}

.ms-dlgTitleBtns {
  display: none;
}

.ms-dlgTitle {
  display: none;
}

.ms-dialog .ms-dlgFrameContainer {
  padding: 0;
  margin: 0;
}

.ms-dlgBorder {
  width: auto !important;
}

/*******************************
    HEADINGS
    *******************************/
.scrollbox .stitle h2,
.searchjob h2,
.register h2 {
  font-size: 20px;
  color: #212121;
}

.col-520 h2,
.payments h2,
.frmpay h2,
.product-details h2,
.offer h2,
.reviews h2 {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  font-family: 'Nunito Sans', Arial !important;
}

table {
  border-collapse: collapse;
  width: 100%;
}

.t_ivr_treeview table {
  width: auto !important;
}

.t_ivr_treeview table span {
  vertical-align: bottom;
}

.t_ivr_treeview table td {
  vertical-align: bottom;
}

.row {
  margin-bottom: 20px;
  position: relative;
}

.row .col-two {
  width: 460px;
  margin-right: 20px;
  float: left;
  position: relative;
}

.row .col-three {
  width: 300px;
  margin-right: 20px;
  float: left;
  position: relative;
}

.row .col-three-290 {
  width: 290px;
  margin-right: 35px;
  float: left;
  position: relative;
}

.row .col-two-third {
  width: 620px;
  margin-right: 20px;
  float: left;
  position: relative;
}

.row .last {
  margin-right: 0;
}

.hasshadow {
  background: url(../images/bgr-rowshadow-bot.png) no-repeat 50% 100%;
  padding-bottom: 25px;
}

.has-short-shadow {
  background: url(../images/bgr-shadow-short.png) no-repeat 50% 100%;
  padding-bottom: 25px;
}

.subrow {
  padding: 10px 0 20px;
  overflow: hidden;
}

.srow {
  margin-bottom: 20px;
  overflow: hidden;
  max-width: 100%;
}

.hasline {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.rowlast {
  margin-bottom: 0;
}

.customhasshadow {
  background: url(../images/bgr-rowshadow.png) no-repeat 50% 100%;
  padding-bottom: 20px;
}

.customrow {
  margin-bottom: 0;
}

.imgbox {
  margin: -5px 20px 0 -4px;
  display: block;
  float: left;
}

.txtbox {
  min-width: 100px;
  overflow: hidden;
}

.overflow300 {
  overflow: visible;
  float: left;
  width: 300px;
}

.approved {
  background: url(../images/bgr-aproved.png) no-repeat 0 50%;
  padding-left: 20px;
}

.activated {
  background: url(../images/bgr-aproved.png) no-repeat 100% 50%;
  padding-right: 20px;
  font-size: 14px;
}

.deactivated {
  background: url(../images/bgr-deactivate.png) no-repeat 100% 50%;
  padding-right: 17px;
  font-size: 14px;
}

.connected {
  background: url(../images/ico-connected-big.png) no-repeat;
  padding-left: 20px;
  font-size: 14px;
  color: #009b74;
}

/*******************************
    COLUMNS
    *******************************/
.col-520,
.col-220,
.col-300,
.col-380,
.col-400,
.col-720 {
  float: left;
}

.col-220 {
  width: 220px;
}

.col-520 {
  width: 520px;
}

.col-300 {
  width: 300px;
}

.col-300 .sharebox .box-in {
  width: 298px;
}

.col-380 {
  width: 380px;
  margin-left: 20px;
}

.col-400 {
  width: 400px;
  margin-right: 75px;
}

.col-720 {
  width: 700px;
  margin-left: 20px;
}

/*******************************
    ROUNDED BOXES
    *******************************/
.rimg5,
.rimg-dark5,
.rimg10,
.masked,
.rimg-border5,
.rimg-borderlight5,
.rimg-borderdark3 {
  position: relative;
  display: inline-block;
  z-index: 1;
}

/* Don't have any idea what it was made for */
/* .rimg5 {
    margin-bottom: 10px;
  } */

.rimg5 span,
.rimg-dark5 span,
.rimg-border5 span,
.rimg-borderlight5 span,
.rimg-borderdark3 span,
.oneimg span,
.corner-nb-tl,
.corner-nb-tr,
.corner-nb-bl,
.corner-nb-br {
  position: absolute;
  z-index: 1;
  width: 5px;
  height: 5px;
  background: url(../images/bgr-corner.png) no-repeat;
}

.rimg-dark5 span {
  position: absolute;
  z-index: 1;
  width: 5px;
  height: 5px;
  background: url(../images/bgr-corner-dark.png) no-repeat;
}

.rimg10 span {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: url(../images/bgr-corner10.png) no-repeat;
}

.rimg5 .eventday {
  background: url(../images/bgr-eventdate.png) no-repeat;
  width: 48px;
  height: 46px;
  top: 0;
  left: 10px;
  text-align: center;
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
  line-height: 19px;
}

.rimg5 .eventday em {
  font-size: 24px;
  font-style: normal;
  display: block;
  margin-top: 7px;
}

.corner-tl,
.corner-tr,
.corner-bl,
.corner-br,
.rimg-border3 span {
  position: absolute;
  z-index: 1;
  width: 5px;
  height: 5px;
  background: url(../images/bgr-cornerborder.png) no-repeat;
}

.corner-tl-p,
.corner-tr-p,
.corner-bl-p,
.corner-br-p {
  position: absolute;
  z-index: 1;
  width: 5px;
  height: 5px;
  background: url(../images/bgr-cornerborder-p.png) no-repeat;
}

.corner-tl-g,
.corner-tr-g,
.corner-bl-g,
.corner-br-g {
  position: absolute;
  z-index: 1;
  width: 5px;
  height: 5px;
  background: url(../images/bgr-cornerborder-g.png) no-repeat;
}

.corner-tl-dg,
.corner-tr-dg,
.corner-bl-dg,
.corner-br-dg {
  position: absolute;
  z-index: 1;
  width: 5px;
  height: 5px;
  background: url(../images/bgr-cornerborder-darkg.png) no-repeat;
}

.corner-tl-dgb,
.corner-tr-dgb,
.corner-bl-dgb,
.corner-br-dgb {
  position: absolute;
  z-index: 1;
  width: 5px;
  height: 5px;
  background: url(../images/bgr-cornerborder-darkgb.png) no-repeat;
}

.rimg-border5 span {
  background: url(../images/bgr-cornerborder-light.png) no-repeat;
}

.rimg-border5 img {
  border: 1px solid #e8e5e5;
}

.rimg-borderdark3 span {
  background: url(../images/bgr-cornerborder-dark.png) no-repeat;
}

.rimg-borderdark3 img {
  border: 1px solid #bfbfbf;
}

.rimg-borderlight5 span {
  background: url(../images/bgr-cornerborder-light5.png) no-repeat;
}

.rimg-borderlight5 img {
  border: 1px solid #e2dede;
}

span.ct,
.corner-tl,
.corner-tl-p,
.corner-tl-g,
.corner-tl-dg,
.corner-tl-dgb,
.corner-nb-tl {
  top: 0;
  left: 0;
  background-position: 0 0;
}

span.cr,
.corner-tr,
.corner-tr-p,
.corner-tr-g,
.corner-tr-dg,
.corner-tr-dgb,
.corner-nb-tr {
  top: 0;
  right: 0;
  background-position: 100% 0;
}

span.cb,
.corner-br,
.corner-br-p,
.corner-br-g,
.corner-br-dg,
.corner-br-dgb,
.corner-nb-br {
  bottom: 0;
  right: 0;
  background-position: 100% 100%;
}

span.cl,
.corner-bl,
.corner-bl-p,
.corner-bl-g,
.corner-bl-dg,
.corner-bl-dgb,
.corner-nb-bl {
  bottom: 0;
  left: 0;
  background-position: 0 100%;
}

.play,
.playbig {
  display: block;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  z-index: 3 !important;
  width: 45px !important;
  height: 45px !important;
  margin: -22px 0 0 -22px;
}

.play {
  background: url(../images/btn-play.png) no-repeat 50% 50% !important;
}

.playbig {
  background: url(../images/btn-playbig.png) no-repeat 50% 50% !important;
}

.masked span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
}

.masked .mask-80x60 {
  background: url(../images/bgr-mask80x60.png) no-repeat;
  width: 80px;
  height: 60px;
}

.current .mask-80x60,
.masked:hover .mask-80x60 {
  background-position: 0 -60px;
}

.masked .mask-128x97 {
  background: url(../images/bgr-mask128x97.png) no-repeat;
  width: 128px;
  height: 97px;
}

.masked .mask-142x107 {
  background: url(../images/bgr-mask142x107.png) no-repeat;
  width: 142px;
  height: 107px;
}

.masked .mask-140x107 {
  background: url(../images/bgr-mask140x107.png) no-repeat;
  width: 140px;
  height: 107px;
}

.masked .maskbannerthumb {
  background: url(../images/bgr-mask-bannerthumb.png) no-repeat;
  width: 99px;
  height: 58px;
}

.masked .maskthumb {
  background: url(../images/bgr-thumbmask.png) no-repeat;
  width: 146px;
  height: 111px;
}

.masked:hover .maskthumb,
.maskthumb-active .maskthumb {
  background-position: 0 -111px;
}

/*******************************
    LINE - SPERATORS
    *******************************/
.line,
.line5,
.line7,
.line10,
.line15,
.line17,
.line20 {
  width: 100%;
  display: block;
  border-top: 1px solid #d7d7d7;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
}

.line5 {
  padding-bottom: 5px;
  margin-top: 5px;
}

.line {
  padding-bottom: 8px;
  margin-top: 10px;
}

.line7 {
  padding-bottom: 7px;
  margin-top: 7px;
}

.line10 {
  padding-bottom: 10px;
  margin-top: 20px;
}

.line15 {
  padding-bottom: 15px;
  margin-top: 15px;
}

.line17 {
  padding-bottom: 17px;
  margin-top: 18px;
}

.line20 {
  padding-bottom: 16px;
  margin-top: 20px;
}

.line-vert {
  border-left: 1px solid #999;
  width: 1px;
}

.lineshadow {
  background: url(../images/bgr-shadow-small.png) no-repeat 0 100%;
  height: 14px;
  width: 100%;
  margin-bottom: 11px;
}

.lastline {
  padding-bottom: 0;
}

.noline {
  border: none !important;
}

.spacer30 {
  width: 100%;
  display: block;
  height: 30px;
  clear: both;
}

.spacer20 {
  width: 100%;
  display: block;
  height: 20px;
  clear: both;
}

.spacer15 {
  width: 100%;
  display: block;
  height: 15px;
  clear: both;
}

.spacer10 {
  width: 100%;
  display: block;
  height: 10px;
  clear: both;
}

.t-green,
.greenlnk,
.greenlnk:visited {
  color: #11a070;
}

.t-red {
  color: red;
}

.ft-11 {
  font-size: 11px;
}

.align12 {
  padding: 0 12px;
}

.align10 {
  padding: 0 10px;
}

.last {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.note {
  font-size: 11px;
}

.m-left58 {
  margin-left: 58px;
}

.up {
  background: url(../images/bgr-greenup.png) no-repeat 100% 50%;
  padding-right: 20px;
}

.abs {
  position: absolute;
  top: 10px;
  right: 0;
}

.infobox {
  position: relative;
  float: left;
}

.greeinfo {
  background: url(../images/bgr-greeninfo.png) no-repeat;
  display: inline-block;
  width: 12px;
  height: 11px;
  margin: 2px 0;
  position: absolute;
  top: 3px;
  left: 3px;
}

/*******************************
    LAYOUT
    *******************************/
/*.stockmarket*/
.stockmarket {
  margin-top: 15px;
}

.stockmarket li {
  float: left;
  font-size: 11px;
  padding-right: 7px;
  font-weight: 700;
}

.stockmarket li.li-selector {
  color: #d0d0d0;
}


/*
  Looks like all the difference between .spotlighthome and .spotlighthomeSmall was in height (480px and 360px)
    .spotlighthome,
  .spotlighthome ul,
  .spotlighthome li {
    width: 940px;
    height: 480px;
    position: relative;
    z-index: 0;
  }
  */

.spotlighthome,
.spotlighthomeSmall {
  position: relative;
  z-index: 0;
}

.spotlighthome .rimg5 a,
.spotlighthomeSmall .rimg5 {
  display: block;
  width: 100%;
}
.spotlighthomeSmall .rimg5 a {
  display: inline-block;
    position: relative;
    z-index: 1;
    }

.spotlighthome .bx-controls,
.spotlighthomeSmall .bx-controls {
  bottom: 23px;
  left: 36px;
}

.spotlighthome .bx-controls-auto .bx-start,
.spotlighthome .bx-controls-auto .bx-stop,
.spotlighthomeSmall .bx-controls-auto .bx-start,
.spotlighthomeSmall .bx-controls-auto .bx-stop {
  background-image: url(../images/bgr-play-pause-white.png);
}

.spotlighthome .bx-pager,
.spotlighthomeSmall .bx-pager {
  margin-left: 15px;
}

.spotlighthome .bx-pager a.bx-pager-link,
.spotlighthomeSmall .bx-pager a.bx-pager-link {
  background-image: url(../images/bgr-pagerdots.png);
}

.spotlighthome li img {
  /*Just to be sure that wrng size banner is filling all the banner space*/
  width: 100% !important;
  height: auto !important;
  max-height: 490px;
}

.spotlighthomeSmall li img {
  /*Just to be sure that wrng size banner is filling all the banner space*/
  width: 100% !important;
  height: auto !important;
  max-height: 350px;
}

@media (max-width: 640px) {

  /* Stretch banner height on small resolutions, as it is in the Android and iOS applications. Zain's request.*/
  .spotlighthome li img,
  .spotlighthomeSmall li img {
    height: 250px !important;
    /* height: calc((100vw - 45px)/1.5) !important; */
    height: calc((100vw)/(940/350)) !important;
  }
}

/*zainsurvey*/
.zainsurvey {
  background: url(../images/bgr-zainsurvey.png) no-repeat;
  width: 118px;
  height: 53px;
  position: absolute;
  top: 17px;
  left: -14px;
  z-index: 999;
}

.zainsurvey h5 {
  text-transform: uppercase;
}

.zainsurvey h5 a,
.zainsurvey h5 a:visited {
  color: #d60f85;
  font-size: 14px;
  line-height: 15px;
  display: block;
  padding: 7px 0 0 50px;
}

.spotlightinner,
.spotlightinner ul,
.spotlightinner li {
  width: 940px;
  height: 350px;
  position: relative;
}

.spotlightinner li .overlaytxt {
  padding: 0 0 80px 36px;
}

.toprated {
  background: url(../images/bgr-toprated.png) no-repeat;
  width: 95px;
  height: 95px;
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 99;
}

/* body */
.section {
  position: relative;
  z-index: 1;
}

.section .content {
  padding-bottom: 20px;
}

/*intro*/
.intro {
  overflow: hidden;
  padding: 15px 0 0;
}

.intro p {
  margin: 0;
}

.intro h1 {
  font-size: 30px;
  margin-bottom: 5px;
}

.intro .lnk,
.intro .lnk:visited {
  margin-top: 5px;
}

/*onepaybox*/
.onepaybox {
  background: url(../images/box-pay.png) no-repeat;
  height: 160px;
  width: 260px;
  padding: 12px 20px;
}

.onepaybox h2 {
  font-size: 24px;
  color: #fff;
}

.onepaybox label {
  color: #e4d700;
}

.onepaybox li {
  padding-bottom: 7px;
}

.onepaybox .btnwhite {
  margin-top: 13px;
}

.onepaybox .btnwhite input {
  width: 40px;
}

/*regional-network*/
.regional-network {
  padding-top: 4px;
}

.regional-network li {
  font-size: 11px;
  width: 100%;
  padding-bottom: 17px;
}

.regional-network p {
  margin-bottom: 15px;
}

.regional-network select {
  width: 250px;
}

.regional-network .line {
  margin-top: 11px;
  padding-bottom: 10px;
}

/*stock-market*/
.stock-market table {
  margin-bottom: 6px;
}

.stock-market table td {
  padding: 7px 13px 6px;
}

.stock-market .ft-11 {
  padding: 0 0 8px 3px;
  display: inline-block;
}

/*fact-figures*/
.fact-figures .absimg {
  position: absolute;
  top: -2px;
  right: 0;
}

.fact-figures .ft-11 {
  display: block;
  padding: 0 0 9px 3px;
}

/*newsticker*/
.newsticker {
  position: relative;
  background: url(../images/bgr-newsticker.png) no-repeat;
  height: 36px;
  width: 930px;
  padding: 5px 4px 4px 6px;
}

.newsticker h2 {
  font-size: 22px;
  margin-bottom: 0;
  color: #eee;
  background: url(../images/bgr-latest-news.png) no-repeat;
  width: 128px;
  padding-left: 13px;
  height: 36px;
  line-height: 35px;
  float: left;
  margin-right: 8px;
  letter-spacing: -.023em;
}

/* .newsticker .bx-wrapper {
    float: left;
  } */

.newsticker ul {
  float: left;
  width: 770px;
  height: 36px;
  overflow: hidden;
}

.newsticker ul li {
  width: 770px;
  height: 36px;
  line-height: 36px;
  letter-spacing: -.02em;
}

.newsticker ul li span {
  float: left;
  width: 662px;
  height: 36px;
  overflow: hidden;
}

/* .newsticker .bx-auto {
    left: 749px;
    top: 5px;
  } */

/*messagefromceo*/
.messagefromceo {
  background: url(../images/box-messageceo.png) no-repeat;
  width: 258px;
  height: 307px;
  padding: 16px;
  margin-bottom: 12px;
  position: relative;
  color: #fff;
}

.messagefromceo p {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 12px;
}

.messagefromceo cite {
  font-size: 14px;
  font-style: normal;
}

.messagefromceo cite strong {
  display: block;
}

.messagefromceo img {
  position: absolute;
  bottom: -1px;
  right: 0;
}

/*milestones*/
.milestones {
  padding: 0 10px 5px;
  overflow: hidden;
}

.milestones p {
  margin-bottom: 8px;
}

.mitem {
  width: 100%;
  overflow: hidden;
  padding-bottom: 12px;
}

.mitem .rimg5,
.mitem .rimg-border5,
.oitem .rimg5,
.citem .rimg5 {
  float: left;
  margin: 0 10px 0 0;
}

.mitem strong {
  display: block;
}

.citem {
  width: 100%;
  overflow: hidden;
}

.citem p {
  margin-bottom: 0 !important;
}

.oitem {
  width: 100%;
  overflow: hidden;
}

.oitem span {
  display: block;
  font-weight: 400;
}

.oitem h5 .lnk {
  float: none;
  font-weight: 400;
  margin-left: 5px;
}

/*eitem*/
.eitem {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.eitem .imgbox {
  margin-right: 20px;
}

.eitem .imgbox .pinklnk {
  clear: left;
  float: left;
  font-weight: 700;
  margin-top: 3px;
}

.eitem .rimg5 {
  margin-bottom: 0;
}

.eitem h5 {
  margin-bottom: 2px;
}

.eitem h4 {
  margin-bottom: 7px;
}

.eitem h5 span {
  font-weight: 400;
}

.eitem h5 a,
.eitem h5 a:visited {
  display: block;
}

.eitem .date {
  font-size: 12px;
  margin-bottom: 3px;
}

.eitem .lnklist {
  padding-top: 1px;
}

.main .eitem p {
  line-height: normal;
}

.eitem .title-rate {
  width: 100%;
  overflow: hidden;
}

.eitem .title-rate h5 {
  float: left;
  margin-bottom: 0;
}

.eitem .title-rate .rate {
  float: left;
  width: auto;
  margin: 1px 0 0 15px;
  height: 12px;
}

.eitem .buy-price strong {
  line-height: 30px;
  font-size: 13px;
  float: left;
  margin: 0 10px;
}

.eitem .posabs {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0 !important;
}

.eitem .ft-14 {
  margin-bottom: 10px;
}

.servicesbox {
  margin: 20px;
}

.servicesbox .services {
  position: relative;
  padding-right: 150px;
  overflow: hidden;
}

.servicesbox h4 {
  margin-bottom: 10px;
}

.servicesbox p {
  margin-bottom: 12px;
}

.servicesbox ul {
  margin-bottom: 5px;
}

.servicesbox .activated,
.servicesbox .deactivated {
  position: absolute;
  top: 0;
  right: 0;
}

/*.faq { margin-top:28px;}*/
/*main*/
.main {
  float: left;
  width: 620px;
}

/*	.main p{ line-height:22px; margin-bottom:15px;}*/
.main .hasshadow {
  background-image: url(../images/bgr-rowshadow-small.png);
}

/*sidebar*/
.sidebar {
  float: left;
  width: 280px;
}

.sidebar-padding p {
  margin-bottom: 10px;
}

.twocol-box-main-sidebar .sidebar {
  margin-left: 40px;
}

.twocol-box-sidebar-main .sidebar {
  margin-right: 40px;
}

/*socialbar*/
.socialbar {
  overflow: visible;
  border-bottom: 1px solid #ccc;
  padding: 0 0 15px;
  margin-bottom: 15px;
}

.socialbar li {
  float: left;
  color: #ccc;
  font-size: 14px;
}

.socialbar .al li {
  line-height: 12px;
}

@media (min-width: 640px) {
  .socialbar .al li {
    padding-right: 9px;
  }
}

.socialbar .ar li {
  padding: 3px 0 0 4px;
  line-height: 13px;
}

.socialbar .fsize {
  display: block;
  width: 17px;
  height: 11px;
  text-indent: -9999em;
  overflow: hidden;
  margin-top: 3px;
}

.socialbar .increaseFont {
  background: url(../images/btn-txt-plus.png) no-repeat;
}

.socialbar .decreaseFont {
  background: url(../images/btn-txt-minus.png) no-repeat;
}

.socialbar a.twitter-share-button {
  /*tweeter not presented fix*/
  background: #1da1f2;
  border-radius: 3px;
  font-size: 12px;
  padding: 2px 5px;
  color: #fff;
  vertical-align: top;
}

.socialbar a.twitter-share-button:hover,
.socialbar a.twitter-share-button:visited {
  color: #fff;
}

.socialbar a.twitter-share-button:before {
  content: '';
  position: relative;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  background: transparent url("../images/icon_sprite.png") 0px -54px no-repeat;
}

/*facebook*/
.facebox {
  min-height: 290px;
}

.facebox .fheader {
  background: #325c9a url(../images/bgr-facebook.png) no-repeat 97% 50%;
  height: 33px;
  line-height: 33px;
  width: 278px;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #aaa;
}

.facebox .fheader a,
.facebox .fheader a:visited {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  font-family: 'Nunito Sans', Arial;
  display: block;
  margin-left: 10px;
}

.tweeterbox {
  background: url(../images/bgr-twitter-bottom.png) no-repeat 0 100%;
  padding-bottom: 5px;
}

.tweeterbox .tweet-content {
  border-width: 0 1px;
  border-style: solid;
  border-color: #00b6e0;
  padding: 0 15px 12px;
  width: 248px;
  background-color: #fff;
}

.tweeterbox h2 {
  background: url(../images/bgr-twitter-top.png) no-repeat;
  width: 210px;
  height: 36px;
  line-height: 36px;
  padding-left: 70px;
  margin: 0;
  color: #fff;
}

#tweeterbox .twtr-doc {
  border: none;
  border-radius: 0;
}

#tweeterbox .twtr-ft,
#tweeterbox .twtr-hd {
  display: none;
}

#tweeterbox .twtr-widget .twtr-tweet-wrap {
  padding: 12px 0;
}

/*Calendar*/
.calendar {
  width: 290px;
  min-height: 190px;
  margin-bottom: 12px;
  background: url(../images/bgr-calendar-bottom.png) no-repeat 0 100%;
  padding-bottom: 1px;
}

.calendar .ui-datepicker {
  padding: 0;
  background: none;
}

.calendar .ui-widget-content,
.calendar .ui-widget-header {
  border: none;
  width: 290px;
}

.calendar .ui-datepicker .ui-widget-header {
  background: url(../images/bgr-calendar-top.png) no-repeat;
  width: 100%;
  height: 33px;
  padding: 0;
  position: relative;
}

.calendar .ui-datepicker .ui-datepicker-prev,
.calendar .ui-datepicker .ui-datepicker-next {
  background: url(../images/bgr-white-prev-next.png) no-repeat;
  height: 10px;
  width: 6px;
  top: 12px;
  cursor: pointer;
  position: absolute;
  display: block;
}

.calendar .ui-datepicker .ui-datepicker-prev {
  background-position: 0 0;
  left: 13px;
}

.calendar .ui-datepicker .ui-datepicker-next {
  background-position: 100% 0;
  left: 273px;
}

.calendar .ui-datepicker .ui-datepicker-prev span,
.calendar .ui-datepicker .ui-datepicker-next span {
  display: none;
}

.calendar .ui-datepicker .ui-datepicker-title {
  font-size: 15px;
  color: #fff;
  line-height: 33px;
  text-align: center;
  font-weight: 700;
}

.calendar .ui-datepicker th {
  text-align: center;
  vertical-align: middle;
  width: 14.28%;
  background-color: #333;
  color: #fff;
  height: 31px;
  font-size: 13px;
  padding: 0;
}

.calendar .ui-datepicker td,
.calendar .ui-datepicker .ui-datepicker-unselectable,
.calendar .ui-datepicker .ui-state-disabled {
  border-top: 1px solid #d7d7d7;
  background-color: #efefef;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  width: 14.28%;
  height: 25px;
  padding: 0;
}

.calendar .ui-datepicker .ui-datepicker-unselectable span,
.calendar .ui-datepicker .ui-state-disabled span {
  padding: 0;
  border: none;
  background: none;
  color: #333;
  text-align: center;
  height: 25px;
  line-height: 25px;
  display: block;
}

.calendar .ui-datepicker td a,
.calendar .ui-datepicker td a:visited {
  background: none;
  border: none;
  color: #cf0972;
  padding: 0;
  text-align: center;
  float: left;
  width: 100%;
  height: 25px;
  line-height: 25px;
}

.calendar .ui-datepicker .ui-datepicker-current-day a,
.calendar .ui-datepicker .ui-datepicker-current-day a:visited,
.calendar .ui-datepicker .ui-datepicker-current-day span {
  background-color: #ca1173;
  color: #fff;
  height: 25px;
  display: block;
  line-height: 25px;
}

.calendar td a.current:visited {
  background-color: #ca1173;
  color: #fff;
}

/*event*/
.eventbox .line {
  margin-top: 12px;
  padding-bottom: 10px;
}

.event {
  width: 100%;
  overflow: hidden;
}

.event .day {
  background: url(../images/bgr-day.png) no-repeat;
  width: 46px;
  height: 46px;
  float: left;
  text-align: center;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  line-height: 19px;
  margin: 3px 8px 0 0;
}

.event .day span {
  font-size: 25px;
  display: block;
  margin-top: 5px;
}

.event p {
  font-size: 12px;
  margin-bottom: 0;
}

.event h5 {
  line-height: 14px;
}

/*report*/
.report p {
  margin-bottom: 20px;
  line-height: 22px;
}

/*lang-doc*/
.lang-doc {
  float: left;
  padding-top: 4px;
  width: 115px;
  margin-left: 15px;
}

.lang-doc .ar {
  width: 70px;
  margin-top: 1px;
}

.lang-doc span {
  font-size: 13px;
  display: block;
}

/*.searchbox*/
.searchbox {
  background: url(../images/bgr-searchbox.png) no-repeat;
  padding-top: 10px;
  width: 940px;
  position: relative;
  z-index: 1;
}

.searchbox .box-out {
  background: url(../images/bgr-searchbox.png) no-repeat -940px 100%;
}

.searchbox .box-in {
  background: url(../images/bgr-searchbox.png) repeat-y -1880px;
  width: 940px;
  height: 38px;
}

.searchbox h3 {
  float: left;
  margin: 9px 10px 0 20px;
  font-size: 18px;
  font-weight: 400;
}

.searchbox form {
  float: left;
}

.searchbox ul {
  margin: 7px 0 7px 15px;
  float: left;
}

.searchbox li {
  font-size: 18px;
  padding-right: 11px;
  float: left;
  line-height: 23px;
}

.searchbox li label {
  font-size: 14px;
  font-weight: 700;
}

.searchbox .btn-pink {
  margin-top: -1px;
}

.searchbox .input440,
.searchbox .input345,
.searchbox .input160 {
  height: 17px;
  color: #666;
  padding: 4px 10px;
  float: left;
  border: none;
}

.searchbox .input440 {
  width: 421px;
  background: url(../images/input440.png) no-repeat;
}

.searchbox .input345 {
  width: 326px;
  background: url(../images/input345x25.png) no-repeat;
}

.searchbox .input160 {
  width: 149px;
  background: url(../images/input159x25.png) no-repeat;
}

.searchbox-small {
  background: url(../images/bgr-search-smallbox.png) no-repeat;
  width: 620px;
}

.searchbox-small .box-out {
  background: url(../images/bgr-search-smallbox.png) no-repeat -620px 100%;
}

.searchbox-small .box-in {
  background: url(../images/bgr-search-smallbox.png) repeat-y -1240px 0;
  width: 620px;
  height: 40px;
}

/*searchtitle*/
.searchtitle {
  width: 100%;
  overflow: hidden;
  padding-bottom: 11px;
}

.searchtitle h2 {
  color: #fff;
  float: left;
  line-height: 22px;
  margin: 0 25px 0 0;
}

.searchtitle p {
  color: #bdbdbd;
  float: left;
  line-height: 28px;
}

/*.navigator*/
.navigator {
  width: 100%;
}

.pagination {
  float: right;
}

.pagination li {
  float: left;
  margin-left: 6px;
  font-weight: 700;
}

.pagination li a,
.pagination li a:visited {
  font-weight: 700;
  color: #cf0972;
  display: inline-block;
  text-decoration: underline;
}

.pagination li a:hover {
  color: #333;
}

.pagination li a.current,
.pagination li a.current:visited {
  color: #333;
  text-decoration: none;
}

.pagination li a.prev,
.pagination li a.next {
  height: 16px;
  width: 6px;
  background: url(../images/bgr-pink-prev-next.png) no-repeat 0 60%;
  text-indent: -9999em;
  overflow: hidden;
  float: left;
  margin: 0 10px;
}

.pagination li a.next {
  background-position: 100% 60%;
  margin: 0 0 0 7px;
}

.pagination li span {
  background: url(../images/bgr-graydot.png) no-repeat;
  float: left;
  width: 6px;
  height: 5px;
  margin-top: 6px;
}

.investorbox {
  width: 100%;
  overflow: hidden;
}

.investorbox .investorlist {
  padding: 5px 0 0;
  width: 100%;
  overflow: hidden;
}

.investorbox .line {
  margin: 26px 0 16px;
}

.title h1 {
  line-height: 48px;
  margin-bottom: 5px;
}

.title h1 span {
  font-size: 30px;
  position: relative;
  top: -10px;
}

.title h2 {
  color: #666;
}

.title p {
  margin: 5px 0 0;
  width: 100%;
  float: left;
}

/*staffrow*/
.staffrow {
  overflow: hidden;
  padding: 0 0 32px;
}

.staffrow-last {
  padding-bottom: 0;
}

.staff {
  width: 220px;
  float: left;
  margin: 0 20px 0 0;
}

.staff .rimg10 {
  margin-bottom: 10px;
}

.staff h5 {
  margin-bottom: 5px;
  letter-spacing: -.04em;
  font-size: 13px;
}

.staff h5 a,
.staff h5 a:visited {
  font-size: 13px;
}

.staff h5 span {
  display: block;
  font-weight: 400;
}

.staff p {
  margin-bottom: 10px;
}

/*financial-highlite*/
.financial-highlite p {
  margin-bottom: 15px;
}

.financial-report {
  margin-bottom: 20px;
}

.financial-report h3 {
  font-size: 15px;
  color: #333;
  margin-bottom: 3px;
}

/*financial-report*/
.financial-report .line {
  padding-bottom: 6px;
}

.financial-report h3 a,
.financial-report h3 a:visited {
  color: #009b74;
  font-size: 15px;
}

/*mediabox*/
.mediabox {
  margin-bottom: 5px;
  width: 100%;
  overflow: hidden;
}

.mediabox li {
  margin-right: 10px;
  float: left;
}

.location {
  position: relative;
  line-height: 18px;
  overflow: hidden;
}

.location .loc-address {
  float: left;
  width: 215px;
  background: url(../images/bgr-location.png) no-repeat;
  padding: 7px 0 0 25px;
}

.location .loc-address p {
  line-height: 18px;
}

.location .loc-details {
  float: left;
  width: 380px;
  position: relative;
  background-color: #f4f4f4;
}

.location .loc-details .box-in {
  border: 1px solid #ccc;
  padding: 9px 14px;
}

.location .loc-details p {
  margin-bottom: 0;
}

.location .loc-details dt {
  font-weight: 700;
  float: left;
  width: 185px;
}

/*mediagallery*/
.mediagallery {
  margin: 0 auto;
  overflow: hidden;
}

.mediagallery h2 {
  margin-bottom: 15px;
}

/* .mediagallery .bx-pager {
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 13px;
  }
   */
.thumbsgallery {
  height: 131px;
  position: relative;
  float: left;
}

.thumbsgallery ul {
  height: 135px;
}

.thumbsgallery li {
  height: 135px;
  float: left;
}

.thumbsgallery li h5 {
  font-weight: 400;
  margin-left: 3px;
}

.thumbsgallery li a {
  display: block;
  width: 140px;
  height: 105px;
  padding: 3px;
}

/* .thumbsgallery .bx-prev,
  .thumbsgallery .bx-next {
    top: 46px;
  }
  
  .thumbsgallery .bx-prev {
    left: -28px;
  }
  
  .thumbsgallery .bx-next {
    right: -28px;
  } */

/*imagegallery*/
.imagegallery {
  width: 660px;
  height: 690px;
  padding: 10px 0;
  margin-left: 23px;
}

.imagegallery .biggallery {
  width: 660px;
  height: 495px;
  padding: 15px 0 18px;
}

/* .imagegallery .bx-pager-total {
    position: relative;
    top: -28px;
    font-size: 13px;
    font-family: 'Nunito Sans', Arial;
  } */

.imagegallery .biggallery ul,
.imagegallery .biggallery li {
  height: 495px;
}

.imagegallery .biggallery li img {
  width: 100%;
}

.imagegallery .thumbsgallery {
  padding: 0 28px;
}

.imagegallery .thumbsgallery,
.imagegallery .thumbsgallery ul {
  width: 600px;
}

.imagegallery .thumbsgallery li {
  width: 150px;
}

.imagegallery .thumbsgallery li a {
  margin: 0 2px 5px;
  overflow: hidden;
}

/*videogallery*/
.videogallery {
  width: 542px;
  height: 605px;
  padding: 15px 0;
}

.videogallery .biggallery {
  width: 540px;
  height: 396px;
  margin: 10px 0 18px;
  background-color: #000;
  border: 1px solid #ccc;
  float: left;
}

.videogallery .biggallery ul,
.videogallery .biggallery li {
  height: 396px;
}

.videogallery .thumbsgallery li h5 {
  margin-left: 13px;
}

.videogallery .thumbsgallery {
  padding: 0 25px;
}

.videogallery .thumbsgallery,
.videogallery .thumbsgallery ul {
  width: 492px;
}

.videogallery .thumbsgallery li {
  width: 164px;
}

.videogallery .thumbsgallery li a {
  margin: 0 9px 5px;
}

/* .videogallery .thumbsgallery .bx-prev {
    left: -24px;
  }
  
  .videogallery .thumbsgallery .bx-next {
    right: -24px;
  } */

/*submenu-green*/
.submenu-green {
  background-color: #009b74;
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
}

.submenu-green h2 {
  color: #7ff4d7;
  background-color: #008b68;
  padding: 14px 19px;
}

.submenu-green li {
  margin: 0 20px;
  padding: 7px 0;
  border-bottom: 1px solid #40b497;
}

.submenu-green li.last {
  border-bottom: none;
}

.submenu-green a,
.submenu-green a:visited {
  color: #fff;
  font-weight: 700;
  background: url(../images/bgr-submenuarrow-green.png) no-repeat 0 3px;
  padding-left: 12px;
}

.submenu-green a.current {
  background-position: 0 -47px;
  color: #000;
}

.submenu-green a:hover {
  background-position: 0 -167px;
  color: #7ff4d7;
}

.submenu-green li ul {
  padding-bottom: 7px;
  display: none;
}

.submenu-green li.menuopen ul {
  display: block;
}

.submenu-green li.menuopen>a {
  background-position: 0 -110px;
}

.submenu-green li li {
  border-bottom: none;
  padding: 6px 0 0;
  margin: 0 10px;
}

.submenu-green li li a,
.submenu-green li li a:visited {
  background: none;
  font-size: 13px;
  font-weight: 400;
  padding-left: 3px;
}

/*submenu-dark*/
.submenu-dark {
  background-color: #333;
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
}

.submenu-dark h2 {
  color: #fff;
  background-color: #333;
  margin-bottom: 0;
  padding: 14px 19px;
}

.submenu-dark li {
  margin: 0 20px;
  padding: 7px 0;
  border-bottom: 1px solid #4e4e4e;
}

.submenu-dark li.last {
  border-bottom: none;
}

.submenu-dark a,
.submenu-dark a:visited {
  font-weight: 700;
  color: #ea2799;
  background: url(../images/bgr-submenuarrow-dark.png) no-repeat 0 3px;
  padding-left: 15px;
}

.submenu-dark a.current,
.submenu-dark a:hover {
  background-position: 0 -47px;
  color: #999;
}

/*submenu-light*/
.submenu-light {
  background-color: #f4f4f4;
  overflow: hidden;
  position: relative;
}

.submenu-light .box-in {
  border: 1px solid #ccc;
}

.submenu-light h2 {
  margin-bottom: 0;
  padding: 14px 19px;
}

.submenu-light ul {
  margin-bottom: 10px;
}

.submenu-light li {
  margin: 0 20px;
  padding: 7px 0;
  border-bottom: 1px solid #cacaca;
}

.submenu-light li.last {
  border-bottom: none;
}

.submenu-light li a,
.submenu-light li a:visited {
  font-weight: 700;
  color: #333;
  background: url(../images/bgr-submenuarrow-light.png) no-repeat 0 3px;
  padding-left: 15px;
}

.submenu-light li a.current,
.submenu-light li a:hover {
  background-position: 0 -47px;
  color: #ea2799;
}

.faq-live {
  background: url(../images/bgr-faq-livegradient.png) repeat-x 0 100%;
  padding: 10px 15px;
}

.faq-live-border {
  border-bottom: 1px solid #ccc;
}

.faq-live h2 {
  padding: 0;
  line-height: 18px;
  letter-spacing: normal;
  margin-bottom: 6px;
}

.faq-live h2 a,
.faq-live h2 a:visited {
  font-size: 20px;
}

.faq-live p {
  margin-bottom: 0;
}

.faq-live .imgbox {
  margin-right: 7px;
}

.faq-live .txtbox {
  margin-top: 5px;
}

/*submenu-cart*/
.submenu-cart {
  background-color: #333;
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
}

.submenu-cart h2 {
  color: #ccc;
  margin-bottom: 0;
  padding: 14px 19px 15px 65px;
  background: #2a2a2a url(../images/bgr-cartico.png) no-repeat 15px 50%;
}

.submenu-cart .cartin {
  padding: 13px 15px 5px;
  overflow: hidden;
}

.submenu-cart .cartin .btn-pink32 {
  margin-right: 10px;
}

.submenu-cart .cart-total {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #3c3c3c;
  padding-bottom: 15px;
  margin-bottom: 15px;
  line-height: 18px;
}

.submenu-cart .cart-total strong {
  font-size: 18px;
  color: #aaa;
}

.submenu-cart .cart-total span.ar {
  color: #fff;
  font-size: 14px;
}

.submenu-cart li {
  margin: 0 20px;
  padding: 7px 0;
  border-bottom: 1px solid #4e4e4e;
}

.submenu-cart li.last {
  border-bottom: none;
}

/*solution*/
.solution {
  float: left;
  width: 180px;
}

.solution h4 {
  margin-bottom: 3px;
}

.solutionimg {
  float: left;
  margin: 13px 0 0 10px;
}

/*careers*/
.careers {
  padding: 14px 16px 22px;
  overflow: hidden;
}

.searchjob {
  width: 100%;
  background: url(../images/bgr-search-gradient.png) repeat-x 0 100%;
  border-top: 1px solid #ccc;
  overflow: hidden;
}

.searchjob .imgbox,
.register .imgbox {
  margin: 13px 10px 13px 18px;
}

.searchjob .txtblock,
.register .txtblock {
  float: left;
  width: 200px;
  padding: 10px 0 14px;
}

.searchjob h2,
.register h2 {
  margin-bottom: 0;
}

.register {
  border-top: 1px solid #ccc;
  overflow: hidden;
}

.register .txtblock {
  padding: 7px 0;
}

/*whychoose*/
.whychoose h5,
.whychoose p {
  margin-bottom: 5px;
}

/*.scrollbox*/
.scrollbox .stitle {
  width: 900px;
  margin: 10px 20px 20px;
  overflow: hidden;
  border-bottom: 1px solid #e1e0e0;
  padding-bottom: 10px;
}

.scrollbox .stitle h2 {
  margin: 10px 12px;
  float: left;
}

.scrollbox .stitle img {
  float: left;
}

.scrollbox .stitle .btn-gray32,
.scrollbox .stitle .btn-gray32:visited {
  float: right;
  margin: 7px 0;
}

.scroller {
  overflow: hidden;
  height: 247px;
  margin: 0 22px;
  width: 896px;
}

.scroller .item {
  width: 126px;
  float: left;
  height: 228px;
  margin-right: 29px;
}

.scroller .item .rimg5 {
  margin-bottom: 7px;
}

.scroller .item h5 {
  margin-bottom: 0;
}

.scroller .item .details {
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 6px;
}

.scroller .item .details a,
.scroller .item .details a:visited {
  float: left;
}

.scroller .item .details .prc {
  float: right;
  font-size: 13px;
  line-height: 32px;
}

.commonbox p {
  line-height: 22px;
  margin-bottom: 20px;
}

.commonbox .rimg5 {
  margin-bottom: 20px;
}

.commonbox h4 {
  margin-bottom: 6px;
}

.commonbox .ft-14 {
  font-size: 14px;
}

.textblock {
  font-size: 1.3em;
}

.textblock p,
.textblock p a,
.textblock p a:visited,
.textblock li {
  font-size: 1em;
}

.textblock li {
  line-height: 22px;
}

.textblock p {
  margin-bottom: 20px;
}

.textblock h2 {
  font-size: 1.846em;
}

.textblock h3 {
  font-size: 1.385em;
}

.textblock h4 {
  font-size: 1.077em;
}

.textblock h5 {
  font-size: 1em;
}

.textblock table th,
.textblock table td,
.textblock .lnk,
.textblock .lnk:visited {
  font-size: 1em;
}

.commonbox .textblock .rimg5 {
  float: left;
  margin: 3px 20px 5px 0;
}

.textblock p.date {
  font-size: .923em;
  margin-bottom: 0;
}

.gallerybox {
  margin-top: 50px;
  width: 100%;
}

.gallerybox .bigimage,
.gallerybox .bigimage li {
  width: 300px;
  height: 345px;
  float: left;
  overflow: hidden;
  position: relative;
}

.gallerybox .freedelivery {
  position: absolute;
  bottom: 20px;
  right: 0;
  background: url(../images/bgr-calltoaction.png) no-repeat;
  width: 127px;
  height: 123px;
  z-index: 99;
}

.gallerybox .thumbs li {
  float: left;
  margin-right: 7px;
}

.gallerybox-twoitem {
  width: 200px;
  margin: 10px 30px 0 8px;
  float: left;
}

.gallerybox-twoitem .bigimage,
.gallerybox-twoitem .bigimage li {
  width: 200px;
  height: 270px;
}

.gallerybox-twoitem .thumbs li {
  float: left;
  margin-right: 9px;
}

.stepsbox {
  width: 100%;
  padding-top: 20px;
}

.stepsbox .pstep {
  float: left;
  width: 144px;
  border-right: 1px solid #616161;
  text-align: center;
}

.stepsbox .pstep h5 {
  color: #999;
  margin: 7px 0 0;
}

.stepsbox .pstep p {
  color: #fff;
}

.stepsbox .pstep-active h5 {
  color: #fff;
}

.stepstitle {
  width: 100%;
  overflow: hidden;
  padding-bottom: 10px;
}

.stepstitle h2 {
  float: left;
  margin-bottom: 0 !important;
}

.stepstitle .btn-gray32,
.stepstitle .btn-gray32:visited {
  float: right;
  margin-left: 10px;
}

.darkgraybox .stepsbox {
  border-top: 1px solid #616161;
}

.darkgraybox .pstep {
  border-right: 1px solid #616161;
}

.pinkbox .stepsbox {
  border-top: 1px solid #cd6b9f;
}

.pinkbox .pstep {
  border-right: 1px solid #cd6b9f;
}

.pinkbox .pstep h5 {
  color: #fff;
  margin-bottom: 2px;
}

.pinkbox .pstep a,
.pinkbox .pstep a:visited {
  text-decoration: underline;
  color: #fff;
}

.info {
  background: url(../images/bgr-info.png) no-repeat 15px 7px;
  padding-left: 55px;
}

.info p {
  margin-bottom: 0;
}

.payments {
  background: url(../images/bgr-grayline.png) repeat-y 50% 50%;
}

.payments p {
  font-size: 14px;
  margin-bottom: 15px;
}

.payments .pinklnk,
.payments .pinklnk:visited {
  line-height: 30px;
}

.payments .btn-pink32,
.payments .btn-pink32:visited {
  margin-right: 10px;
}

.payments .numberlist li {
  font-size: 14px;
  padding-bottom: 5px;
}

.cardbox {
  background: url(../images/box-cards.png) no-repeat;
  width: 265px;
  height: 50px;
  margin-bottom: 15px;
  float: left;
}

.cardbox img {
  margin: 7px 0 7px 10px;
  float: left;
}

.loadmore {
  width: 100%;
  height: 40px;
  position: relative;
}

.loadmore .btn-gray32,
.loadmore .btn-gray32:visited {
  width: 115px;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -60px;
}

.loadmore .btn-gray32 span span {
  width: 95px;
}

.visitors {
  padding: 19px;
  overflow: hidden;
}

.visitors h3 {
  float: left;
  margin-right: 25px;
  font-size: 20px;
  font-weight: 400;
}

.visitors .lnk,
.visitors .lnk:visited {
  float: right;
  margin-top: 5px;
}

.visitors .ratebig {
  margin-top: 5px;
}

.more-videos {
  border-top: 1px solid #a6dcce;
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
  padding-top: 10px;
  text-align: right;
}

.more-videos p {
  margin-bottom: 0;
}

.more-videos .btn-gray32 {
  margin-right: 0 !important;
}

.myacc {
  padding: 19px;
  overflow: hidden;
}

.myacc h3 {
  margin-bottom: 10px;
}

.myacc li,
.myacc p {
  line-height: 18px;
}

.myacc p {
  margin-bottom: 15px;
}

.myacc .graybulletlist li {
  background-position: 0 7px;
}

.myacc .btn-pink32,
.myacc .btn-gray32 {
  margin-right: 20px;
}

.myacc .citem .imgbox {
  width: 22px;
  margin-right: 10px;
}

.greenbox-579 {
  background: url(../images/box-green579x42.png) no-repeat;
  width: 579px;
  height: 42px;
  margin-bottom: 15px;
}

.greenbox-579 p {
  font-size: 15px;
  padding: 12px 20px;
  margin-bottom: 0;
}

.myacc .pitem h3 {
  margin-bottom: 5px;
}

.myacc .pitem p {
  margin-bottom: 7px;
}

.myacc .pitem .grayarrowlist li {
  width: 156px;
  float: left;
  font-weight: 700;
  padding-bottom: 3px;
}

/*filterbox*/
.filterbox {
  padding: 20px;
}

.filterbox h4 {
  margin-bottom: 13px;
}

.filterbox .filtertable .navigator {
  width: 540px;
  float: left;
  margin-bottom: 10px;
}

.filterbox .filtertable .boxdetails {
  padding: 20px;
}

.filterbox .filtertable-head {
  width: 100%;
  overflow: hidden;
}

.filterbox .filtertable-head h4 {
  float: left;
}

.filterbox .filtertable-head ul {
  float: right;
}

.filterbox .filtertable-head ul li {
  float: left;
  padding-left: 5px;
  font-weight: 700;
}

.boxdetails {
  padding: 0 20px;
}

.boxdetails p {
  margin-top: 5px;
}

/*accessories*/
.accessories {
  width: 570px;
  overflow: hidden;
  padding: 24px;
}

.accessories ul {
  width: 570px;
  height: 220px;
}

.accessories li {
  width: 190px;
  height: 220px;
  float: left;
}

.accessories li h5 {
  margin-bottom: 2px;
  letter-spacing: -.03em;
}

.accessories li p.t-green {
  margin-bottom: 5px;
}

.accessories .rimg-borderlight5 {
  margin-left: 28px;
}

.accessories .acc-details {
  width: 140px;
  padding: 7px 0 7px 3px;
  overflow: hidden;
  margin: 0 auto;
}

/* .accessories .bx-prev,
  .accessories .bx-next {
    top: 105px;
  }
  
  .accessories .bx-prev {
    left: -13px;
  }
  
  .accessories .bx-next {
    right: -13px;
  } */

/*onlinestore*/
.onlinestore {
  padding: 10px 20px;
}

.storeitem {
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
}

.storeitem h3 {
  margin-bottom: 3px;
}

.storeitem .imgbox {
  width: 150px;
  overflow: hidden;
  text-align: center;
}

.storeitem-shadow {
  background: url(../images/bgr-shadow-short.png) no-repeat 50% 100%;
  padding-bottom: 20px;
}

.storethumbsbox {
  margin-left: -11px;
  overflow: hidden;
  height: 95px;
}

.storethumbsbox ul {
  width: 352px;
  height: 95px;
}

.storethumbsbox li {
  float: left;
  width: 88px;
  height: 95px;
}

.storethumbsbox li a,
.storethumbsbox li a:visited {
  text-align: center;
  display: block;
  text-decoration: none;
}

.storethumbsbox li a.rimg-borderlight5 {
  margin: 0 7px 3px;
}

/* .storethumbsbox .bx-prev,
  .storethumbsbox .bx-next {
    top: 18px;
  }
  
  .storethumbsbox .bx-prev {
    left: -25px;
  }
  
  .storethumbsbox .bx-next {
    right: -25px;
  } */

/*product-title*/
.product-title {
  width: 100%;
  overflow: hidden;
  padding-bottom: 5px;
}

.product-title h2 {
  float: left;
}

.product-title ul {
  float: right;
}

.product-title li {
  display: inline;
  color: #ccc;
  padding-left: 5px;
}

.product-details {
  float: left;
  width: 340px;
}

.product-details .rate {
  margin-bottom: 15px;
}

.product-details .price {
  color: #11A070;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

.product-details .btn-gray32,
.product-details .btn-gray32:visited {
  clear: both;
  margin-bottom: 17px;
}

.product-details h3 {
  clear: left;
}

.product-details .graybulletlist {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.product-details .graybulletlist li {
  float: left;
  width: 47%;
  padding-bottom: 2px;
}

.product-details p {
  line-height: 22px;
  clear: left;
}

.product-details dl {
  width: 100%;
  overflow: hidden;
  line-height: 22px;
}

.product-details dt {
  float: left;
  width: 130px;
  clear: left;
}

.product-details dd {
  padding-left: 130px;
}

.moreitemsbox {
  padding: 20px 39px;
}

.moreitemsbox ul {
  width: 540px;
  height: 110px;
}

.moreitemsbox li {
  width: 108px;
  height: 110px;
}

.moreitemsbox li a,
.moreitemsbox li a:visited {
  text-align: center;
  display: block;
  text-decoration: none;
}

.moreitemsbox li a.rimg-borderlight5 {
  margin: 0 5px 5px;
}

/* .moreitemsbox .bx-prev,
  .moreitemsbox .bx-next {
    top: 27px;
  }
  
  .moreitemsbox .bx-prev {
    left: -28px;
  }
  
  .moreitemsbox .bx-next {
    right: -28px;
  } */

.reviews .rate {
  margin: 12px 0 0;
}

.reviews .review-title {
  margin-top: 15px;
}

.review-title,
.review-title-in {
  width: 100%;
  overflow: hidden;
}

.review-title h2,
.review-title-in h3 {
  float: left;
}

.review-title h2 {
  margin: 3px 0 0;
}

.review-title .btn-gray32,
.review-title .btn-gray32:visited {
  float: right;
}

.review-title-in {
  margin-bottom: 10px;
}

.review-title-in span {
  float: left;
  font-size: 12px;
  padding: 4px 0 0 10px;
}

.review-item h4 {
  margin-bottom: 5px;
}

.review-item p {
  line-height: 22px;
  margin-bottom: 10px;
}

.review-details {
  background: url(../images/bgr-review-det.png) no-repeat;
  width: 578px;
  height: 35px;
}

.review-details ul {
  margin: 8px 10px;
  float: left;
}

.review-details li {
  font-weight: 700;
  float: left;
  margin-right: 20px;
}

.review-details li a {
  padding-right: 5px;
}

/*support*/
.support {
  overflow: hidden;
  padding: 13px 15px;
}

.support h3 {
  float: left;
  line-height: normal;
  margin: 0 10px 0 0;
}

.support p {
  font-size: 16px;
  line-height: normal;
  margin: 0;
}

.support .supportitembox {
  margin: 15px 0 17px;
  width: 100%;
  overflow: hidden;
}

.support .supportitem {
  float: left;
  width: 165px;
  padding-right: 10px;
  margin: 0 30px 0 0;
  border-right: 1px solid #e5e5e5;
}

.support .supportitem img {
  float: left;
}

.support .supportitem h5 {
  overflow: hidden;
  padding: 8px 0 0 8px;
  line-height: 14px;
}

.support .last {
  border-right: none;
}

.support .line {
  overflow: hidden;
  zoom: 1;
}

.chartfilter {
  padding: 4px 0 7px 20px;
}

.chartfilter .frow,
.chartfilter .daterow {
  float: left;
  width: 100%;
}

.chartfilter .frow {
  margin-bottom: 10px;
}

.chartfilter .ctitle {
  border-bottom: 2px solid #ccc;
  padding-bottom: 16px;
  margin-bottom: 10px;
}

.chartfilter .range {
  float: left;
  width: 332px;
}

.chartfilter .quick-dr {
  float: left;
  width: 158px;
}

.chartfilter .precise-dr {
  float: left;
  width: 174px;
}

.chartfilter .daterow {
  margin-bottom: 3px;
}

.chartfilter .chart-type {
  float: left;
  width: 258px;
  margin-left: 30px;
}

.chartfilter .c-type {
  float: left;
  width: 148px;
}

.chartfilter .f-type {
  float: left;
  width: 110px;
}

.chartfilter .draw {
  float: left;
  width: 240px;
  margin: 50px 0 0 38px;
}

.chartfilter .draw .frow {
  margin-bottom: 8px;
}

.stockby {
  float: right;
  margin: 10px 20px 10px 0;
}

.stockby p {
  font-size: 12px;
}

/*profile-data*/
.profile-data {
  padding-top: 10px;
}

.profileimagebox {
  background: url(../images/box-popup-slider.png) no-repeat;
  width: 451px;
  height: 60px;
  padding: 21px 40px;
  margin: 15px 0;
  clear: left;
}

.profileimagebox ul {
  width: 450px;
  height: 90px;
}

.profileimagebox li {
  float: left;
  width: 90px;
  height: 60px;
}

.profileimagebox li .masked {
  width: 80px;
  height: 60px;
  float: left;
  margin: 0 5px;
}

/* .profileimagebox .bx-prev,
  .profileimagebox .bx-next {
    top: 18px;
  }
  
  .profileimagebox .bx-prev {
    left: -28px;
  }
  
  .profileimagebox .bx-next {
    right: -28px;
  }
   */
.recomend {
  width: 100%;
  overflow: hidden;
  padding: 6px 0;
}

.recomend img {
  margin: 0 10px;
  float: left;
}

.recomend h4 {
  margin: 7px 0;
  float: left;
}

.recomend .btn-pink32,
.recomend .btn-pink32:visited {
  float: right;
  margin: 7px 13px 0 0;
}

/*smsbox*/
.smsbox {
  float: right;
  position: relative;
}

.smsbox .smshistory {
  background: url(../images/box-pinkborder.png) no-repeat;
  width: 620px;
  padding-top: 6px;
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 99;
  display: none;
}

.smsbox .smshistory .box-out {
  background: url(../images/box-pinkborder.png) no-repeat -620px 100%;
  padding-bottom: 6px;
}

.smsbox .smshistory .box-in {
  background: url(../images/box-pinkborder.png) repeat-y -1240px 0;
  width: 616px;
  padding: 0 2px;
}

.smsbox .sms-head {
  background-color: #e8e6e6;
  width: 100%;
  overflow: hidden;
  padding: 13px 0;
}

.smsbox .sms-head h4 {
  background: url(../images/bgr-sms-envelope.png) no-repeat;
  padding-left: 35px;
  float: left;
  margin: 2px 0 0 18px;
  height: 20px;
  line-height: 20px;
}

/*.smssearchbox*/
.smsbox .smssearchbox {
  background: url(../images/bgr-smssearchbox.png) no-repeat;
  width: 250px;
  height: 27px;
  float: right;
  margin-right: 18px;
}

.smsbox .smssearchbox li {
  float: left;
}

.smsbox .smssearchbox input {
  border: none;
  background: none;
  height: 27px;
  width: 34px;
  color: #666;
}

.smsbox .smssearchbox input[type="text"] {
  height: 17px;
  padding: 5px 10px 1px;
  width: 195px;
}

/*sms-filter*/
.smsbox .sms-filter {
  width: 100%;
  overflow: hidden;
  padding: 22px 0 18px;
  background: url(../images/bgr-shadow-short.png) no-repeat 50% 100%;
}

.smsbox .sms-filter ul {
  float: left;
  margin-left: 18px;
}

.smsbox .sms-filter li {
  float: left;
  margin-right: 10px;
}

.smsbox .sms-filter p {
  float: right;
  margin-right: 18px;
  line-height: 25px;
}

.smsbox .sms-filter a,
.smsbox .sms-filter a:visited {
  text-transform: none;
}

.smsbox .sms-content {
  margin: 0 18px;
  padding: 7px 0;
  overflow: hidden;
}

/*.sms-item*/
.sms-item {
  width: 100%;
  overflow: hidden;
  padding: 5px 0;
}

.sms-item .sms-number {
  background: url(../images/bgr-phone.png) no-repeat;
  font-weight: 700;
  padding-left: 40px;
  line-height: 30px;
  font-size: 13px;
  float: left;
  margin-right: 15px;
}

.sms-item .sms-details {
  overflow: hidden;
  position: relative;
  height: 18px;
  padding-top: 8px;
}

.sms-item .sms-details p {
  padding-right: 50px;
}

.sms-item .sms-details .btn-openclose {
  position: absolute;
  top: 4px;
  right: 0;
}

.sms-item .sms-details .btn-deletepink {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
}

.sms-item-open .sms-details {
  height: auto;
}

.sms-item-open .sms-details .btn-deletepink {
  display: block;
}

.sms-item-open .sms-details .btn-openclose {
  background-position: 0 100%;
}

/*sms*/
.sms {
  padding: 17px 20px 15px;
}

.sms .r-row {
  width: 100%;
  padding-bottom: 10px;
  overflow: hidden;
}

.sms .r-row p {
  margin-bottom: 0;
}

.sms .recipientlist {
  background: url(../images/bgr-grayline.png) repeat-y 50% 50%;
  overflow: hidden;
  width: 100%;
  padding: 5px 0;
}

.sms .recipientlist li {
  width: 95px;
  float: left;
  padding: 5px 30px 5px 15px;
}

.sms .recipientlist li span {
  float: left;
  line-height: 20px;
}

.sms .recipientlist li .btn-delete {
  float: right;
}

.recipientbox {
  width: 280px;
  float: left;
}

.recipientmsg {
  width: 280px;
  float: left;
  margin-left: 18px;
}

.errormsg p,
p.errormsg {
  color: red !important;
}

/*******************************
    COMMON BOXES
    *******************************/
.box-out {
  width: 100%;
  padding-bottom: 10px;
}

/*graybox*/
.graybox {
  width: 100%;
  position: relative;
  margin-bottom: 3px;
}

.graybox .box-in {
  border: 1px solid #ccc;
  background-color: #f4f4f4;
  min-height: 10px;
}

/*darkborderbox*/
.darkborderbox {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}

.darkborderbox .box-in {
  border: 1px solid #999 !important;
  background-color: #fff !important;
  min-height: 10px;
}

.greenbox .darkborderbox .box-in {
  padding: 0 !important;
}

/*graybox*/
.grayboxnoborder {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}

.grayboxnoborder .box-in {
  background-color: #f4f4f4;
  min-height: 10px;
}

/*graybox*/
.grayboxnobg {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}

.grayboxnobg .box-in {
  border: 1px solid #ccc;
  background-color: #fff;
  min-height: 10px;
}

/*scrollbox*/
.scrollbox {
  width: 100%;
  position: relative;
  margin-bottom: 3px;
}

.scrollbox .box-in {
  border: 1px solid #ccc;
  background-color: #f7f5f5;
  min-height: 10px;
}

/*tablebox*/
.tablebox {
  width: 100%;
  position: relative;
  margin-bottom: 3px;
}

.tablebox .box-in {
  border: 1px solid #ccc;
  background-color: #f4f4f4;
  min-height: 10px;
  height: auto !important;
  width: auto !important;
}

.graybox-585 {
  background: url(../images/box-gray-585.png) no-repeat;
  width: 555px;
  height: 58px;
  padding: 15px 10px 15px 20px;
}

.darkgraybox {
  background: #222 url(../images/box-darkgray-gradient.png) repeat-x;
  position: relative;
  width: 100%;
}

.darkgraybox .box-in {
  padding: 15px 20px;
  overflow: hidden;
}

.darkgraybox h2 {
  color: #fff;
  margin-bottom: 17px;
}

.darkgraybox h3 {
  color: #fff;
  margin-bottom: 17px;
}

.pinkbox {
  background: #cf0972;
  position: relative;
  width: 100%;
}

.pinkbox .box-in {
  padding: 15px 20px;
  overflow: hidden;
}

.pinkbox h2 {
  color: #fff;
  margin-bottom: 17px;
}

.pinkbox h3 {
  color: #fff;
  margin-bottom: 17px;
}

/*.greenbox*/
.greenbox {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}

.greenbox .box-in {
  border: 1px solid #009b74;
  background-color: #ebf7f4;
  min-height: 10px;
}

.greenbox .haspadding {
  padding: 17px 20px 20px;
}

.greenbox .nopadding {
  padding: 0;
}

.greenbox .tbl {
  margin: 10px 0;
}

.greenbox-title {
  background-color: #009b74;
  padding: 6px 20px;
}

.greenbox-title h2 {
  color: #fff;
  margin-bottom: 0;
}

/*.darkgreenbox*/
.darkgreenbox {
  width: 100%;
  position: relative;
}

.darkgreenbox .box-in {
  border: 1px solid #009b74;
  background-color: #a6dcce;
  min-height: 10px;
  padding: 10px 0;
}

/*.darkgreenbox*/
.darkgreenboxnoborder {
  width: 100%;
  position: relative;
}

.darkgreenboxnoborder .box-in {
  border: none;
  background-color: #a6dcce;
  min-height: 10px;
  padding: 0;
}

/*threecolbox*/
.threecolbox {
  background: url(../images/box-threecols.png) no-repeat;
  width: 940px;
  padding-top: 10px;
}

.threecolbox .box-out {
  background: url(../images/box-threecols.png) no-repeat -940px 100%;
}

.threecolbox .box-in {
  background: url(../images/box-threecols.png) repeat-y -1880px 0;
  width: 940px;
  padding: 15px 0;
}

.threecolbox .col-three {
  width: 280px;
  padding-left: 19px;
  margin-right: 15px;
  float: left;
  position: relative;
}

/*whitebox-290*/
.whitebox-290 {
  background: url(../images/box-white290.png) no-repeat;
  width: 270px;
  height: 41px;
  padding: 5px 10px;
  clear: left;
}

.whitebox-290 .line-vert {
  height: 30px;
  float: left;
  margin-top: 5px;
}

/*reportbox*/
.reportbox-290 {
  background: url(../images/box-reportbox.png) no-repeat;
  width: 290px;
  padding-top: 10px;
}

.reportbox-290 .box-out {
  background: url(../images/box-reportbox.png) no-repeat -290px 100%;
}

.reportbox-290 .box-in {
  background: url(../images/box-reportbox.png) repeat-y -580px 0;
  width: 288px;
  padding: 0 1px;
  position: relative;
}

.twocol-box-sidebar-main {
  background: url(../images/bgr-vertical-shadow-rep2.png) repeat-y 294px 0;
  margin-bottom: 20px;
}

.twocol-box-sidebar-main>.box-out {
  background: url(../images/bgr-vertical-shadow-bottom2.png) no-repeat 294px 100%;
  padding-bottom: 0;
}

.twocol-box-sidebar-main>.box-out>.box-in {
  background: url(../images/bgr-vertical-shadow-top2.png) no-repeat 294px 0;
  padding-top: 10px;
}

/*mapbox*/
.mapbox {
  width: 100%;
  position: relative;
}

.mapbox .box-in {
  border: 1px solid #ccc;
  background-color: #f4f4f4;
  width: 604px;
  padding: 20px 0 20px 14px;
}

.map {
  background: url(../images/box-map.png) repeat-y -1180px 0;
  width: 578px;
  height: 360px;
  padding: 0 6px;
  position: relative;
}

.map .maptop,
.map .mapbottom {
  z-index: 1;
  position: absolute;
  left: 0;
  top: -1px;
  width: 590px;
  height: 10px;
  background: url(../images/box-map.png) no-repeat 0 0;
}

.map .mapbottom {
  top: 355px;
  background-position: -590px 0;
}

/*share*/
.sharebox {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}

.sharebox .box-in {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}

/*bluebox220*/
.bluebox220 {
  background: url(../images/box-blue220.png) no-repeat;
  width: 220px;
  padding-top: 10px;
  margin-bottom: 15px;
}

.bluebox220 .box-out {
  background: url(../images/box-blue220.png) no-repeat -220px 100%;
}

.bluebox220 .box-in {
  background: #5eb6e4;
  width: 192px;
  padding: 0 14px;
  overflow: hidden;
}

.bluebox220 li {
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  border-bottom: 1px solid #54a3cd;
  padding: 3px 0 7px;
  margin-bottom: 2px;
}

.bluebox220 li.last {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.bluebox220 li span {
  font-size: 24px;
}

.bluebox220 li strong {
  float: left;
  width: 106px;
}

/*chartbox*/
.chartbox {
  width: 900px;
  margin: 0 auto;
}

.chartbox .box-in {
  width: 838px;
  padding: 15px 30px;
}

.chartbox h3 {
  margin: 10px 0 40px;
}

/*******************************
    POPUPS
    *******************************/
.popup_block {
  display: none;
}

.popup-title {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

.popup-title h2 {
  margin-bottom: 13px;
}

.staff-popup {
  padding: 20px;
  width: 555px;
}

.staff-popup .rimg10 {
  float: left;
  margin: 3px 20px 10px 0;
}

.staff-popup h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 7px;
}

.staff-popup h3 span {
  font-weight: 400;
  font-size: 13px;
  display: block;
}

.staff-popup h4 {
  color: #333;
  font-weight: 400;
}

.staff-popup .line {
  width: 310px;
  margin-left: 240px;
  margin-top: 10px;
  padding-bottom: 10px;
}

.staff-popup p {
  line-height: 22px;
}

#cartpopup {
  width: 800px;
  padding: 20px 25px;
}

#cartpopup .cart-head,
#cartpopup .cart-table-head,
#cartpopup .cart-table-submit,
#cartpopup .cart-table-total {
  width: 100%;
  overflow: hidden;
}

#cartpopup .cart-head h2 {
  float: left;
  background: url(../images/bgr-cartico-big.png) no-repeat;
  padding-left: 50px;
  line-height: 43px;
}

#cartpopup .cart-head p {
  float: right;
  text-align: right;
  font-size: 14px;
}

#cartpopup .cart-head p strong {
  clear: right;
  font-size: 16px;
  display: block;
}

#cartpopup .cart-table-head,
#cartpopup .cart-table-total {
  background: url(../images/box-carthead.png) no-repeat;
  width: 800px;
  height: 44px;
}

#cartpopup .cart-table-head li,
#cartpopup .cart-table-total li {
  font-size: 16px;
  padding-left: 18px;
  line-height: 44px;
  float: left;
}

#cartpopup .cart-table-total li {
  font-weight: 700;
  font-size: 20px;
}

#cartpopup .cart-table-total {
  margin-bottom: 15px;
}

#cartpopup .w-525 {
  width: 507px;
}

#cartpopup .w-100 {
  width: 82px;
}

#cartpopup .w-175 {
  width: 157px;
}

#cartpopup .w-96 {
  width: 96px;
}

#cartpopup .w-400 {
  width: 372px;
  padding-right: 18px;
}

#cartpopup table {
  width: 100%;
}

#cartpopup table td {
  vertical-align: top;
  padding: 15px 0 15px 18px;
  text-align: left;
}

#cartpopup table td.td-vertmiddle {
  vertical-align: middle;
  width: 78px;
}

#cartpopup table td.td-vertmiddle-price {
  vertical-align: middle;
}

#cartpopup table td.td-border {
  border-left: 1px solid #e5e5e5;
}

#cartpopup table .trdark td {
  background-color: #f7f7f7;
}

#cartpopup table .half_li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 5px;
}

#cartpopup table .half_li li {
  width: 47%;
  float: left;
  padding-bottom: 0;
}

#cartpopup .planlist {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

#cartpopup .planlist li {
  float: left;
  width: 100%;
  color: #333;
  padding-bottom: 3px;
}

#cartpopup .planlist .d-t {
  font-weight: 700;
  width: 95px;
  clear: left;
  float: left;
}

#cartpopup .planlist .d-d {
  width: 270px;
  float: left;
}

#cartpopup .cart-table-submit .pinklnk,
#cartpopup .cart-table-submit .pinklnk:visited {
  float: right;
  line-height: 32px;
}

#cartpopup .cart-table-submit .btn-pink32,
#cartpopup .cart-table-submit .btn-pink32:visited {
  float: right;
  margin-left: 10px;
}

#popup_newsletter {
  padding: 20px 30px;
  width: 585px;
  height: 370px;
  overflow: hidden !important;
}

#popup_changepass {
  padding: 20px 30px;
  width: 339px;
  height: 235px;
  overflow: hidden !important;
}

#popup_editpicture {
  padding: 20px 30px;
  width: 530px;
  height: 260px;
  overflow: hidden !important;
}

/*******************************
    LISTS
    *******************************/
.imglist {
  width: 100%;
  overflow: hidden;
}

.imglist li {
  float: left;
  margin: 10px 10px 3px 0;
}

.imglist li a {
  clear: left;
  float: left;
  font-size: 12px;
}

.imglist li strong {
  display: block;
}

.grayboxnoborder li {
  margin: 11px 0 11px 11px;
}

.grayboxnoborder li .rimg-border5 {
  margin: 0 0 5px;
}

.list-share-print li,
.list-download li {
  float: left;
  color: #b4b4b4;
  font-size: 14px;
  padding: 17px 10px 17px 0;
}

.list-share-print:before {
  content: "";
  display: table;
  width: 100%;
  clear: both;
}

.list-download h3 {
  color: #333;
  font-size: 18px;
  font-weight: 400;
  margin-left: 5px;
}

.planlist li {
  display: inline;
  color: #666;
  padding-right: 10px;
}

.list-download li {
  float: left;
  line-height: 20px;
  padding-left: 10px;
}

.list-download img {
  float: left;
  margin: 0 7px 0 0;
}

.list-download a,
.list-download a:visited {
  display: inline-block;
}

.lnklist {
  width: 100%;
  overflow: hidden;
}

.lnklist li {
  float: left;
  padding-right: 20px;
}

.lnklist-bold {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.lnklist-bold li {
  padding-right: 10px;
  font-weight: 700;
  float: left;
}

.actionbox {
  width: 100%;
  overflow: hidden;
}

.actionbox .lnklist-bold {
  width: auto;
  float: right;
}

.tabbox .tabcontent-items .lnklist-bold {
  margin-bottom: 0;
}

.investorlist {
  width: 100%;
  overflow: hidden;
}

.investorlist li {
  float: left;
  width: 142px;
  margin: 0 17px 0 0;
}

.investorlist .masked {
  background-color: #fff;
  width: 142px;
  height: 107px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 7px;
}

.investorlist li strong {
  display: block;
}

.mgallery {
  margin-bottom: 2px;
  overflow: hidden;
  width: 100%;
}

.mgallery li {
  float: left;
  margin: 0 10px 0 0;
}

.medialist {
  width: 100%;
  overflow: hidden;
}

.medialist .masked {
  margin-bottom: 10px;
  position: relative;
}

.medialist h5,
.medialist h5 a,
.medialist h5 a:visited {
  font-size: 13px;
}

.medialist h5 span {
  display: block;
  font-weight: 400;
}

.medialist li {
  float: left;
  width: 140px;
  padding-right: 20px;
  height: 166px;
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px;
}

.twocol-box-main-sidebar .medialist li {
  margin: 0 0 24px;
}

/*graybulletlist*/
.graybulletlist {
  width: 100%;
  padding-top: 5px;
}

.graybulletlist li {
  background: url(../images/bgr-smalldot.png) no-repeat 0 6px;
  padding: 0 0 5px 10px;
}

/*greenbulletlist*/
.greenbulletlist {
  margin-bottom: 20px;
}

.greenbulletlist li {
  background: url(../images/bgr-greendot.png) no-repeat 0 8px;
  padding-left: 10px;
  line-height: 22px;
  color: #008967;
  font-weight: 700;
}

/*grayarrowlist*/
.grayarrowlist li {
  background: url(../images/bgr-grayarrow-dark.png) no-repeat 0 4px;
  padding-left: 12px;
}

/*greenlist*/
.greenlist li {
  line-height: 22px;
  color: #008967;
  font-weight: 700;
}

/*numberlist*/
.numberlist {
  padding-left: 20px;
}

.numberlist li {
  list-style: decimal;
}

/*******************************
    TABLES
    *******************************/
table .tlast {
  border-right: none !important;
}

/*.tbl*/
.tbl td {
  padding: 8px 20px;
  border-bottom: 1px solid #a6dcce;
  font-size: 15px;
}

.tbl .trdark td {
  background-color: #d3eee7;
}

.tbl .trlast td {
  border: none;
}

.tbl .btn-gray32,
.tbl .btn-pink32 {
  margin: 10px 10px 0 0;
}

.tbl-withtitle th {
  background-color: #a6dcce;
  border-right: 1px solid #fff;
  color: #333;
  vertical-align: bottom;
  text-align: left;
  padding: 10px 10px 10px 20px;
  font-size: 15px;
}

.tbl-withtitle td {
  border-right: 1px solid #99d7c7;
  background-color: #fff;
  text-align: left;
  padding: 8px 10px 8px 20px;
  vertical-align: top;
}

.tbl-withtitle .trlight td {
  background-color: #ebf7f4;
}

.tbl-withtitle .trline td {
  border-bottom: 1px solid #7fcdb9;
}

.tbl-withtitle .trline h4 {
  float: left;
  margin-right: 15px;
}

.tbl-withtitle .trtitle th {
  background-color: #009b74;
}

.tbl-withtitle .trtitle h2 {
  margin: 0;
  color: #fff;
}

.tbl-withtitle .ez-checked {
  margin: 3px;
}

.tbl-lesspadd th,
.tbl-lesspadd td {
  padding-left: 10px;
}

.tbl-lesspadd td:first-child {
  white-space: nowrap;
}

.tbl-withtitle td.t100 {
  width: 70px;
  text-align: right;
  padding-right: 20px;
}

.tbl-withtitle th.t100 {
  text-align: center;
}

/*tblfitered*/
.tblfitered th {
  background-color: #e8e6e6;
  padding: 12px 10px;
  vertical-align: top;
}

.tblfitered td {
  background: url(../images/bgr-tableline.png) no-repeat 50% 100%;
  padding: 9px;
  vertical-align: middle;
}

.tblfitered td.tdfirst {
  background-position: 0 100%;
  padding-left: 20px;
}

.tblfitered td.tdlast {
  background-position: 100% 100%;
  padding-right: 20px;
  text-align: right;
}

.tblfitered .trlast td {
  background: none;
}

.tblfitered .trtotal td {
  background: #f3f3f3 none;
  font-size: 14px;
  text-align: center;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
}

/*tbl-congrats*/
.tbl-congrats th {
  background-color: #a6dcce;
  font-size: 15px;
  padding: 11px 20px;
  text-align: left;
}

.tbl-congrats .trfoot th {
  font-size: 20px;
}

.tbl-congrats th.thhasb {
  border-left: 1px solid #fff;
}

.tbl-congrats td {
  font-size: 15px;
  padding: 15px 20px;
  text-align: left;
  line-height: 18px;
}

.tbl-congrats td.tdhasb {
  border-left: 1px solid #99d7c7;
}

.tbl-congrats .trwhite td {
  background-color: #fff;
}

.tbl-congrats .tdright {
  text-align: right;
}

/*tblweather*/
.tblweather {
  width: 266px;
  margin: 11px;
}

.tblweather td {
  font-size: 14px;
  padding: 2px 0 8px;
}

.tblweather .trline td {
  border-bottom: 1px solid #ccc;
  text-align: left;
}

.tblweather .trdays td {
  width: 38px;
  text-align: center;
  padding: 11px 0 0;
}

.tblweather .wimg {
  float: left;
  width: 62px;
}

.tblweather .wdetails {
  padding: 0 0 0 15px;
  height: 45px;
  margin-left: 13px;
  border-left: 1px solid #ccc;
}

.tblweather .deg {
  font-size: 32px;
  color: #848484;
}

.tbl-grayrows {
  margin-bottom: 10px;
}

.tbl-grayrows td {
  padding: 6px 10px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e3e3e3;
  font-weight: 700;
  line-height: 16px;
}

.tbl-grayrows td.tddcol-1 {
  width: 122px;
}

.tbl-grayrows td.tddcol-2 {
  width: 165px;
}

.tbl-grayrows .trgray td {
  background-color: #efefef;
}

.tbl-grayrows .trdarkgray td {
  background-color: #e7e7e7;
  border-color: #dedede;
}

#s4-workspace .tblgreen,
#s4-workspace .tblgreen * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.tblgreen th {
  background-color: #009b74;
  border-right: 1px solid #fff;
  color: #fff;
  vertical-align: bottom;
  text-align: left;
  padding: 6px 5px 10px 15px;
}

.tblgreen th span {
  font-weight: 400;
  display: block;
}

.tblgreen td {
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #dadada;
  background-color: #fff;
  text-align: left;
  padding: 8px 5px 8px 15px;
}

@media (max-width: 969px) {
  .tblgreen td {
    padding: 8px 5px;
  }
}

.tbl-divident .trlast td {
  border-bottom: none;
  padding-bottom: 0;
}

.tbl-report {
  width: 100%;
}

.tbl-report th {
  font-size: 14px;
  color: #fff;
  background-color: #5eb6e4;
  border-left: 1px solid #8fccec;
  padding: 4px 0 9px;
}

.tbl-report th.thfirst {
  border-left: none;
}

.tbl-report td {
  background-color: #fff;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 11px 0;
  text-align: center;
  vertical-align: middle;
}

.tbl-report td.td-darkgray {
  background-color: #eee;
  font-weight: 700;
  padding: 0 5px;
  border-left: none;
}

.tbl-report td.td-l {
  text-align: left;
  padding-left: 15px;
}

.tbl-report td.td-nob,
.tbl-report td.tdfirst {
  border-left: none;
}

.tbl-report .break {
  display: block;
  padding: 3px;
}

.tbl-report .empty {
  height: 21px;
  display: block;
}

.tbl-report .trlight td {
  background-color: #eee;
  font-weight: 700;
}

.tbl-report .trtotal td {
  font-weight: 700;
  font-size: 16px;
}

.subrow .tbl-report td.td-darkgray {
  font-size: 16px;
}

.financial-report .tbl-report th {
  padding: 4px 20px 12px;
}

.financial-report .tbl-report td {
  text-align: left;
  padding: 11px 10px 11px 20px;
}

.financial-report .tbl-report td.td-nob {
  padding-left: 0;
}

.tbl-share .tdlight {
  background-color: #f2f2f2;
  font-weight: 700;
}

.tbl-share td {
  border-bottom: 1px solid #e6e6e6;
  padding: 6px 10px;
}

.tbl-share .trlast td {
  border-bottom: none;
}

.col-300 .sharebox .tdlight {
  width: 90px;
}

.col-380 .sharebox .tbl-share td.tdlight {
  width: 50%;
  padding-left: 10px;
}

.col-380 .sharebox .tbl-share td {
  padding-left: 85px;
}

/*******************************
    BUTTONS
    *******************************/
.lnk,
.lnk:visited {
  background: url(../images/bgr-pinkarrrow.png) no-repeat 100% 59%;
  padding-right: 10px;
  float: left;
  font-weight: 700;
}

.pdf,
.pdf:visited {
  background: url(../images/ico-pdf.png) no-repeat;
  padding-left: 25px;
  line-height: 20px;
  height: 21px;
  display: inline-block;
}

.print {
  background: url(../images/btn-share-print.png) no-repeat;
  margin: 0 auto;
  display: block;
  width: 20px;
  height: 17px;
}

.PrinttoPDF {
  background: url(../images/pdfIcon.png) no-repeat;
  height: 23px;
  width: 23px;
  position: absolute;
  top: -3px;
  left: 307px;
}

.xls,
.xls:visited {
  background: url(../images/ico-xls.png) no-repeat;
  padding-left: 25px;
  line-height: 20px;
  height: 21px;
  display: inline-block;
}

.view,
.view:visited {
  background: url(../images/ico-magnifier.png) no-repeat;
  padding-left: 17px;
  height: 17px;
  display: inline-block;
  margin: 0 8px;
}

/*btn-pink*/
/*btn-white*/
.btn-pink,
.btn-pink:visited,
.btnwhite,
.btnwhite:visited,
.btnwhiteborder,
.btnwhiteborder:visited {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 10px;
  float: left;
  height: 27px;
  line-height: 26px;
}

.btn-pink span,
.btnwhite span,
.btnwhiteborder span {
  padding-right: 10px;
  display: inline-block;
  height: 27px;
}

.btn-pink span span,
.btnwhite span span,
.btnwhiteborder span span {
  padding: 0;
}

.btn-pink span span input,
.btnwhite span span input,
.btnwhiteborder span span input {
  background: none;
  border: none;
  font-size: 14px;
  height: 27px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  overflow: visible;
  float: left;
}

/*normal*/
.btn-pink,
.btn-pink:visited {
  background: url(../images/btn-pink.png) no-repeat;
  color: #fff;
}

.btn-pink span {
  background: url(../images/btn-pink.png) no-repeat 100% -27px;
}

.btn-pink span span {
  background: url(../images/btn-pink.png) repeat-x 0 -54px;
}

.btn-pink span span input {
  color: #fff;
}

/*hover*/
.btn-pink:hover {
  background: url(../images/btn-white.png) no-repeat;
  color: #d60f84;
}

.btn-pink:hover span {
  background: url(../images/btn-white.png) no-repeat 100% -27px;
}

.btn-pink:hover span span {
  background: url(../images/btn-white.png) repeat-x 0 -54px;
}

.btn-pink:hover span span input {
  color: #d60f84;
}

/*normal*/
.btnwhite,
.btnwhite:visited {
  background: url(../images/btn-white.png) no-repeat;
  color: #d60f84;
}

.btnwhite span {
  background: url(../images/btn-white.png) no-repeat 100% -27px;
}

.btnwhite span span {
  background: url(../images/btn-white.png) repeat-x 0 -54px;
}

.btnwhite span span input {
  color: #d60f84;
}

/*hover*/
.btnwhite:hover {
  background: url(../images/btn-pink.png) no-repeat;
  color: #fff;
}

.btnwhite:hover span {
  background: url(../images/btn-pink.png) no-repeat 100% -27px;
}

.btnwhite:hover span span {
  background: url(../images/btn-pink.png) repeat-x 0 -54px;
}

.btnwhite:hover span span input {
  color: #fff;
}

/*normal*/
.btnwhiteborder,
.btnwhiteborder:visited {
  background: url(../images/btn-whiteborder.png) no-repeat;
  color: #d60f84;
}

.btnwhiteborder span {
  background: url(../images/btn-whiteborder.png) no-repeat 100% -27px;
}

.btnwhiteborder span span {
  background: url(../images/btn-whiteborder.png) repeat-x 0 -54px;
}

.btnwhiteborder span span input {
  color: #d60f84;
}

/*hover*/
.btnwhiteborder:hover {
  background: url(../images/btn-pink.png) no-repeat;
  color: #fff;
}

.btnwhiteborder:hover span {
  background: url(../images/btn-pink.png) no-repeat 100% -27px;
}

.btnwhiteborder:hover span span {
  background: url(../images/btn-pink.png) repeat-x 0 -54px;
}

.btnwhiteborder:hover span span input {
  color: #fff;
}

/*btn-gray32*/
/*btn-pink32*/
.btn-gray32,
.btn-gray32:visited,
.btn-pink32,
.btn-pink32:visited {
  height: 32px;
  line-height: 33px;
  font-size: 14px;
  padding-left: 10px;
  float: left;
  text-transform: uppercase;
}

.btn-gray32 span,
.btn-pink32 span {
  padding-right: 10px;
  display: inline-block;
  height: 32px;
}

.btn-gray32 span span,
.btn-pink32 span span {
  padding: 0;
  text-align: center;
}

.btn-gray32 span span input,
.btn-pink32 span span input {
  font-size: 14px;
  text-transform: uppercase;
  height: 32px;
  line-height: 32px;
  background: none;
  overflow: visible;
}

/*normal*/
.btn-gray32,
.btn-gray32:visited {
  background: url(../images/btn-gray32.png) no-repeat;
  color: #cf0972;
}

.btn-gray32 span {
  background: url(../images/btn-gray32.png) no-repeat 100% -32px;
}

.btn-gray32 span span {
  background: url(../images/btn-gray32.png) repeat-x 0 -64px;
  padding: 0;
}

.btn-gray32 span span input {
  color: #cf0972;
}

/*hover*/
.btn-gray32:hover {
  background: url(../images/btn-pink32.png) no-repeat;
  color: #fff;
}

.btn-gray32:hover span {
  background: url(../images/btn-pink32.png) no-repeat 100% -32px;
}

.btn-gray32:hover span span {
  background: url(../images/btn-pink32.png) repeat-x 0 -64px;
}

.btn-gray32:hover span span input {
  color: #fff;
}

/*normal*/
.btn-pink32,
.btn-pink32:visited {
  background: url(../images/btn-pink32.png) no-repeat;
  color: #fff;
}

.btn-pink32 span {
  background: url(../images/btn-pink32.png) no-repeat 100% -32px;
}

.btn-pink32 span span {
  background: url(../images/btn-pink32.png) repeat-x 0 -64px;
}

.btn-pink32 span span input {
  color: #fff;
}

/*hover*/
.btn-pink32:hover {
  background: url(../images/btn-gray32.png) no-repeat;
  color: #cf0972;
}

.btn-pink32:hover span {
  background: url(../images/btn-gray32.png) no-repeat 100% -32px;
}

.btn-pink32:hover span span {
  background: url(../images/btn-gray32.png) repeat-x 0 -64px;
  padding: 0;
}

.btn-pink32:hover span span input {
  color: #cf0972;
}

.btn-puk span span span {
  background: url(../images/bgr-puk.png) no-repeat 0 9px;
  padding-left: 18px;
}

.btn-puk:hover span span span {
  background: url(../images/bgr-puk.png) no-repeat 0 -27px;
}

.btn-key span span span {
  background: url(../images/bgr-key.png) no-repeat 0 9px;
  padding-left: 18px;
}

.btn-key:hover span span span {
  background: url(../images/bgr-key.png) no-repeat 0 -27px;
}

.btnsmshistory span span span {
  background: url(../images/bgr-smshistory.png) no-repeat 100% 11px;
  padding-right: 15px;
}

.btnsmshistory:hover span span span {
  background: url(../images/bgr-smshistory.png) no-repeat 100% -89px;
}

.btnsmshistory-open span span span {
  background: url(../images/bgr-smshistory.png) no-repeat 100% -33px;
}

.btnsmshistory-open:hover span span span {
  background: url(../images/bgr-smshistory.png) no-repeat 100% -134px;
}

/*btn-pinkbig*/
.btn-pinkbig,
.btn-pinkbig:visited {
  background: url(../images/btn-pinkbig.png) no-repeat;
  height: 35px;
  line-height: 35px;
  font-size: 21px;
  color: #fff;
  padding-left: 10px;
  float: left;
  text-transform: uppercase;
}

.btn-pinkbig span {
  background: url(../images/btn-pinkbig.png) no-repeat 100% -35px;
  padding-right: 10px;
  display: inline-block;
  height: 35px;
}

.btn-pinkbig span span {
  background: url(../images/btn-pinkbig.png) repeat-x 0 -70px;
  padding: 0;
}

.btn-pinkbig span span input {
  font-size: 21px;
  color: #fff;
  text-transform: uppercase;
  height: 35px;
  line-height: 35px;
  background: none;
}

/**/
.btn-follow,
.btn-follow:visited {
  height: 27px;
  line-height: 26px;
  padding-left: 10px;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  background: url(../images/btn-follow.png) no-repeat;
  width: 93px;
  font-size: 14px;
  text-transform: uppercase;
}

/**/
.printBTN,
.printBTN:visited,
.btn-print,
.btn-print:visited,
.btn-share,
.btn-share:visited {
  background: url(../images/btn-share-print.png) no-repeat;
  padding-left: 20px;
  overflow: visible;
}

.btn-share,
.btn-share:visited {
  background-position: 0 -34px;
}

.printBTN:hover,
.btn-print:hover,
.btn-share:hover {
  color: #cf0972;
  overflow: visible;
}

.btngo {
  background: url(../images/btn-go.png) no-repeat;
  width: 53px;
  height: 32px;
  border: none;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  line-height: 32px;
  text-align: center;
}

.btn-add {
  background: url(../images/btn-add.png) no-repeat;
  width: 30px;
  height: 29px;
  float: left;
}

.btn-add:hover {
  background-position: 0 -29px;
}

.btn-delete {
  background: url(../images/btn-delete.png) no-repeat;
  width: 22px;
  height: 21px;
  float: left;
}

.btn-delete:hover {
  background-position: 0 -21px;
}

.btn-deletepink {
  background: url(../images/btn-delete.png) no-repeat 0 -21px;
  width: 22px;
  height: 21px;
  float: left;
}

.btn-deletepink:hover {
  background-position: 0 0;
}

.btn-openclose {
  background: url(../images/bgr-plusminus.png) no-repeat;
  width: 23px;
  height: 23px;
  float: left;
}

.btn-openclose:hover {
  background-position: 0 100%;
}

/*### CETVRTI DEO ###*/
.req {
  color: #069e78;
  font-weight: 700;
  font-size: 22px;
  font-family: 'Nunito Sans', Arial;
  padding: 0 2px;
}

.reqbig {
  background: url(../images/ico-mandatory.png) no-repeat 50% 50%;
  padding: 0 5px;
}

.select-380 {
  width: 400px;
}

.select-250 {
  width: 270px;
}

.select-240 {
  width: 257px;
}

.select-210 {
  width: 230px;
}

.select-160 {
  width: 180px;
}

.select-80 {
  width: 100px;
}

.select-70 {
  width: 95px;
}

.select-65 {
  width: 82px;
}

.select-50 {
  width: 50px;
}

.s-day {
  width: 55px;
}

.s-month {
  width: 100px;
}

.s-year {
  width: 66px;
}

/*frmsurvey*/
.frmsurvey {
  width: 100%;
  overflow: hidden;
}

.frmsurvey ul {
  overflow: hidden;
}

.frmsurvey .frmul li {
  padding: 5px 0 6px;
}

.frmsurvey li label {
  line-height: 19px;
}

.frmsurvey .line {
  margin-top: 2px;
  padding-bottom: 7px;
}

/*frmnewsletter*/
.frmnewsletter li {
  font-size: 14px;
  padding-bottom: 5px;
}

.frmnewsletter label {
  line-height: 20px;
}

.frmnewsletter .graybox-585 label {
  line-height: 30px;
  padding-right: 15px;
}

.frmnewsletter .graybox-585 li.al {
  width: 275px;
}

.frmnewsletter .halflist {
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid #fff;
}

.frmnewsletter .halflist li {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  width: 290px;
}

.frmnewsletter .halflist .li_full {
  border: none;
  padding: 15px 0 0;
}

.frmnewsletter .ez-checkbox {
  background-image: url(../images/bgr-checkbox-newsletter.png);
  margin: 3px 10px 0 0;
  width: 19px;
  height: 15px;
}

.frmpassword li {
  padding-bottom: 15px;
}

.frmpassword h2 {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.frmpassword label {
  line-height: 30px;
  width: 135px;
}

.frmpassword .btn-pink32 {
  margin-left: 135px;
}

.frmreport {
  width: 100%;
  clear: left;
  float: left;
  padding: 10px 0;
}

.frmreport li.al {
  padding-right: 8px;
}

.frmreport .btn-pink {
  margin-top: 1px;
}

.report .selectwhite .jqTransformSelectWrapper div span {
  padding-left: 5px;
  letter-spacing: -.025em;
}

.report .selectwhite .jqTransformSelectWrapper ul a {
  padding: 3px 5px;
}

/*frmsearchjob*/
.frmsearchjob {
  background: url(../images/bgr-searchjob.png) no-repeat;
  width: 190px;
  height: 27px;
}

.frmsearchjob li {
  float: left;
}

.frmsearchjob input[type=text] {
  background: none;
  height: 27px;
  padding: 5px 10px;
  width: 140px;
}

.frmsearchjob input[type=submit] {
  border: none;
  background: none;
  height: 27px;
  width: 30px;
}

/*frmverification*/
.frmaccount li {
  padding-bottom: 15px;
}

.frmaccount label {
  padding-right: 15px;
}

.frmaccount .halflist .frmsub {
  width: 100%;
  clear: left;
  padding: 10px 0;
}

.frmaccount .halflist ul li {
  width: auto;
}

.frmaccount .halflist ul li label {
  font-weight: 400;
}

/*frmpayment-method*/
.frmpayment-method li {
  padding-bottom: 15px;
}

.frmaccount .li_greenline {
  padding-bottom: 0;
}

.frmpayment-method .btn-pink32,
.frmpayment-method .btn-gray32 {
  margin: 0 10px 0 0;
}

.frmpayment-method .frmsub {
  padding-left: 20px;
}

.frmpayment-method .frmsub .al {
  line-height: 30px;
  padding: 0 20px 0 10px;
}

.frmpayment-method .frmsub li,
.frmpay .frmsub li {
  float: left;
  width: auto;
  padding-bottom: 0;
}

.frmpayment-method .frmsub .rd {
  margin-top: 15px;
  float: left;
}

.frmpayment-method .frmsub label {
  padding: 0 20px 5px 0;
}

.frmpayment-method .radio-place {
  float: left;
  width: 20px;
  padding: 1px;
}

.frmpayment-method .nr {
  font-size: 13px;
}

.frmpay li {
  padding-bottom: 10px;
}

.frmpay h2 {
  margin-bottom: 15px;
}

.frmpay li label {
  float: left;
  width: 155px;
  line-height: 30px;
}

.frmpay .frmsub {
  padding-left: 20px;
}

.frmpay .frmsub .al {
  line-height: 30px;
  padding: 0 20px 0 10px;
}

.frmpay .frmsub label {
  padding: 0 20px 0 0;
  width: auto;
  line-height: normal;
}

.frmpay select {
  width: 98px;
}

.frmpay .jqTransformSelectWrapper {
  margin-right: 40px;
}

.frmpay .powered {
  position: absolute;
  right: 0;
  top: 85px;
}

.frmfilter li {
  width: auto;
  float: left;
  padding-right: 10px;
}

.frmfilter .jqTransformSelectWrapper {
  margin-top: -4px;
}

.frmfilter .frmsub {
  width: 100%;
  overflow: hidden;
  margin-bottom: 18px;
}

.frmfilter .frmsub label {
  padding-right: 25px;
}

.frmfilter .input_100 {
  background: url(../images/input_100x30.png) no-repeat;
  width: 80px;
  height: 16px;
  padding: 7px 10px;
  border: none;
  float: left;
}

.frmfilter .frmdate {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.frmfilter .frmdate li {
  line-height: 30px;
  float: left;
}

.frmfilter .frmdate img {
  float: left;
  margin: 5px 15px 5px 4px;
}

.frmfilter .frmdate .lnk {
  margin-left: 8px;
}

.frmlocation {
  width: 100%;
  height: 45px;
}

.frmlocation li {
  float: left;
  padding: 0 5px;
}

.frmlocation label {
  line-height: 27px;
  font-weight: 700;
}

.frmlocation select {
  width: 197px;
}

.frmlocation .btngo {
  margin-top: -1px;
}

/*.frmpayment*/
.frmpayment li {
  padding-bottom: 15px;
}

.frmpayment li.li-btn {
  padding: 0 0 0 130px;
  width: auto;
}

.frmpayment label {
  width: 130px;
  line-height: 30px;
}

.frmchart label {
  letter-spacing: -.025em;
  float: left;
}

.frmchart label.lbl-12 {
  font-size: 12px;
  line-height: 20px;
}

.frmchart label.lbl-bold {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

.frmchart .daterow input {
  background: url(../images/bgr-input113.png) no-repeat;
  width: 93px;
  height: 17px;
  padding: 4px 10px;
  border: none;
  float: left;
  font-size: 13px;
  color: #666;
}

.frmchart .daterow label {
  font-size: 13px;
  float: left;
  line-height: 24px;
  width: 35px;
}

.frmchart .daterow .ui-datepicker-trigger {
  float: left;
  margin-left: 7px;
}

.frmpuk {
  margin-top: 10px;
}

.frmpuk label {
  line-height: 30px;
  padding-right: 10px;
}

.frmprofileimage .filebox {
  float: left;
  width: 320px;
  padding-right: 30px;
}

.frmprofileimage .filebox p {
  font-size: 12px;
  padding-top: 5px;
  clear: left;
}

.frmprofileimage .filebox .infobox {
  float: right;
}

.frmprofileimage .btn-pink32 {
  margin-left: 13px;
}

.frmsms textarea {
  background: url(../images/bgr-tearea-sms.png) no-repeat;
  width: 259px;
  height: 120px;
  padding: 5px 10px;
}

/*******************************
    FORMS CHECKBBOX
    *******************************/
.ez-hide {
  opacity: 0;
  filter: alpha(opacity=0);
  float: left;
  margin: 1px;
}

.ez-checkbox {
  background: transparent url(../images/bgr-checkbox.png) 0 0 no-repeat;
  display: block;
  float: left;
  margin: 3px 5px 0 0;
  width: 15px;
  height: 15px;
}

.ez-radio {
  background: transparent url(../images/bgr-radiobuton.png) 0 0 no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  float: left;
  margin: 1px 5px 0 0;
}

.ez-checkbox,
.ez-radio {
  zoom: 1;
  *display: inline;
  _height: 30px;
}

.ez-checked {
  background-position: 0 100%;
}

.ez-selected {
  background-position: 0 -35px;
}

/*******************************
    TABS
    *******************************/
.widget {
  width: 100%;
  overflow: hidden;
  float: left;
}

/************************************************************************************************************************
      Custom Development Sharepoint 2013
    ************************************************************************************************************************/
/*******************************
    CLEARFIX HACK
    *******************************/
.clr_15 {
  clear: both;
  margin-bottom: 15px;
}

.clr-l {
  clear: left;
}

.clr-r {
  clear: right;
}

.cfix {
  clear: both;
}

.FontResizeControl {
  margin-right: 0;
  float: right;
}

/*********************************
      Banner with button
    *********************************/
a img {
  border: none;
}

#main_ads_container {
  width: 940px;
  padding: 0;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  /*rounded corners*/
  border-radius: 26px 26px 28px 28px;
}

.ads_container {
  width: 940px;
  overflow: hidden;
  position: relative;
  display: none;
  /*rounded corners*/
  border-radius: 26px 26px 28px 28px;
  z-index: 0;
}

#survey {
  position: absolute;
  top: 32px;
  left: -14px;
  z-index: 500;
}

#pausePlayImg {
  /*bottom: 33px;*/
  bottom: 40px;
  left: 50px;
  position: absolute;
  z-index: 500;
}

#ads {
  z-index: 100;
}

.ads_container div.ad {
  width: 940px !important;
  height: 480px;
  display: block;
  position: relative;
  /*rounded corners*/
  border-radius: 26px 26px 28px 28px;
}

.ads_container div.ad-940x350 {
  width: 940px !important;
  height: 350px;
  display: block;
  position: relative;
}

/* Pagination (the dots) */
.pagination {
  bottom: 45px;
  position: absolute;
  width: 200px;
  z-index: 510;
  left: 80px;
  padding: 0;
  margin: 0;
}

.pagination li {
  float: left;
  list-style: none;
  width: 13px;
  height: 13px;
  overflow: hidden;
  cursor: pointer;
  margin-right: 3px;
}

.pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url(../images/bgr-pagerdots.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.pagination li.current a {
  background-position: -19px 0;
}

div.ads_container div.ad div.text-box {
  position: absolute;
  bottom: 80px;
  left: 50px;
  width: 430px;
  overflow: hidden;
  /*rounded corners*/
  border-radius: 26px 26px 28px 28px;
}

div.ads_container div.ad-940x350 div.text-box {
  position: absolute;
  bottom: 80px;
  left: 50px;
  width: 430px;
  overflow: hidden;
}

.ad_main_text {
  font-size: 33pt;
  color: #fff;
  /*font-family: avenir-reg;*/
  display: block;
  line-height: 100%;
  margin-bottom: 25px;
}

.ad_sub_text {
  font-size: 13.5pt;
  color: #fff;
  display: block;
  /*font-family:avenir-med;*/
  margin-bottom: 25px;
}

span.ad_link {
  display: block;
}

span.ad_link a {
  font-size: 16pt;
  color: #fff !important;
  /*font-family:avenir-med;*/
  background: url(../images/main-banners-link.png) 0 0 no-repeat;
  float: left;
  width: 194px;
  height: 34px;
  line-height: 33px;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
}

/* general -start- */
.default-float {
  float: left;
}

/* general -end- */
/* Layouts -- start --*/
div#main_ads_container {
  margin-bottom: 20px;
  min-height: 350px;
}

/* layouts -end-*/
.rounded {
  border-radius: 26px 26px 28px 28px;
  position: relative;
}

.center {
  text-align: center;
}

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

input,
select {
  outline: none;
}

div.ad-940x350 img {
  border-radius: 26px 26px 28px 28px;
  position: relative;
}

#pausePlayImg {
  height: 26px;
  cursor: pointer;
  border-radius: 15px;
}

#pausePlayImg:hover {
  cursor: pointer;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/*******************
      News Layout
    *******************/
.captioned-image {
  width: 100%;
  margin: 0;
  padding: 0;
  display: none;
}

.captioned-image .image {
  float: left;
}

.article-header {
  width: 100%;
  margin: 0;
  padding: 0;
  clear: both;
  display: none;
}

.article-header .date-line {
  float: left;
  margin-left: 0;
  font-size: 10px;
}

.textblock h3 {
  font-weight: 700;
  clear: both;
}

/*********************
      Smart Survery    
    *********************/
.z_survey_manager_debug {
  display: none;
}

input[type='button'],
input[type='submit'] {
  height: 32px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
  border: 0 solid #ababab;
  color: #444;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover {
  border-color: #92c0e0 !important;
  background-color: #e6f2fa !important;
}

.z_survey_creator_options_wrapper {
  background-color: #fff;
  border: 1px solid #00a774;
  padding: 10px;
  height: 55px;
  font-size: 13px;
}

.z_survey_creator_option_element {
  float: left;
  margin-right: 5px;
  height: 30px;
  vertical-align: bottom;
}

.z_survey_creator_option_element select {
  margin-top: 8px;
  width: 450px;
}

.z_survey_creator_option_element span {
  display: block;
  /*vertical-align: baseline;*/
  padding-top: 10px;
}

.z_survey_is_a_poll_check_box {
  font-weight: 700;
}

.z_survey_is_a_poll_check_box_error_wrapper {
  color: red;
  clear: both;
}

.z_survey_creator_content_wrapper {
  float: left;
  width: 39%;
  margin-top: 10px;
  background-color: #fff;
  font-size: 13px;
  border: 1px solid #00a774;
  padding-left: 5px;
}

/*=================================== DIV TABLE START =============================*/
.z_survey_manager_content_row {
  margin-bottom: 20px;
}

.z_survey_manager_cell_label_wrapper {
  width: 180px;
  float: left;
  font-weight: 700;
  text-align: left;
  margin-left: 5px;
  margin-top: 5px;
}

.z_survey_manager_cell_control {
  width: 250px;
  float: left;
  text-align: left;
  margin: 3px;
}

.z_survey_field_mandatory_label {
  color: red;
}

.z_survey_creator_question_type_button {
  float: left;
  padding: 3px;
  width: 200px;
  height: 30px;
  border-color: #92c0e0;
  background-color: #e6f2fa;
}

.z_survey_creator_main_options_button {
  float: left;
  padding: 3px;
  width: auto;
  height: 30px;
  border-color: #92c0e0;
  background-color: #e6f2fa;
}

.z_survey_creator_preview_control_wrapper {
  float: right;
  width: 59%;
  margin-top: 10px;
  background-color: #fff;
  font-size: 13px;
  border: 1px solid #00a774;
}

.z_error_message {
  color: red;
  font-weight: 700;
}

.z_survey_visual_state {
  color: #00a774 !important;
  margin-left: 5px;
}

.z_survey_creator_question_grid {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #00a774 !important;
  width: 99%;
}

.z_survey_question_grid_1_button_column {
  width: 25px;
  border-style: none !important;
  vertical-align: top;
}

.z_survey_grid_view_cell_wrapper {
  padding: 2px;
}

.z_survey_choice_text {
  width: 96% !important;
}

.z_survey_question_commands_wrapper {
  float: right;
  padding: 0 !important;
}

.z_survey_command_pictures_wrapper {
  float: right;
  width: 132px;
  margin: 3px;
}

.z_survey_command_pictures_content_wrapper {
  float: right;
}

.z_survey_command_picture {
  height: 20px;
  width: 20px;
  padding: 3px;
}

/*========================= SURVEY IMAGES ======================*/
.z_survey_question_command_move_up_image {
  background-image: url(../images/Icons/arrow_up_blue.png);
  height: 24px;
  width: 24px;
  padding: 3px;
  background-repeat: no-repeat;
}

.z_survey_question_command_move_down_image {
  background-image: url(../images/Icons/arrow_down_blue.png);
  height: 24px;
  width: 24px;
  padding: 3px;
  background-repeat: no-repeat;
}

.z_survey_question_command_edit_question_image {
  background-image: url(../images/Icons/edit_24.png);
  height: 24px;
  width: 24px;
  padding: 3px;
  background-repeat: no-repeat;
}

.z_survey_question_command_delete_question_image {
  background-image: url(../images/Icons/trash.png);
  height: 24px;
  width: 24px;
  padding: 3px;
  background-repeat: no-repeat;
}

.z_survey_grid_choices_delete_image {
  background-image: url(../images/Icons/delete_24.png);
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
}

/*===================================================================*/
.z_survey_radio_button_column {
  width: 25px;
  vertical-align: top;
  border-width: 0;
  padding-bottom: 7px;
}

.z_survey_check_box_column {
  width: 25px;
  vertical-align: top;
  border-width: 0;
  padding-bottom: 7px;
}

.z_survey_preview_header_row {
  margin-bottom: 20px;
}

.z_survey_preview_header_cell_label {
  width: 130px;
  float: left;
  font-weight: 700;
  text-align: left;
  margin-left: 5px;
  margin-top: 5px;
}

.z_survey_preview_name_label_text {
  font-size: 14px;
  color: #00a774;
  font-weight: 700;
}

.z_survey_preview_header_cell_control {
  float: left;
  text-align: left;
  margin: 3px;
}

.z_survey_preview_name_label {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  display: block;
  margin-left: 5px;
}

.z_survey_command_save_wrapper {
  float: left;
  margin: 5px;
}

.z_survey_command_publish_wrapper {
  float: left;
  margin: 5px 5px 5px 50px;
}

.z_survey_command_delete_wrapper {
  float: left;
  margin: 5px;
}

.z_survey_question_tooltip {
  display: none;
  height: 0;
  width: 0;
  padding: 0;
  border: none;
}

.z_clear {
  clear: both;
  height: 1px;
}

/*================================== DIALOGS ======================*/
.z_survey_dialog_cancel_question_wrapper {
  padding: 10px;
}

.z_survey_dialog_warning_image {
  background-image: url(../images/Icons/Warning_32x32.png);
  width: 32px;
  height: 32px;
  float: left;
  margin: 20px;
}

.z_survey_dialog_information_image {
  background-image: url(../images/Icons/Information_32x32.png);
  width: 32px;
  height: 32px;
  float: left;
  margin: 20px;
}

.z_survey_dialog_question_wrapper {
  float: left;
  margin: 10px;
}

.z_survey_dialog_buttons_wrapper {
  margin: 10px;
  text-align: center;
}

.z_survey_dialog_button {
  margin: 5px;
}

.z_close_box_image {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url(../images/Icons/Delete_20x20.png);
}

.z_survey_dialog_delete_question_wrapper {
  padding: 10px;
}

.z_survey_dialog_cancel_survey_creation_wrapper {
  padding: 10px;
}

.z_survey_dialog_delete_survey_wrapper {
  padding: 10px;
}

.z_survey_dialog_overwrite_survey_wrapper {
  padding: 10px;
}

.z_survey_dialog_save_and_publish_survey_wrapper {
  padding: 10px;
}

.z_survey_dialog_simple_message_wrapper {
  padding: 10px;
}

/*----------------------------------------------------*/
/*--------------------- Smart Solver -----------------*/
.z_SurveySolverWrapper {
  width: auto;
  height: auto;
  padding: 5px;
}

.z_SurveySolverHeader {
  background-color: #ff0;
  width: auto;
}

.z_SurveyCompletedSucessfullyWrapper {
  color: #333;
  font-size: 13px;
  font-weight: 700;
}

.z_SurveyAlreadyTakenWrapper {
  color: red;
  font-weight: 400;
  margin-left: 5px;
  font-size: 13px;
}

.z_SurveySolverSubmitButton,
.z_SurveySolverSubmitButton:visited {
  background: url(../images/btn-login.png) no-repeat;
  color: #fff !important;
  width: 84px;
  height: 32px !important;
  font-size: 14px !important;
  border: none !important;
}

/*hover*/
.z_SurveySolverSubmitButton:hover {
  background: url(../images/btn-login.png) no-repeat;
  color: #FCF !important;
  width: 84px;
  height: 32px !important;
  font-size: 14px;
  border: none !important;
}

.z_SurveySolverQuestions {
  width: auto;
  clear: both;
  font-size: 13px;
}

.z_SurveyResultsWrapper {
  width: auto;
  height: auto;
  /*background-color: aqua;*/
  padding: 5px;
  font-size: 13px;
}

.z_SurveyResultsQuestionWrapper {
  /*margin: 5px 5px 10px 0px;*/
  clear: both;
}

.z_SurveyResultsQuestionTextLabel {
  color: #00a774;
  width: 100%;
}

.z_SurveyResultsQuestionChoiceTextWrapper {
  /*margin: 5px 5px 0px 5px;*/
  /*background-color: blue;*/
  clear: both;
}

.z_SurveyResultsChoiceTextLabel {
  width: 100%;
}

.z_SurveyResultsBarAndPercentageWrapper {
  margin: 3px 3px 6px;
  background-color: #fff;
  border-bottom: 1px solid grey;
  height: 20px;
}

.z_ProgressBarWrapper {
  float: left;
  width: 86%;
  border: none;
  background-color: #ccc;
}

.z_ProgressBar {
  /*width: 120px;*/
  background-color: #00a774;
  height: 20px;
  border-width: 0;
}

.z_SurveyResultsPercentageWrapper {
  float: right;
  width: auto;
  margin-top: 2px;
}

.z_SurveyResultsPercentageLabel {
  color: #00a774;
  width: auto;
  margin-right: 3px;
}

.z_SurveyResultsTotalVotesWrapper {
  clear: both;
}

.z_SurveyResultsTotalVotesLabel {
  color: #000;
}

.z_SurveyResultsNothingSelectedErrorWrapper {
  clear: both;
}

.z_SurveyResultsNothingSelectedErrorLabel {
  color: Red;
  visibility: hidden;
}

/***************************
      Smart Quiz
    ***********************8*/
.z_quiz_name_label {
  float: left;
}

.z_quiz_submit_button {
  float: right;
}

.z_quiz_submit_button,
.z_quiz_submit_button:visited {
  background: url(../images/btn-login.png) no-repeat;
  color: #fff !important;
  width: 84px;
  height: 32px !important;
  font-size: 14px !important;
  border: none !important;
}

/*hover*/
.z_quiz_submit_button:hover {
  background: url(../images/btn-login.png) no-repeat;
  color: #FCF !important;
  width: 84px;
  height: 32px !important;
  font-size: 14px;
  border: none !important;
}

.z_quiz_congrats_message {
  font-size: 13px;
}

.z_close_box_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
}

.z_close_box_wrapper img {
  width: 20px;
  height: 20px;
}

/*=================================== DIV TABLE START =============================*/
.z_quiz_completed_row {
  margin-bottom: 20px;
}

.z_clear {
  clear: both;
}

/*=================================== DIV TABLE END =============================*/
.z_quiz_completed_congrats_title {
  color: #ffc0cb;
  font-weight: 700;
}

.z_quiz_completed_submit_button {
  background-color: #c00d6b;
  color: #fff;
}

.z_quiz_try_again_wrapper {
  height: 150px;
}

/*-------------------------------------------------------------------------------*/
/*------------------------------Smart Quiz Manager ------------------------------*/
.z_quiz_manager_debug {
  display: none;
}

.z_quiz_visual_state {
  color: #00a774 !important;
  margin-left: 5px;
}

input[type='button'],
input[type='submit'] {
  height: 32px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
  border: 0 solid #ababab;
  color: #444;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover {
  border-color: #92c0e0 !important;
  background-color: #e6f2fa !important;
}

.z_quiz_command_pictures_wrapper {
  float: right;
  width: 132px;
  margin: 3px;
}

.z_quiz_command_pictures_content_wrapper {
  float: right;
}

.z_quiz_command_picture {
  height: 20px;
  width: 20px;
  padding: 3px;
}

.z_quiz_choice_text {
  width: 96% !important;
  display: block;
  margin-top: 3px;
}

.z_error_message {
  color: red;
  font-weight: 700;
  font-size: 13px;
}

.z_clear {
  clear: both;
  height: 1px;
}

.z_quiz_creator_options_wrapper {
  background-color: #fff;
  border: 1px solid #00a744;
  padding: 10px;
  height: 40px;
  font-size: 13px;
}

.z_quiz_creator_option_element {
  float: left;
  margin-right: 5px;
}

.z_quiz_creator_option_element select {
  margin-top: 8px;
  width: 450px;
}

.z_quiz_creator_option_element span {
  display: block;
  padding-top: 10px;
}

.z_quiz_creator_content_wrapper {
  background-color: #fff;
  border: 1px solid #00a744;
  margin-top: 10px;
  float: left;
  width: 39%;
  padding-left: 5px;
  font-size: 13px;
}

/*=================================== DIV TABLE START =============================*/
.z_quiz_manager_content_row {
  margin-bottom: 20px;
}

.z_quiz_manager_cell_label {
  width: 180px;
  float: left;
  font-weight: 700;
  text-align: left;
  margin-left: 5px;
  margin-top: 5px;
}

.z_quiz_manager_cell_control {
  width: 250px;
  float: left;
  text-align: left;
  margin: 3px;
}

.z_quiz_preview_header_row {
  margin-bottom: 20px;
}

.z_quiz_preview_header_cell_label {
  width: 130px;
  float: left;
  font-weight: 700;
  text-align: left;
  margin-left: 5px;
  margin-top: 5px;
}

.z_quiz_preview_header_cell_control {
  width: 545px;
  float: left;
  text-align: left;
  margin: 3px;
}

/*========================= QUIZ IMAGES ======================*/
.z_quiz_question_command_move_up_image {
  background-image: url(../images/Icons/arrow_up_blue.png);
  height: 24px;
  width: 24px;
  padding: 3px;
  background-repeat: no-repeat;
}

.z_quiz_question_command_move_down_image {
  background-image: url(../images/Icons/arrow_down_blue.png);
  height: 24px;
  width: 24px;
  padding: 3px;
  background-repeat: no-repeat;
}

.z_quiz_question_command_edit_question_image {
  background-image: url(../images/Icons/edit_24.png);
  height: 24px;
  width: 24px;
  padding: 3px;
  background-repeat: no-repeat;
}

.z_quiz_question_command_delete_question_image {
  background-image: url(../images/Icons/trash.png);
  height: 24px;
  width: 24px;
  padding: 3px;
  background-repeat: no-repeat;
}

.z_quiz_grid_choices_delete_image {
  background-image: url(../images/Icons/delete_24.png);
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
}

/*===================================================================*/
.z_quiz_creator_question_type_button {
  float: left;
}

.z_quiz_creator_preview_control_wrapper {
  float: right;
  width: 59%;
  margin-top: 10px;
  background-color: #fff;
  border: 1px solid #00a744;
}

.z_quiz_field_mandatory_label {
  color: red;
}

.z_quiz_creator_question_grid {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #007a44 !important;
  width: 99%;
}

.z_quiz_question_grid_1_button_column {
  width: 25px;
  border-style: none !important;
  vertical-align: top;
}

.z_quiz_grid_view_cell_wrapper {
  padding: 2px;
}

/*.z_quiz_grid_view_cell_wrapper input[type=text] {
          width: 98% !important;
      }*/
.z_quiz_question_commands_wrapper {
  float: right;
  padding: 0 !important;
}

.z_quiz_grid_image_button {
  height: 20px;
  width: 20px;
}

.z_quiz_preview_name_label_text {
  font-size: 14px;
  color: #00a774;
  font-weight: 700;
}

.z_quiz_preview_name_label {
  font-size: 14px;
  color: #333;
  font-weight: 700;
}

.z_quiz_command_save {
  float: left;
  margin: 5px;
}

.z_quiz_command_publish {
  float: left;
  margin: 5px 5px 5px 50px;
}

.z_quiz_command_delete {
  float: left;
  margin: 5px;
}

/*================================== DIALOGS ======================*/
.z_close_box_image {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url(../images/Icons/Delete_20x20.png);
}

.z_quiz_dialog_warning_image {
  background-image: url(../images/Icons/Warning_32x32.png);
  width: 32px;
  height: 32px;
  float: left;
  margin: 20px;
}

.z_quiz_dialog_information_image {
  background-image: url(../images/Icons/Information_32x32.png);
  width: 32px;
  height: 32px;
  float: left;
  margin: 20px;
}

.z_quiz_dialog_question_wrapper {
  float: left;
  margin: 10px;
}

.z_quiz_dialog_buttons_wrapper {
  margin: 10px;
  text-align: center;
}

.z_quiz_dialog_button {
  margin: 5px;
}

.z_quiz_dialog_delete_question_wrapper,
.z_quiz_dialog_cancel_question_wrapper,
.z_quiz_dialog_cancel_quiz_creation_wrapper,
.z_quiz_dialog_simple_message_wrapper,
.z_quiz_dialog_save_and_publish_quiz_wrapper,
.z_quiz_dialog_overwrite_quiz_wrapper,
.z_quiz_dialog_delete_quiz_wrapper {
  padding: 10px;
}

/***********************************
      Smart Form
    *********************************/
.z_form_debug {
  display: none;
}

.z_invisible {
  display: none;
}

.z_form_creator_options_wrapper {
  background-color: #0cf;
  padding: 10px;
  height: 30px;
}

.z_form_creator_option_element {
  float: left;
  margin-right: 5px;
}

.z_form_creator_option_element span {
  top: 7px;
  position: relative;
}

.z_form_creator_option_element select {
  top: 1px;
  position: relative;
  width: 270px;
}

.z_form_submit_button {
  text-transform: uppercase !important;
  border: medium none !important;
  overflow: visible !important;
  padding: 0 !important;
  cursor: pointer !important;
  height: 32px !important;
  width: 85px !important;
  margin: 2px 2px 2px 0 !important;
  line-height: 32px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-align: center !important;
  min-width: 0;
  background: url(../images/btn-submit.png) no-repeat scroll 0 0 transparent !important;
}

.z_form_submit_button:hover {
  color: silver !important;
}

.z_form_edit_form_ddl {
  margin-top: 5px;
}

.z_clear {
  clear: both;
  height: 1px;
}

.z_form_main_data_left_wrapper {
  float: left;
}

.z_form_main_data_cell_label {
  width: 180px;
  float: left;
  font-weight: 700;
  text-align: left;
  margin-left: 5px;
  margin-top: 5px;
}

.z_form_main_data_cell_control {
  width: 200px;
  float: left;
  text-align: left;
  margin: 3px;
  height: 42px;
  padding-bottom: 10px;
}

.z_form_main_data_right_wrapper {
  float: right;
}

.z_form_main_data_status_label {
  font-size: larger;
  font-weight: 700;
}

.z_form_main_data_status_ddl {
  font-size: larger;
  font-weight: 700;
  width: 150px;
}

.z_form_field_creator_wrapper {
  float: left;
  /*background-color: green;*/
  /*height: 200px;*/
  width: 70%;
}

.z_form_preview_wrapper {
  float: left;
  background-color: #a2fff4;
  height: auto;
  width: 100%;
}

.z_error_message {
  color: red;
  font-weight: 700;
}

.z_form_commands_wrapper {
  /*background-color: grey;*/
}

.z_form_visual_state {
  color: blue;
}

.z_form_validator {
  color: red;
}

.z_form_required_asterisk {
  color: red;
  margin-left: 5px;
}

.z_form_field_edit_icon,
.z_form_field_delete_icon,
.z_form_field_update_icon,
.z_form_field_cancel_icon,
.z_form_field_insert_icon,
.z_form_field_move_up_icon,
.z_form_field_move_down_icon {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  width: 25px;
  height: 25px;
}

.z_form_field_edit_icon {
  background-image: url(../images/edit_25x25b.png);
}

.z_form_field_delete_icon {
  background-image: url(../images/delete_25x25b.png);
}

.z_form_field_update_icon {
  background-image: url(../images/confirm_25x25b.png);
}

.z_form_field_cancel_icon {
  background-image: url(../images/cancel_25x25b.png);
}

.z_form_field_insert_icon {
  background-image: url(../images/add_25x25b.png);
}

.z_form_field_move_up_icon {
  background-image: url(../images/move_up_25x25b.png);
}

.z_form_field_move_down_icon {
  background-image: url(../images/move_down_25x25b.png);
}

.z_form_fields_grid_view {
  border: 1px solid #000;
  margin-top: 20px;
  margin-bottom: 20px;
}

/*====================================== GRID VIEW FIELDS ==============*/
.z_form_grid_column_header_field_order,
.z_form_grid_column_header_field_name,
.z_form_grid_column_header_field_type,
.z_form_grid_column_header_field_required,
.z_form_grid_column_header_field_validator,
.z_form_grid_column_header_field_commands {
  background-color: #a2fff4;
  padding-top: 10px;
  padding-bottom: 10px;
}

.z_form_grid_column_item_field_order {
  width: 69px;
}

.z_form_grid_column_item_field_required {
  text-align: center;
  width: 80px;
}

.z_form_grid_column_item_field_commands {
  width: 80px;
}

/*.z_form_grid_column_control_field_order {
    }*/
.z_form_grid_column_control_field_name {
  width: 150px;
}

.z_form_grid_column_control_field_type {
  width: 150px;
}

.z_form_grid_column_control_field_required {
  text-align: center;
}

/*.z_form_grid_column_control_field_commands {
    }*/
.z_form_grid_column_footer_field_required {
  text-align: center;
}

.z_form_grid_column_footer_field_order,
.z_form_grid_column_footer_field_name,
.z_form_grid_column_footer_field_type,
.z_form_grid_column_footer_field_required,
.z_form_grid_column_footer_field_validator,
.z_form_grid_column_footer_field_commands {
  background-color: #c9ffbf;
}

/*====================================== DIALOGS ==============*/
.z_form_dialog_overwrite_form_question_wrapper {
  padding: 10px;
}

.z_form_dialog_warning_image {
  background-image: url(../images/Warning_32x32.png);
  width: 32px;
  height: 32px;
  float: left;
  margin: 20px;
}

.z_form_dialog_question_wrapper {
  float: left;
  margin: 10px;
}

.z_form_dialog_buttons_wrapper {
  margin: 10px;
  text-align: center;
}

.z_form_dialog_button {
  margin: 5px;
}

.z_form_dialog_simple_message_wrapper {
  padding: 10px;
}

.z_form_dialog_information_image {
  background-image: url(../images/information_32x32.png);
  width: 32px;
  height: 32px;
  float: left;
  margin: 20px;
}

.z_form_dialog_message_wrapper {
  float: left;
  margin: 10px;
}

/*====================================== FORM FILLER ==============*/
/*====================================== FORM FILLER CONTROL ==============*/
.z_form_filler_control_wrapper {
  /*background-color: aqua;*/
  width: 100%;
  border-radius: 10px;
  border: 2px solid #00a774;
}

.z_form_filler_form_not_active_yet_wrapper {
  text-align: center;
  margin-bottom: 10px;
}

.z_form_filler_form_expired_wrapper {
  text-align: center;
  margin-bottom: 10px;
}

.z_form_filler_form_submitted_message_wrapper {
  text-align: center;
  margin-bottom: 10px;
  color: blue;
}

.z_form_filler_one_field_wrapper {
  /*background-color: yellow;*/
  margin: 10px;
  height: 100%;
  border-top: 1px solid #CAFFFF;
  border-bottom: 1px solid #CAFFFF;
}

.z_form_filler_field_label_wrapper {
  float: left;
  width: 30%;
  height: 100%;
  font-size: 14px;
  line-height: 28px;
  display: table-cell;
  vertical-align: middle;
}

.z_form_filler_field_control_wrapper {
  float: left;
  width: 69%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.z_form_filler_field_label {
  margin-left: 10px;
}

.z_form_filler_field_control {
  margin-top: 5px;
  margin-left: 10px;
}

.z_form_filler_field_control_wrapper table {
  margin-left: 10px;
}

.z_form_filler_title_wrapper {
  text-align: center;
  margin: 20px;
}

.z_form_filler_title {
  font-size: x-large;
  color: #00a774;
}

.z_form_filler_field_mandatory_off {
  color: red;
  margin-left: 5px;
  display: none;
}

.z_form_filler_field_mandatory_on {
  color: red;
  margin-left: 5px;
}

.z_form_filler_field_validator_label {
  color: red;
  font-weight: 700;
}

.z_form_filler_commands_wrapper {
  text-align: center;
  padding: 20px;
}

/*.z_form_filler_radio_button_list_control tbody tr td span label {
          margin-left: 24px;
          display: block;
          position: relative;
          top: -15px;
          margin-bottom: -15px;
      }*/
.z_form_filler_drop_down_list_control {
  margin-top: 5px;
}

.z_form_filler_date_time_control_text_box_control {
  margin-top: 5px;
}

.z_form_filler_date_time_control_description_control {
  margin-top: 5px;
}

/*====================== FIX FOR DATE TIME CONTROL FOR CALENDAR SELECT TO BE NEXT TO ENTRY BOX OF THE DATE ======*/
.z_form_filler_control_wrapper .ms-dtinput {
  float: left !important;
}

/****************************
      Web2SMS
    *******************************/
.z_web2sms_debug {
  color: orange;
  font-weight: 700;
  background-color: #fcf2b8;
  border: 2px solid orange;
  padding: 10px;
  margin-bottom: 20px;
  display: none;
}

.z_web2sms_wrapper {
  position: relative;
}

.z_web2sms_rounded_box {
  background-color: #ebf7f4;
  border-color: #24a988;
  border-style: solid;
  border-width: 1px;
  padding: 20px;
}

/*=================================== DIV TABLE START =============================*/
.z_web2sms_row {
  margin-bottom: 20px;
}

.z_web2sms_cell_label {
  width: 180px;
  float: left;
  font-weight: 700;
  text-align: left;
}

.z_web2sms_cell_control {
  width: 250px;
  float: left;
  text-align: left;
}

.z_clear {
  clear: both;
  margin-bottom: 10px;
}

/*=================================== DIV TABLE END =============================*/
.z_web2sms_error_message {
  color: red;
}

.z_web2sms_status_message {
  color: #00a774;
}

.z_web2sms_button {
  margin-left: 180px;
}

.z_web2sms_textarea {
  word-wrap: break-word !important;
}

/*===================================== jqTransform ==========*/
.z_radio_english_wrapper {
  float: left;
}

.z_radio_arabic_wrapper {
  float: left;
}

/*============ ROUND CORNERS ==============================================================================================*/
.corner-tl-dg,
.corner-tr-dg,
.corner-bl-dg,
.corner-br-dg {
  position: absolute;
  z-index: 1;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 0 0 transparent;
}

span.cr,
.corner-tr,
.corner-tr-p,
.corner-tr-g,
.corner-tr-dg,
.corner-tr-dgb,
.corner-nb-tr {
  top: 0;
  right: 0;
  background-position: 100% 0;
}

span.ct,
.corner-tl,
.corner-tl-p,
.corner-tl-g,
.corner-tl-dg,
.corner-tl-dgb,
.corner-nb-tl {
  top: 0;
  left: 0;
  background-position: 0 0;
}

span.cb,
.corner-br,
.corner-br-p,
.corner-br-g,
.corner-br-dg,
.corner-br-dgb,
.corner-nb-br {
  bottom: 0;
  right: 0;
  background-position: 100% 100%;
}

span.cl,
.corner-bl,
.corner-bl-p,
.corner-bl-g,
.corner-bl-dg,
.corner-bl-dgb,
.corner-nb-bl {
  bottom: 0;
  left: 0;
  background-position: 0 100%;
}

.z_pink_button_medium {
  text-transform: uppercase !important;
  border: medium none !important;
  overflow: visible !important;
  padding: 0 !important;
  cursor: pointer !important;
  height: 32px !important;
  width: 84px !important;
  margin: 2px 2px 2px 0 !important;
  line-height: 32px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-align: center !important;
  background: url(../images/btn-login.png) no-repeat scroll 0 0 transparent !important;
}

/****************************************
      Consumption and Billing
    ****************************************/
/*----------------Balance Of Prepaid Numbers -------------*/
/*======================= COMMON ============*/
.z_balance_prepaid_debug {
  color: orange;
  font-weight: 700;
  background-color: #fcf2b8;
  border: 2px solid orange;
  padding: 10px;
  display: none;
}

.z_clear {
  clear: both;
}

.z_balance_prepaid_error_message {
  color: red;
}

.z_balance_prepaid_status_message {
  color: #00a774;
}

.z_balance_prepaid_control_wrapper {
  position: relative;
}

/*====================== DIV TABLE DESIGN ====================*/
.z_balance_prepaid_row {
  background-color: #ebf7f4;
  height: 31px;
}

.z_balance_prepaid_row_with_combo {
  background-color: #ebf7f4;
  /*width: 546px;*/
  height: 41px;
}

.z_balance_prepaid_alternating_row {
  background-color: #fff;
  height: 31px;
}

.z_balance_prepaid_cell_label {
  width: 50%;
  float: left;
  text-align: left;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 1px solid #009b74;
}

.z_balance_prepaid_cell_control {
  width: auto;
  float: left;
  text-align: left;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.z_balance_table_wrapper {
  /*border: 1px solid #009b74;
      background-color: #ebf7f4;*/
  position: relative;
}

.z_rounded_table {
  border: 1px solid #009b74;
}

.z_balance_prepaid_header_row {
  background-color: #009b74;
  padding: 10px 10px 10px 20px;
  font-size: 15px;
  height: 27px;
  outline-color: transparent;
  font-family: 'Nunito Sans', Arial;
  color: #333;
}

.z_balance_table_header_label {
  color: #fff;
  font-weight: 400;
}

.z_bal_add_ppaid_grid_header_row {
  background-color: #009b74;
  padding: 10px 10px 10px 20px;
  font-size: 15px;
  height: 27px;
  outline-color: transparent;
  width: 518px;
  font-family: 'Nunito Sans', Arial;
  color: #333;
}

.z_bal_add_ppaid_row {
  background-color: #ebf7f4;
  /*width: 546px;*/
  height: 31px;
}

.z_bal_add_ppaid_alt_row {
  background-color: #fff;
  /*width: 546px;*/
  height: 31px;
}

.z_bal_add_grid {
  /*border: 1px solid #009b74;*/
}

.z_bal_add_ppaid_cell_label {
  width: auto;
  float: left;
  text-align: left;
  padding: 5px 15px;
}

/*==========================================================================================================*/
.corner-tl-dg,
.corner-tr-dg,
.corner-bl-dg,
.corner-br-dg {
  position: absolute;
  z-index: 1;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 0 0 transparent;
}

span.cr,
.corner-tr,
.corner-tr-p,
.corner-tr-g,
.corner-tr-dg,
.corner-tr-dgb,
.corner-nb-tr {
  top: 0;
  right: 0;
  background-position: 100% 0;
}

span.ct,
.corner-tl,
.corner-tl-p,
.corner-tl-g,
.corner-tl-dg,
.corner-tl-dgb,
.corner-nb-tl {
  top: 0;
  left: 0;
  background-position: 0 0;
}

span.cb,
.corner-br,
.corner-br-p,
.corner-br-g,
.corner-br-dg,
.corner-br-dgb,
.corner-nb-br {
  bottom: 0;
  right: 0;
  background-position: 100% 100%;
}

span.cl,
.corner-bl,
.corner-bl-p,
.corner-bl-g,
.corner-bl-dg,
.corner-bl-dgb,
.corner-nb-bl {
  bottom: 0;
  left: 0;
  background-position: 0 100%;
}

/*-----------------------------Best Fit Package-----------------------*/
/******  BEST FIT PACKAGE ADMINISTRATOR *********/
.t_bestfitadmin_wrapper {
  width: 670px;
  border-color: #009b74;
  border-width: 1px;
  border-style: solid;
  background-color: #ebf7f4;
  float: left;
}

.t_bestfitadmin_wrapper h2 {
  font-size: 16px;
  font-weight: 700;
  padding: 15px 0 30px 15px;
}

.t_bestfitadmin_row {
  width: 100%;
  height: 65px;
}

.t_bestfitadmin_row_label {
  width: 95%;
  display: block;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
  padding-left: 5px;
}

.t_bestfitadmin_row_ddl {
  margin-left: 50px;
  width: 100%;
  float: left;
}

.t_bestfitadmin_row_part1 {
  width: 340px;
  float: left;
}

.t_bestfitadmin_row_span {
  width: 30px;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}

.t_bestfitadmin_row_part2 {
  width: 330px;
  float: left;
}

.t_bestfitadmin_row_input260 {
  background: url(../images/input-265x30.png) no-repeat scroll 0 0 transparent;
  padding: 2px;
  width: 275px;
  height: 30px;
  float: left;
}

.t_bestfitadmin_row_tb260 {
  width: 249px;
  height: 20px;
  padding-top: 3px;
  padding-left: 5px;
}

.t_bestfitadmin_line {
  border-top: 1px solid #a6dcce;
  width: 90%;
  margin-left: 5%;
}

.t_bestfitadmin_row_btn {
  height: 32px;
  width: 84px;
  margin: 10px 2px 2px 0;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-align: center;
  background: url(../images/btn-submit.png) no-repeat scroll 0 0 transparent;
  cursor: pointer;
  float: right;
}

.t_bestfitadmin_row_rfv {
  float: left;
  font-size: 12px;
  padding-top: 3px;
}

.t_bestfitadmin_gridview_wrapper {
  height: 290px;
}

.t_bestfitadmin_gridview {
  float: left;
  margin-top: 20px;
}

.t_bestfitadmin_row_info {
  min-width: 600px;
  float: left;
  margin-top: 15px;
}

.t_bestfitadmin_gv_btn {
  height: 22px;
  width: 60px;
  display: block;
  background: url(../images/btn-submitsmall.png) no-repeat scroll 0 0 transparent;
  background-color: #ebf7f4;
  color: #fff !important;
  cursor: pointer;
  text-align: center;
  font-weight: 700 !important;
}

/******  BEST FIT PACKAGE SUBSCRIBER *********/
.t_bestfitpckgcalc_wrapper {
  width: 500px;
  border-color: #009b74;
  border-width: 1px;
  border-style: solid;
  background-color: #ebf7f4;
  float: left;
}

.t_bestfitpckgcalc_wrapper h2 {
  font-size: 14px;
  font-weight: 700;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 10px;
  color: #000;
}

.t_bestfitpckgcalc_div {
  background: url(../images/bgr-radiobuton.png) no-repeat scroll 0 0 transparent;
  display: inline-block;
  /*width: 16px;*/
  height: 16px;
  float: left;
}

/*input[type="radio"]*/
.t_bestfitpckgcalc_rb {
  margin: 1px;
  float: left;
  opacity: 0;
}

.t_bestfitpckgcalc_rb_selected {
  background-position: 0 -35px;
}

.t_bestfitpckgcalc_span {
  float: left;
  padding-right: 50px;
}

.t_bestfitpckgcalc_row {
  width: 100%;
  float: left;
  padding-top: 10px;
}

.t_bestfitpckgcalc_row_part {
  width: 198px;
  float: left;
  padding-left: 20px;
}

.t_bestfitpckgcalc_row_input113 {
  background: url(../images/input-113x30.png) no-repeat scroll 0 0 transparent;
  padding: 3px 3px 10px;
  width: 120px;
  height: 30px;
  float: left;
}

.t_bestfitpckgcalc_row_tb113 {
  width: 97px;
  height: 20px;
  padding: 5px;
  border: medium none;
}

.t_bestfitpckgcalc_row_span {
  width: 100%;
  margin: 0;
  padding-right: 10px;
  float: left;
}

.t_bestfitpckg_line {
  width: 600px;
  height: 65px;
  border-top: 1px solid #a6dcce;
  float: left;
  margin-top: 40px;
}

.t_bestfitpckg_greenbox {
  margin-bottom: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
  background-color: #ebf7f4;
  border: 1px solid #009b74;
  min-height: 10px;
  width: 600px;
}

.t_bestfitpckgcalc_row_linkbtn {
  padding-bottom: 5px;
  padding-left: 10px;
}

.t_bestfitpck_clear {
  clear: both;
  height: 1px;
}

.t_bestfitpck_error_message {
  color: red;
}

/*================================== DIALOGS ======================*/
.t_bestfitpck_close_box {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  background-image: url(../images/Icons/Delete_20x20.png);
}

.t_bestfitpck_warning {
  background-image: url(../images/Icons/Warning_32x32.png);
  width: 32px;
  height: 32px;
  float: left;
  margin: 20px;
}

.t_bestfitpck_information {
  background-image: url(../images/Icons/Information_32x32.png);
  width: 32px;
  height: 32px;
  float: left;
  margin: 20px;
}

.t_bestfitpck_question {
  float: left;
  margin: 10px;
}

.t_bestfitpck_buttons {
  margin: 10px;
  text-align: center;
}

/*-----------------------Package Allowance---------------------*/
.t_pckgallowance_wrapper {
  width: 580px;
  margin-top: 30px;
  border-color: #009b74;
  border-width: 1px;
  border-style: solid;
  background-color: #ebf7f4;
  float: left;
}

.t_pckgallowance_wrapper h2 {
  font-size: 14px;
  font-weight: 700;
  padding-top: 20px;
  padding-left: 19px;
  color: #000;
}

.t_pckgallowance_div {
  width: 610px;
  padding: 19px;
  background-color: #ebf7f4;
}

.t_pckgallowance_item {
  vertical-align: middle;
  padding-top: 8px;
  padding-bottom: 8px;
}

.t_pckgallowance_itemheader {
  font-size: 13px;
  display: block;
  float: left;
  min-width: 217px;
  padding-left: 10px !important;
}

.t_pckgallowance_lbone {
  font-size: 13px;
  display: block;
  float: left;
}

.t_pckgallowance_lbtwo {
  padding-right: 20px;
  font-size: 13px;
  display: block;
  float: left;
}

.t_pckgallowance_progressbar_span {
  /*display: block;
          position: absolute;
          text-align: center;*/
  padding-top: 1px;
}

.t_pckgallowance_rectangle_used {
  width: 16px;
  height: 30px;
  background-color: #b27184;
  float: left;
  margin-bottom: 10px;
}

.t_pckgallowance_rectangle_used span {
  padding-left: 20px;
}

.t_pckgallowance_rectangle_free {
  width: 16px;
  height: 30px;
  background-color: #71b27f;
  float: left;
  margin-left: 85px;
  margin-bottom: 10px;
}

.t_pckgallowance_rectangle_free span {
  padding-left: 20px;
}

.t_pckgallowance_container {
  width: 100%;
}

/*---------------------Package Bundle Info----------------*/
.t_packageinfo_wrapper {
  width: 580px;
}

.t_packageinfo_wrapper table tr td {
  padding: 5px;
}

.t_packageinfo_wrapper h2 {
  font-size: 24px;
  color: #5b1f69;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -.02em;
  margin-bottom: 8px;
}

.t_packageinfo_DIV {
  padding-top: 10px;
}

.t_packageinfo_greenbox {
  margin-bottom: 20px;
  margin-bottom: 10px;
  background-color: #ebf7f4;
  border: 1px solid #009b74;
  min-height: 10px;
  width: 100%;
}

.t_packageinfo_greenbox tr {
  color: #fff;
  height: 30px;
}

.t_packageinfo_greenbox td {
  font-size: 13px;
  width: 50%;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #009b74;
}

.t_packageinfo_greenbox td span {
  padding: 8px 10px 8px 15px;
}

.t_pckheader_record {
  color: #000;
  padding: 8px 10px 8px 15px;
}

.t_packageinfo_error {
  color: red;
  font-size: 13px;
  letter-spacing: -.02em;
  line-height: 27px;
}

/* elements (custom actions) settings*/
.t_packageinfo_settings_row {
  min-width: 600px;
  width: 100%;
  margin: 5px;
  margin-bottom: 2px;
}

.t_packageinfo_settings_row_title {
  width: 100%;
  text-align: left;
  font-weight: 700;
  padding: 5px;
  float: left;
}

.t_packageinfo_settings_row_value {
  width: 350px;
  padding-top: 2px;
  text-align: left;
  float: left;
}

.t_packageinfo_settings_row_value_textbox {
  display: block;
  height: auto;
  width: 100%;
}

.t_packageinfo_settings_rfv {
  color: red;
  width: 100px;
  float: left;
  padding-left: 14px;
}

.t_packageinfo_settings_btn {
  font-weight: 700;
  float: left;
  padding-top: 20px;
}

/********************************
      News And Events
    ********************************/
/********************************/
/****************************
      Location Finder
    *******************************/
.t_main-body {
  width: 300px;
  float: left;
}

.t_fieldset {
  width: 560px;
  margin-top: 20px;
  margin-left: 5%;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
}

.t_fieldset .t_label {
  display: block;
  margin: .5em 0 0;
}

.t_fieldset .t_textbox {
  width: 95%;
}

.t_img {
  float: left;
}

.t_p-row {
  padding-top: 2px;
}

.t_p-row-info {
  font-weight: 700;
  float: left;
  padding-right: 15%;
}

.t_address-row {
  width: 552px;
  float: left;
  margin-left: 5%;
  margin-top: 3%;
}

.t_address-row-title {
  width: 25%;
  text-align: left;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  float: left;
}

.t_address-row-value {
  width: 75%;
  vertical-align: middle;
  text-align: left;
  float: left;
}

/********************************
      IVR
    ***********************************/
.t_ivr_wrapper {
  width: 790px;
  height: 480px;
}

.t_ivr_populate_tv_row0 {
  width: inherit;
  float: left;
}

.t_ivr_populate_tv_row {
  width: 100px;
  max-width: 110px;
  float: left;
  padding-right: 5px;
}

.t_ivr_populate_tv_arrowrow {
  max-width: 70px;
  float: left;
  padding-right: 5px;
}

.t_ivr_treeview {
  width: 300px;
  height: auto;
  float: left;
  margin-right: 50px;
  margin-top: 3px;
}

.t_ivr_populate {
  margin-top: 10px;
  width: 375px;
  height: 185px;
  float: left;
  position: absolute;
}

.t_ivr_populate_name {
  width: 375px;
  height: 455px;
  float: left;
  position: relative;
}

.t_ivr_line {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: silver;
}

.t_ivr_pan {
  background-color: #F0F0F0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.t_ivr_imageedit {
  position: absolute;
  top: 3px;
  right: 5px;
}

.t_ivr_populate_row {
  width: 100%;
  padding-bottom: 35px;
}

.t_ivr_populate_row_title {
  width: 80px;
  text-align: left;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  float: left;
}

.t_ivr_populate_row_value {
  width: 270px;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  float: left;
}

.t_ivr_populate_row_value1 {
  width: 270px;
  vertical-align: middle;
  text-align: left;
  margin-left: 23px;
}

.t_ivr_populate_row_textbox {
  width: 100%;
}

.t_ivr_populate_row_linkbutton {
  background-color: #F0F0F0;
  border: 1px solid #B0B0B0;
  padding: 5px 10px;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}

.t_ivr_populate_row_linkbutton1 {
  background-color: #F0F0F0;
  border: 1px solid #B0B0B0;
  padding: 5px 10px;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  bottom: 0;
}

.t_ivr_button_row {
  float: left;
  padding-top: 80px;
}

.NodeStyle {
  color: #000;
  font-size: 15px;
}

.NodeStyle strong {
  color: #cf0792;
  font-size: 15px;
}

/************************
      Gallery
    *************************/
.z_gallery_selector_wrapper {
  position: relative;
  top: -10px;
}

.z_gallery_selector_wrapper .z_gallery_selector_album_wrapper:last-child {
  border-bottom: none !important;
}

.z_error_message {
  color: red;
  font-weight: 700;
}

.z_clear {
  clear: both;
  height: 1px;
}

.z_gallery_selector_album_wrapper {
  width: 150px;
  height: 217px;
  float: left;
  font-size: 10px;
  margin: 0 0 24px;
  border-bottom: 1px solid #ccc;
  padding-right: 15px;
}

/*.z_gallery_selector_album_wrapper:nth-child(5n-1){ 
    padding-right: 0;
    }*/
.z_gallery_album_thumbnail {
  width: 140px;
  height: 105px;
  /*background-color: lightblue;*/
  margin: 0 !important;
  position: relative;
  padding: 0 !important;
}

.z_gallery_album_thumbnail img {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  margin-right: 15px;
  float: left;
  /*-moz-transition-property: background-color;
          -moz-transition-duration: 2s;
          background-color: rgba(0,0,0,0.6);*/
  border-radius: 10px;
  border: 1px solid #e4e4e3;
}

.z_gallery_album_thumbnail img:hover {
  width: 100%;
  height: 100%;
}

.z_gallery_footer {
  border-bottom: 1px solid #ccc;
  position: relative;
  top: -25px;
  clear: both;
  width: 605px;
}

.z_gallery_album_footer {
  width: auto !important;
  display: block;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: 13px;
}

.z_gallery_album_footer .album-pic-count::after {
  content: " images";
}

.z_gallery_album_footer .album-name {
  font-weight: 700;
}

.z_gallery_album_footer_label {
  font-weight: 700;
}

.z_gallery_album_footer_value {
  color: #00a774;
}

/*GALLERY VIEWER*/
.z_video_gallery_footer {
  border-bottom: 1px solid #ccc;
  clear: both;
  position: relative;
  top: -25px;
  width: 605px;
}

.z_gallery_video_selector_album_wrapper {
  width: 140px;
  height: 205px;
  float: left;
  padding-right: 15px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 24px;
}

.z_gallery_video_selector_album_wrapper:nth-child(4n-1) {
  padding-right: 0;
}

.z_gallery_video_thumbnail {
  width: 140px;
  height: 110px;
  margin: 0 !important;
  position: relative;
  padding: 0 !important;
  background: none;
  border: none !important;
}

.z_gallery_video_thumbnail img {
  width: 100%;
  height: 100%;
  -moz-transition-property: background-color;
  -moz-transition-duration: 2s;
  background-color: rgba(0, 0, 0, 0.6);
  border: 1px solid #E4E4E3;
  border-radius: 10px;
}

.z_gallery_video_thumbnail img:hover {
  width: 100%;
  height: 100%;
  opacity: .5;
  filter: alpha(opacity=50);
}

.z_gallery_video_album_footer_wrapper {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 10px;
  width: 100%;
}

.z_gallery_youtube_time {
  /*padding: 0 4px;
      font-weight: bold;
      font-size: 11px;
      background-color: #000;
      color: #fff!important;
      height: 14px;
      line-height: 14px;
      opacity: 0.75;
      margin-top: 0;
      margin-right: 0;
      display: inline-block;
      display: -moz-inline-stack;
      filter: alpha(opacity=75);
      zoom: 1;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      position: absolute;
      bottom: 5px;
      right: 5px;
      width: auto;*/
  display: none !important;
}

.z_gallery_video_album_footer_title {
  font-style: normal;
  font-size: 13px;
  font-weight: 700;
}

.z_gallery_album_footer_label {
  font-weight: 700;
  float: left;
  margin-right: 10px;
}

.z_gallery_album_footer_label_value {
  color: #00a774;
}

.z_gallery_youtube_header_wrapper {
  font-size: 12px;
}

.z_gallery_youtube_header_cell_label {
  width: 150px;
  float: left;
  font-weight: 700;
  text-align: left;
  margin-left: 5px;
  margin-top: 5px;
}

.z_gallery_youtube_header_cell_control {
  width: 100px;
  float: left;
  text-align: left;
  margin: 3px;
}

.z_gallery_youtube_channel_thumbnail_wrapper {
  width: 140px;
  height: 255px;
  float: left;
  padding-right: 15px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 24px;
}

.z_gallery_youtube_channel_thumbnail_wrapper:nth-child(4n) {
  padding-right: 0;
}

.z_gallery_youtube_channel_thumbnail {
  width: 140px;
  height: 110px;
  margin: 0;
  position: relative;
  padding: 0;
}

.z_gallery_youtube_channel_thumbnail img {
  width: 100%;
  height: 100%;
  -moz-transition-property: background-color;
  -moz-transition-duration: 2s;
  background-color: rgba(0, 0, 0, 0.6);
  border: 1px solid #E4E4E3;
  border-radius: 10px;
}

.z_gallery_youtube_channel_thumbnail img:hover {
  width: 100%;
  height: 100%;
  opacity: .5;
  filter: alpha(opacity=50);
}

.z_gallery_youtube_channel_footer_wrapper {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
}

.z_youtube_channel_gallery_footer {
  border-bottom: 1px solid #ccc;
  clear: both;
  position: relative;
  top: -36px;
  width: 605px;
}

.z_gallery_youtube_channel_footer_wrapper div span {
  font-size: 12px;
  font-weight: 400;
}

.z_gallery_youtube_channel_footer_wrapper div div {
  font-size: 12px;
  font-weight: 400;
}

.z_gallery_youtube_channel_footer_wrapper #divVideoTitle {
  font-size: 13px;
  font-weight: 700;
  font-style: normal !important;
}

.z_gallery_youtube_channel_footer_title {
  font-style: italic;
}

.z_gallery_youtube_channel_footer_label {
  font-weight: 700;
  float: left;
  margin-right: 10px;
}

.z_gallery_youtube_channel_footer_label_value {
  color: #00a774;
}

.album_thumbnail {
  width: 150px;
  height: 100px;
  background-color: #add8e6;
  margin: 10px;
  position: relative;
}

.album_thumbnail img {
  width: 100%;
  height: 100%;
  -moz-transition-property: background-color;
  -moz-transition-duration: 2s;
  background-color: rgba(0, 0, 0, 0.6);
}

.album_thumbnail img:hover {
  width: 100%;
  height: 100%;
  opacity: .5;
  filter: alpha(opacity=50);
}

.album_wrapper {
  width: 200px;
  height: 200px;
  float: left;
}

.album_footer {
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

/*======================================GALLERY SETTINGS*/
.z_picture_galery_viewer_settings_wrapper {
  padding: 10px;
  background-color: #CDF5FE;
  border: 2px solid blue;
  float: right;
  width: 250px;
}

.z_glr_sett_table_row {
  width: 500px;
}

.z_glr_sett_table_cell_label {
  width: 180px;
  float: left;
  font-weight: 700;
  text-align: left;
  background-color: blue;
}

.z_glr_sett_table_cell_control {
  width: 250px;
  float: left;
  text-align: left;
  background-color: red;
}

.z_glr_sett_commands_wrapper {
  text-align: right;
}

.z_glr_sett_error_message {
  color: red;
  font-weight: 700;
}

.z_glr_sett_pic_galleries_wrapper {
  padding: 10px;
  float: left;
  background-color: #CDF5FE;
  border: 2px solid blue;
}

.z_glr_sett_vid_galleries_wrapper {
  padding: 10px;
  float: left;
  background-color: #fcd68f;
  border: 2px solid orange;
}

/***********************
      Common Controls
    ***************************/
.p_controls_facebook_share_button {
  background-color: #eceef5;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #cad4e7;
  cursor: pointer;
  width: 47px;
  font-family: 'Nunito Sans', Arial;
  font-size: 11px;
  position: relative;
  padding-left: 4px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.p_controls_facebook_share_button a {
  background-image: url(../images/facebook_button.png);
  background-size: auto auto;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 14px;
  padding-left: 15px;
  text-decoration: none;
  color: #3b5998;
}

.p_controls_facebook_share_button:hover {
  border-top-color: #9dacce;
  border-bottom-color: #9dacce;
  border-left-color: #9dacce;
  border-right-color: #9dacce;
}

.p_controls_addthis_button {
  background: url(../images/btn-share-print.png) no-repeat;
  background-position: 0 -34px;
  padding-left: 20px;
  overflow: visible;
}

.p_controls_addthis_button a,
.p_controls_addthis_button a:visited {
  font-size: 13px;
  text-decoration: none;
  color: #333;
}

.p_controls_addthis_button a:hover {
  color: #cf0972;
}

/*================ ROUNDED CORNERS =========================*/
.corner-tl-boxed-nav,
.corner-tr-boxed-nav,
.corner-bl-boxed-nav,
.corner-br-boxed-nav {
  position: absolute;
  z-index: 1;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  background: url(../images/bgr-cornerborder.png) no-repeat scroll 0 0 transparent;
}

span.cr,
.corner-tr,
.corner-tr-p,
.corner-tr-g,
.corner-tr-boxed-nav,
.corner-tr-boxed-navb,
.corner-nb-tr {
  top: 0;
  right: 0;
  background-position: 100% 0;
}

span.ct,
.corner-tl,
.corner-tl-p,
.corner-tl-g,
.corner-tl-boxed-nav,
.corner-tl-boxed-navb,
.corner-nb-tl {
  top: 0;
  left: 0;
  background-position: 0 0;
}

span.cb,
.corner-br,
.corner-br-p,
.corner-br-g,
.corner-br-boxed-nav,
.corner-br-boxed-navb,
.corner-nb-br {
  bottom: 0;
  right: 0;
  background-position: 100% 100%;
}

span.cl,
.corner-bl,
.corner-bl-p,
.corner-bl-g,
.corner-bl-boxed-nav,
.corner-bl-boxed-navb,
.corner-nb-bl {
  bottom: 0;
  left: 0;
  background-position: 0 100%;
}

/*********************
      CPR Authorization
    ***********************/
/*======================= COMMON ============*/
.z_cpr_auth_debug {
  color: orange;
  font-weight: 700;
  background-color: #fcf2b8;
  border: 2px solid orange;
  padding: 10px;
  margin-bottom: 20px;
  display: none;
}

.z_clear {
  clear: both;
  margin-bottom: 10px;
}

.z_cpr_auth_error_message {
  color: red;
}

.z_cpr_auth_status_message {
  color: blue;
}

/*============================ CPR AUTH =============*/
.z_cpr_auth_control_wrapper {
  background-color: #ebf7f4;
  border-color: #24a988;
  border-style: solid;
  border-width: 1px;
  padding: 20px;
  width: 630px;
}

/*====================== DIV TABLE DESIGN ====================*/
.z_cpr_auth_row {
  margin-bottom: 20px;
}

.z_cpr_auth_cell_label {
  width: 200px;
  float: left;
  font-weight: 700;
  text-align: left;
}

.z_cpr_auth_cell_control {
  width: 300px;
  float: left;
  text-align: left;
}

/************************
      User Registration
    ******************************/
.p_user_registration_wrapper,
.p_subscriber_confirm_wrapper,
.p_user_finish_registration_wrapper {
  position: relative;
  display: block;
  float: left;
  margin-bottom: 20px;
  margin: 0 auto;
}

.p_user_registration_content {
  padding: 19px;
  background-color: #ebf7f4;
  border: 1px solid #009b74;
  width: 586px;
  display: block;
  float: left;
}

.p_subscriber_confirm_content {
  padding: 19px;
  background-color: #ebf7f4;
  border: 1px solid #009b74;
  width: 586px;
  display: block;
  float: left;
}

.p_user_finish_registration_content {
  padding: 19px;
  background-color: #ebf7f4;
  border: 1px solid #009b74;
  width: 586px;
  display: block;
  float: left;
}

.p_subscriber_confirm_corner_tr,
.p_user_registration_corner_tr,
.p_user_finish_registration_corner_tr {
  top: 0;
  right: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 100% 0 transparent;
}

.p_subscriber_confirm_corner_tl,
.p_user_registration_corner_tl,
.p_user_finish_registration_corner_tl {
  top: 0;
  left: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 0 0 transparent;
}

.p_subscriber_confirm_corner_br,
.p_user_registration_corner_br,
.p_user_finish_registration_corner_br {
  bottom: 0;
  right: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 100% 100% transparent;
}

.p_subscriber_confirm_corner_bl,
.p_user_registration_corner_bl,
.p_user_finish_registration_corner_bl {
  bottom: 0;
  left: 0;
  width: 5px !important;
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
  position: absolute;
  background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 0 100% transparent;
}

.p_user_registration_row,
.p_subscriber_confirm_row,
.p_user_finish_registration_row {
  padding-bottom: 8px;
  padding-top: 8px;
  display: block;
  height: auto;
  width: 100%;
  float: left;
}

.p_user_registration_row_nopadding,
.p_subscriber_confirm_row_nopadding,
.p_user_finish_registration_row_nopadding {
  display: block;
  height: auto;
  width: 100%;
  float: left;
}

.p_user_finish_registration_label {
  width: 100%;
  font-size: 13px !important;
}

.p_subscriber_confirm_radio_button_list {
  width: 265px;
}

.p_subscriber_confirm_label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 5px;
  width: 157px;
  float: left;
}

.p_subscriber_confirm_label_value {
  display: block;
  width: 265px;
  float: left;
  font-size: 13px;
}

.p_subscriber_confirm_textbox,
.p_user_registration_textbox {
  padding: 6px 10px;
  background-image: url(../images/input-265x30.png);
  background-color: transparent !important;
  height: 18px;
  width: 245px;
  font-size: 13px !important;
  float: left;
  display: block;
  border-left-style: none !important;
  border-left-color: transparent !important;
  border-left-width: medium !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border-right-width: medium !important;
  border-top-style: none !important;
  border-top-color: transparent !important;
  border-top-width: medium !important;
  border-bottom-style: none !important;
  border-bottom-color: transparent !important;
  border-bottom-width: medium !important;
}

.p_subscriber_confirm_button,
.p_user_registration_button {
  height: 32px !important;
  width: 84px;
  font-size: 13px !important;
  font-weight: 700;
  color: #fff !important;
  background-image: url(../images/btn-login.png);
  background-color: transparent !important;
  border: none !important;
  cursor: pointer;
}

.p_subscriber_confirm_box,
.p_user_registration_box,
.p_user_finish_registration_box {
  font-size: 15px;
  width: 579px;
  height: 42px;
  display: block;
  background-image: url(../images/box-green579x42.png);
  background-color: transparent !important;
}

.p_subscriber_confirm_box_label,
.p_user_registration_box_label,
.p_user_finish_registration_box_label {
  padding-top: 12px;
  padding-left: 20px;
  display: block;
}

.p_subscriber_confirm_required_field_validator {
  padding-left: 157px;
}

.p_user_registration_required_field_validator {
  padding-left: 265px;
}

.p_user_registration_label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 5px;
  width: 264px;
  float: left;
}

.p_user_registration_box_error_label,
.p_subscriber_confirm_box_error_label {
  padding-top: 12px;
  padding-left: 20px;
  display: block;
  color: red;
}

.p_user_registration_box_message {
  float: left;
  line-height: 18px;
}

.p_user_registration_box_message_label {
  width: 100%;
  float: left;
  font-size: 13px !important;
}

/*************************
      Web and Title Description
    ****************************/
.z_web_title h1 {
  margin-bottom: 5px !important;
  color: #333 !important;
}

.z_web_description p {
  margin-bottom: 0 !important;
}

.TabsControl {
  margin-bottom: 15px;
}

.TabBackground {
  background-color: #f4f4f4;
  border-left: #ccc;
  border-right: #ccc;
  border-bottom: #ccc;
  border-width: 1px;
  border-style: solid;
  border-top-width: 0;
  position: relative;
}

/* .graybox .box-in {
    height: 168px;
  } */

/* Marko */
#at15s.atm {
  /*display: block!important;
    top: 300px!important;*/
}

.t_ota_greenbox579 {
  margin: 10px !important;
}

/*==== CLASS5 CONTRACT NO ======*/
.t_contractno_div_ddl {
  float: left;
  margin-left: 20px;
}

/*==== CLASS5 WHOLE CONTROL WRAPPER ====*/
.z_class5_control_wrapper {
  clear: both;
  font-size: 13px;
}

/*===== CLASS5 CONTROL HEADER ======*/
/*==== CLASS5 THE CONTENTS OF THE CONTROL (ROUND BOX)*/
.z_class5_contents_wrapper {
  position: relative;
}

.z_rounded_box_light {
  background-color: #ebf7f4;
  border: 1px solid #24a988;
  padding: 20px;
}

.z_rounded_box {
  border: 1px solid #24a988;
  background-color: #ebf7f4;
}

/*==== CLASS5 SUBSCRIBER NUMBER SELECTION ====*/
.z_class5_subscriber_number_selection_wrapper {
  clear: both;
}

.z_class5_subscriber_number_selection_label_wrapper {
  float: left;
  margin-right: 10px;
}

.z_class5_subscriber_number_selection_label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  padding-bottom: 5px;
}

.z_class5_subscriber_number_selection_list_box_wrapper {
  float: left;
  margin-right: 10px;
  font-size: 12px !important;
  font-family: 'Nunito Sans', Arial;
  margin-left: 5px;
}

.z_class5_subscriber_number_selection_list_box {
  width: 117px;
  border-radius: 4px;
}

.z_class5_subscriber_number_selection_text_box_wrapper {
  float: left;
  margin-left: 18px;
}

.z_class5_subscriber_number_selection_text_box {
  padding: 6px 10px;
  background-image: url(../img/input-113x30.png);
  background-color: transparent !important;
  height: 26px;
  width: 103px;
  font-size: 13px !important;
  float: left;
  display: block;
  border-left-style: none !important;
  border-left-color: transparent !important;
  border-left-width: medium !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border-right-width: medium !important;
  border-top-style: none !important;
  border-top-color: transparent !important;
  border-top-width: medium !important;
  border-bottom-style: none !important;
  border-bottom-color: transparent !important;
  border-bottom-width: medium !important;
}

.z_class5_get_services_error_wrapper {
  color: red;
  clear: both;
}

/*=== PROFILE SERVICES GRID =====*/
.z_class5_profile_services_grid_wrapper {
  position: relative;
}

.z_class5_profile_services_header_row {
  background-color: #009b74;
  padding: 10px 10px 10px 20px;
  font-size: 15px;
  height: 27px;
  outline-color: transparent;
  font-family: 'Nunito Sans', Arial;
  color: #333;
}

.z_class5_profile_services_table_header_label {
  color: #fff;
}

.z_class5_service_row_wrapper {
  background-color: #ebf7f4;
  /*height: 24px;*/
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
}

.z_class5_service_row_wrapper label {
  margin-left: 10px;
}

.z_class5_service_alternating_row_wrapper {
  background-color: #fff;
  /*height: 24px;*/
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
}

.z_class5_service_alternating_row_wrapper label {
  margin-left: 10px;
}

/*==== CLASS5 BUTTON COMMANDS ======*/
.z_class5_button_update_wrapper {
  margin-top: 20px;
}

.z_class5_button_update {
  background: url(../img/btn-login.png) no-repeat;
  width: 84px !important;
  height: 32px;
  margin: 2px;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-align: center;
  background-color: transparent !important;
  border: none !important;
  cursor: pointer;
}

/*====== CHANGE SIM ========*/
.p_change_sim_row {
  padding-bottom: 8px;
  padding-top: 8px;
  clear: both;
}

.p_change_sim_label {
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 5px;
  float: left;
  display: block;
  width: 200px;
}

.p_change_sim_textbox {
  padding: 6px 10px;
  background-image: url(../images/input-265x30.png);
  background-color: transparent !important;
  height: 26px;
  width: 255px;
  font-size: 13px !important;
  float: left;
  display: block;
  border-left-style: none !important;
  border-left-color: transparent !important;
  border-left-width: medium !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border-right-width: medium !important;
  border-top-style: none !important;
  border-top-color: transparent !important;
  border-top-width: medium !important;
  border-bottom-style: none !important;
  border-bottom-color: transparent !important;
  border-bottom-width: medium !important;
}

.p_change_sim_submit {
  height: 32px !important;
  width: 84px;
  font-size: 13px !important;
  font-weight: 700;
  color: #fff !important;
  margin: 0 !important;
  padding: inherit !important;
  background-image: url(../images/btn-login.png);
  background-color: transparent !important;
  border-color: transparent !important;
  border-width: medium !important;
  border-style: none !important;
  cursor: pointer;
}

.p_change_sim_message {
  font-size: 13px;
}

.p_change_sim_required_field {
  padding-left: 200px;
  float: left;
  display: block;
  clear: both;
}

.p_change_sim_transform_dropdown {
  float: left;
  display: block;
  width: 265px;
}

.p_change_sim_transform_dropdown .jqTransformSelectWrapper {
  width: 238px !important;
}

.p_change_sim_transform_dropdown .jqTransformSelectWrapper div span {
  width: 238px !important;
}

.p_change_sim_transform_dropdown .jqTransformSelectWrapper ul {
  width: 258px !important;
  left: 3px;
  top: 29px;
}

.p_change_sim_transform_dropdown .jqTransformSelectWrapper ul li a {
  font-size: 13px;
}

/*----- Prepaid number fix ------*/
.z_prepaid_payment_number_selection_list_box {
  border-radius: 3px;
  font-size: 13px !important;
}

.z_pp_topup_ccdc_grid_header_row {
  height: 35px !important;
}

.z_grid_footer_amount_column {
  margin-right: 13px !important;
}

/*----- POSTPAID number fix ------*/
.t_online_boxin_header_phone {
  text-align: center;
}

.t_online_label_2 {
  padding-left: 4px !important;
  display: block !important;
}

.t_online_boxin_header {
  text-align: center !important;
  height: 36px !important;
}

.t_onlinepayment_listbox {
  border-radius: 3px !important;
  width: 113px !important;
  height: 77px !important;
  margin-left: 4px !important;
  font-size: 13px !important;
}

.t_onlinepayment_input113_auto {
  margin-left: 17px !important;
}

.t_online_boxin_header_row {
  text-align: right;
}

/*------ CONTRACTS ------*/
.p_contracts_billing_details_header_cell {
  text-align: center !important;
}

.p_contracts_billing_details_header_last_cell {
  text-align: center !important;
}

/*------ progress bar fixes ---------*/
.t_pckgallowance_itemheader {
  padding-left: 10px !important;
  font-size: 13px !important;
  display: block !important;
  float: left !important;
  min-width: 120px !important;
}

.t_pckgallowance_progressbar {
  width: 381px !important;
  background-color: #71B27F !important;
  margin-top: -24px !important;
  margin-left: 205px !important;
  background-image: none !important;
}

.t_pckgallowance_progressbar .ui-progressbar-value {
  background-color: #b27184;
}

.k_package_allowance_legend_row {
  padding-top: 20px !important;
}

/*------ Bundle select box fix -----*/
.k_numbers_under_contract_list_box {
  border-radius: 4px !important;
  font-size: 13px !important;
  width: 100px !important;
}

.k_antispam_header_row h2 {
  color: #fff !important;
}

/*------------Payment fix------------*/
.p_contract_payment_radio_button_list {
  float: left !important;
  width: 220px !important;
}

.t_online_label_hidden {
  visibility: hidden !important;
  display: block !important;
}

/*------------------- Survey fix --------------------*/
.z_survey_question_header_wrapper {
  background-color: #00a774;
  background-color: inherit;
}

.z_survey_question_header_wrapper .z_clear {
  margin-bottom: 0;
}

.z_survey_question_order_number_wrapper {
  float: left;
  margin: 5px;
  color: #000;
  font-weight: 700;
  font-size: 14px;
}

.z_survey_question_text_wrapper {
  float: left;
  margin: 5px;
  color: #000;
  font-weight: 700;
  font-size: 14px;
}

.z_survey_choices_grid_wrapper {
  margin: 0 auto;
  border: none;
  margin-left: 10px;
  background-color: #fff;
  background-color: inherit;
  width: 100%;
}

.z_survey_choice_text_column {
  padding-left: 5px;
  vertical-align: top;
  border-width: 0;
  padding-top: 4px;
  position: relative;
  top: -6px;
}

.z_survey_free_text_question_answer {
  width: 87%;
  border-radius: 5px;
}

.z_survey_choices_grid_view {
  width: auto;
  background-color: inherit;
  padding-right: 20px;
  margin-bottom: 10px;
}

.z_survey_question_wrapper {
  margin-bottom: 20px;
}

.z_SurveySolverQuestions .z_survey_question_wrapper:last-child {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
}

.z_SurveySolverSubmitWrapper {
  text-align: left;
}

.z_SurveySolverSubmitButton {
  margin-bottom: 0;
}

.z_survey_free_text_question_answer_wrapper {
  margin: 0;
  position: relative;
  left: 10px;
}

/*==================================*/
/* ADDITIONAL QUIZ CSS*/
/*==================================*/
.z_quiz_completed_wrapper {
  background-color: #ebf7f4;
  border-color: #24a988;
  border-style: solid;
  border-width: 1px;
  padding: 20px;
  border-radius: 5px;
  width: 500px;
  width: inherit;
}

.z_quiz_completed_page_wrapper {
  margin: 20px;
}

.z_quiz_completed_cell_label {
  float: left;
  width: auto;
  font-weight: 700;
  text-align: left;
}

.z_quiz_completed_cell_control {
  float: left;
  width: auto;
  text-align: left;
}

.z_quiz_participant_data_text_box {
  padding: 6px 10px;
  background-image: url(../images/input-113x30.png);
  background-color: transparent !important;
  height: 26px;
  width: 103px;
  font-size: 13px !important;
  float: left;
  display: block;
  border-left-style: none !important;
  border-left-color: transparent !important;
  border-left-width: medium !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border-right-width: medium !important;
  border-top-style: none !important;
  border-top-color: transparent !important;
  border-top-width: medium !important;
  border-bottom-style: none !important;
  border-bottom-color: transparent !important;
  border-bottom-width: medium !important;
}

/*this is the class which hides the X button in IE text fields because the empty field validation doesn't work when the field is cleared like this*/
.z_quiz_participant_data_text_box::-ms-clear {
  display: none !important;
}

.z_quiz_submit_participant_button,
.z_quiz_review_choices_button {
  background: url(../images/btn-login.png) no-repeat;
  width: 84px !important;
  height: 32px;
  margin: 2px;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-align: center;
  background-color: transparent !important;
  border: none !important;
  cursor: pointer;
}

table[id="tblParticipantData"] tr[id="header"] td {
  padding-bottom: 20px;
}

table[id="tblParticipantData"] tr td[class="z_quiz_label"] {
  width: 130px;
  vertical-align: top;
  font-weight: 700;
  font-size: 13px;
}

table[id="tblParticipantData"] tr td[class="z_quiz_textbox"] {
  width: 130px;
  padding-bottom: 20px;
}

table[id="tblParticipantData"] tr[id="commands"] td {
  padding-top: 20px;
}

table[id="tblParticipantData"] span[class="z_error_message"] {
  /*	height:50px;*/
  display: block;
  clear: both;
}

table[id="tblParticipantData"] tr:nth-child(4) {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d7d7d7;
}

table[id="tblQuizCompletedIncorrectly"] tr td {
  text-align: center;
}

/*==================================*/
/* ADDITIONAL QUIZ SOLVER CSS*/
/*==================================*/
.z_quiz_question_header_wrapper {
  font-size: 13px;
  background-color: #00a774;
  background-color: inherit;
}

.z_quiz_question_header_wrapper .z_clear {
  margin-bottom: 0;
}

.z_quiz_question_order_number_wrapper {
  float: left;
  margin: 5px;
  color: #000;
  font-weight: 700;
  font-size: 14px;
}

.z_quiz_question_text_wrapper {
  float: left;
  margin: 5px;
  color: #000;
  font-weight: 700;
  font-size: 14px;
}

.z_quiz_choices_grid_wrapper {
  border: none;
  margin-left: 10px;
  background-color: inherit;
  width: 100%;
}

.z_quiz_choice_text_column {
  padding-left: 5px;
  vertical-align: top;
  border-width: 0;
  padding-top: 4px;
  position: relative;
  top: -2px;
}

.z_quiz_choices_grid_view {
  margin: 0 auto;
  margin-bottom: 10px;
  width: 100%;
  background-color: #fff;
  background-color: inherit;
  padding-right: 20px;
  border: none;
}

.z_quiz_question_wrapper {
  margin-bottom: 20px;
}

.z_QuizSolverQuestions .z_quiz_question_wrapper:last-child {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
}

.z_quiz_solver_submit_button_wrapper {
  height: 31px;
  margin-top: 13px;
}

.z_quiz_solver_submit_button_wrapper input {
  float: left;
}

.z_quiz_choices_grid_view_correct_question {
  margin-bottom: 10px;
  width: 90%;
  border: none;
  background-color: #91ff91;
  border-radius: 10px;
}

.z_quiz_choices_grid_view_incorrect_question {
  width: 90%;
  border: none;
  background-color: #FFb0b0;
  margin-bottom: 10px;
  border-radius: 10px;
}

.z_quiz_radio_button_column {
  width: 25px;
  vertical-align: top;
  border-width: 0;
  padding-bottom: 7px;
  padding-left: 5px;
  padding-top: 3px;
}

.z_quiz_check_box_column {
  width: 25px;
  vertical-align: top;
  border-width: 0;
  padding-top: 7px;
  padding-left: 6px;
  padding-bottom: 4px;
}

/* Home promo boxes */
/*MY Zain Welcome message*/
#divWellcomeNoteWrapper span {
  font: 14px Arial;
}

/* Quick Pay Fix */
.z_payment_receipts_from_label_wrapper span {
  font: 12px Arial;
}

.z_payment_receipts_to_label_wrapper span {
  font: 12px Arial;
}

/* QUIZ fix */
.z_quiz_question_wrapper .z_quiz_choices_grid_wrapper {
  margin-left: 0 !important;
}

.z_survey_choices_grid_wrapper {
  margin-left: 0;
}

.z_survey_command_save_wrapper {
  display: block;
  margin: 5px !important;
}

.z_survey_command_publish_wrapper {
  display: block;
  margin: 5px !important;
}

.z_survey_command_delete_wrapper {
  display: block;
  margin: 5px !important;
}

.z_form_commands_wrapper input {
  background-color: #ccc;
  border: 1px solid #666;
}

.p_billing_summary_back {
  top: 0 !important;
}

/* Quick pay */
.p_postapaid_quickpay_table_row td,
.p_prepaid_quickpay_payment_table_row td {
  border-right: none !important;
}

.p_postapaid_quickpay_table_alternating_row td:last-child,
.p_prepaid_quickpay_payment_table_alternating_row td:last-child {
  border-right: none !important;
}

#divPostapaidQuickpayData .p_packageinfo_content {
  border: none !important;
}

.p_prepaid_quickpay_payment_row .p_prepaid_quickpay_submit {
  padding: 0 !important;
}

.p_postapaid_quickpay_table_header th,
.p_prepaid_quickpay_payment_table_header th {
  border-right: none !important;
}

.p_einvoice_registration_subscribe_title,
.p_einvoice_registration_einvoice_mail_title {
  padding-top: 6px;
}

/*  After Golivefixes */
.ms-srch-item-body {
  font-size: 13px;
}

.z_profile_edit_content_header_wrapper {
  font-size: 13px;
}

.p_postapaid_quickpay_table_row td,
.p_prepaid_quickpay_payment_table_row td {
  border-right: 1px solid #99D7C7 !important;
}

.k_numbers_under_contract_text_box {
  width: 138px !important;
  border-radius: 5px;
  font-size: 13px;
}

.k_antispam_label_info {
  font-size: 13px !important;
  color: #fff;
}

.z_number_selection_list_box {
  font-size: 13px !important;
  border-radius: 5px;
}

.p_change_sim_label {
  width: 154px !important;
}

.z_pay_rcpts_details_pay_alloc_item {
  text-align: right;
}

.t_onlinepayment_greenbox .t_onlinepayment_boxin .t_onlinepayment_gv tr td {
  padding: 5px !important;
}

.t_onlinepayment_greenbox {
  margin-left: -14px !important;
}

/* ### PACCKAGE ALLOWANCE ADDITIONAL */
.t_pckgallowance_wrapper {
  /*width: 650px;
      margin-top: 0px !important;
      border-color: #009b74;
      border-width: 1px;
      border-style: solid;
      background-color: rgb(235, 247, 244);
      float: left;*/
  margin-top: 15px !important;
  float: none !important;
  border: none;
  width: 621px;
  background: none;
}

.t_pckgallowance_wrapper h2 {
  font-size: 14px;
  font-weight: 700;
  /*padding-top: 20px;*/
  padding-top: 0;
  /*padding-left: 19px;*/
  padding-left: 0;
  color: #000;
}

.t_pckgallowance_div {
  width: 609px;
  /*padding: 19px;*/
  /*padding: 0px;*/
  background-color: #ebf7f4;
  margin-left: -10px;
}

/*.t_pckgallowance_lbtwo {
      padding-right: 20px;
      font-size: 13px;
      display: block;
      float: left;
    }*/
.t_pckgallowance_rectangle_used {
  width: 16px;
  height: 30px;
  background-color: #b27184;
  float: left;
  margin-bottom: 10px;
}

.t_pckgallowance_rectangle_used span {
  padding-left: 20px;
}

.t_pckgallowance_rectangle_free {
  width: 16px;
  height: 30px;
  background-color: #71b27f;
  float: left;
  margin-left: 85px;
  margin-bottom: 10px;
}

.t_pckgallowance_rectangle_free span {
  padding-left: 20px;
}

.ui-widget-header {
  background-image: none !important;
}

/* MESSAGE */
.k_package_allowance_last_row {
  clear: both;
}

.k_package_allowance_message_label {
  font-size: 13px;
}

.k_package_allowance_notification_message_row {
  clear: both;
}

.k_package_allowance_notification_message_label {
  font-size: 14px;
}

.k_package_allowance_legend_row {
  width: 418px;
  overflow: hidden;
  clear: both;
}

.k_package_allowance_legend_consumed {
  width: 25px;
  float: left;
}

.k_package_allowance_legend_remaining {
  float: left;
}

.p_packageinfo_header_row {
  background-color: #009B74;
  font-size: 15px;
  font-family: 'Nunito Sans', Arial;
  color: #333;
  line-height: 27px;
  padding: 10px 10px 10px 20px;
}

.p_packageinfo_heafer_label {
  color: #FFF;
  font-weight: 400;
}

.p_packageinfo_table_alternating_row {
  background-color: #EBF7F4;
}

.p_packageinfo_table_row {
  background-color: #FFF;
}

.p_packageinfo_table_item_title {
  border-right: 1px solid #009B74;
  padding: 10px;
  font-size: 13px;
  text-align: left;
  vertical-align: top;
  width: 50%;
}

.p_packageinfo_table_item_value {
  padding: 10px;
  font-size: 13px;
  text-align: left;
  vertical-align: top;
}

.p_packageinfo_row_title {
  margin-left: 10px;
}

/*========================*/
/*========================*/
.t_pckgallowance_item {
  /*vertical-align: middle;*/
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 25px;
}

.t_pckgallowance_itemheader_wrapper {
  float: left;
  /*background-color:blue;*/
  margin-right: 10px;
  margin-left: 0;
  width: 163px;
}

.t_pckgallowance_itemheader {
  font-size: 13px;
}

.t_pckgallowance_lbone_wrapper {
  float: left;
  /*background-color:orange;*/
  width: 100px;
  overflow: visible;
}

.t_pckgallowance_lbone {
  font-size: 13px;
}

.t_pckgallowance_container {
  /*width: 100%;*/
  /*width: 100%;*/
  /* background-color: red; */
  /*border: 2px solid black;*/
  float: left;
  /*float:right;*/
  width: 315px;
}

.k_package_allowance_container_consumed {
  width: 25px;
  float: left;
}

.k_package_allowance_container_free {
  width: 10px;
  float: left;
}

.k_package_allowance_container_remainder {
  /*width: 100%;*/
  /*float: left;*/
  padding-bottom: 4px;
}

.t_pckgallowance_progressbar {
  /*width: 355px !important;*/
  width: 315px !important;
  background-color: #71b27f;
  margin-top: -5px !important;
  margin-left: 0 !important;
  background-image: none;
}

.t_pckgallowance_progressbar .ui-progressbar-value {
  background-color: #b27184;
  padding-top: 1%;
}

.t_pckgallowance_progressbar_span {
  /*display: block;
          position: absolute;
          text-align: center;*/
  text-align: center;
  padding-top: 2%;
}

/*  SEDCO FIX */
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: auto !important;
}

.xdsoft_datetimepicker.xdsoft_inline {
  width: auto !important;
}

.z_sedco_grey_panel span {
  font-size: 12px !important;
}

.xdsoft_datetimepicker {
  font-size: 10px !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-size: 10px !important;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  width: 170px !important;
}

.xdsoft_datetimepicker .xdsoft_prev {
  width: 15px !important;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  margin-left: 0 !important;
}

.xdsoft_datetimepicker .xdsoft_label {
  width: 75px !important;
}

.xdsoft_datetimepicker .xdsoft_year {
  margin-left: -5px !important;
}

.xdsoft_datetimepicker .xdsoft_year {
  width: 48px !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 138px !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  width: 22px !important;
}

/* Depricated since 16.04.2018 */
/* .sedco-button {
      display: block;
      width: 46px;
      height: 46px;
      float: left;
      margin-left: 302px;
    } */
.p_login_required_field {
  background: url("/_catalogs/masterpage/Zain Branding/images/bgr-greenstar.png") repeat scroll 0 0 transparent;
  width: 9px;
  height: 9px;
  float: left;
  display: block;
  margin-top: 3px;
  margin-left: 2px;
}

.p_login_message_row_wrapper {
  height: 20px !important;
  font-size: 11px;
}

.p_login_message_left_part {
  float: left;
}

.p_login_message_right_part {
  margin-left: 2px;
}

.p_login_fields_row_wrapper {
  margin-top: 10px;
  height: 60px !important;
}

.p_login_links_row_wrapper {
  margin-top: 10px;
  height: 30px !important;
}

.p_login_left_column_wrapper {
  float: left;
  margin-right: 20px;
  width: 276px;
  border: medium none;
}

.p_login_right_column_wrapper {
  float: left;
  width: 276px;
}

#wrapperLoginControl .error {
  font-size: 11px;
}

/*location list in Location Finder*/
[id$=_divLocations] {
  margin-top: 50px;
}

@media (max-width: 430px) {
  [id$=_divLocations] {
    margin-top: 75px;
  }
}

@media (max-width: 350px) {
  [id$=_divLocations] {
    margin-top: 100px;
  }
}

/*Back button for Bundle page*/
.backButton {
  background-image: url(/_catalogs/masterpage/Payment/img/btn-login.png);
  width: 84px;
  height: 32px;
}

.backButton a span {
  padding-left: 26px;
  padding-top: 9px;
  position: absolute;
  color: #fff;
}

.ms-rtestate-field h1 {
  color: #333 !important;
}

@media (max-width: 969px) {

  /*DURTY ONE for Pagelayout locations list positioning*/
  #ctl00_ctl38_g_377bb6a9_ec5b_4848_bf39_fc23701a073b_divLocations,
  #ctl00_SPWebPartManager1_g_377bb6a9_ec5b_4848_bf39_fc23701a073b_divLocations {
    margin-top: 100px;
  }

  #ctl00_ctl38_g_377bb6a9_ec5b_4848_bf39_fc23701a073b_ctrKioskLocations_divResult,
  #ctl00_SPWebPartManager1_g_377bb6a9_ec5b_4848_bf39_fc23701a073b_ctrKioskLocations_divResult {
    max-width: calc(100vw - 30px);
    overflow: auto;
  }

  /*this styles may stay.*/
  #livechat-eye-catcher,
  #RTInterceptPopup {
    display: none !important;
  }

  .fixed-on-scroll_mobile {
    top: 0;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 1000;
    /*it should be over over all*/
    background: #fff;
  }

  #ms-designer-ribbon.fixed-on-scroll_mobile {
    z-index: 1001;
  }

  /*there are a lot of places where -40px margin added to p inside header.*/
  .ms-rtestate-field h1+p {
    margin: 0 !important;
  }

  /*always hide the ribbon for mobile*/
  #ms-designer-ribbon {
    display: none;
  }

  #ms-designer-ribbon+span .ms-signInLink {
    /*Stage unautorized ribbon*/
    display: none !important;
  }

  .pagetop {
    top: 0 !important;
  }
}

/*Popup fixes*/
@media (max-width: 969px) {
  #colorbox {
    overflow: visible !important;
  }

  #cboxOverlay,
  #cboxWrapper,
  #cboxLoadedContent {
    max-width: 100%;
  }

  #colorbox,
  #cboxTopCenter,
  #cboxContent,
  #cboxBottomCenter {
    max-width: calc(100% - 50px);
  }
}

.cmn-no-scroll {
  overflow: hidden !important;
}

.cmn-hide {
  display: none !important;
}

@media (max-width: 640px) {
  .cmn-mobile-no-scroll {
    overflow: hidden !important;
  }
}

/*Google maps fix*/
#map_canvas * {
  -webbkit-box-sizing: content-box;
  box-sizing: content-box
}

/*# sourceMappingURL=MainResponsiveUpgrade.min.css.map */



@media (max-width: 640px) {
    .ms-webpart-zone,
    .ms-webpart-chrome{
        display: block;
    }
}