body {
  padding-top: 5px;
  padding-bottom: 20px;

  background: url('https://cdn.superbaby.hk/img/app/bg_body.jpg') no-repeat top center;
}

.primary {color: #53B1AF !important;}

.header .container

#logo {margin-bottom: 10px;}
.content {padding:10px;}
.navwrap {background: #53B1AF; }
.navbar-default {background: #53B1AF; margin-bottom: 0px; padding-left: 0px;}
.navbar-default { min-height:38px; border:none; box-shadow: none;}
.navbar-default .navbar-nav li a {color: #fff; padding-top:9px; padding-bottom:9px; line-height:20px;}
.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:active
{background: #429296; color: #fff;}

.navbar-header .navbar-toggle {height:24px; padding:1px 10px;}

.navbar-default .navbar-nav a:hover {background: #429296 !important; color: #fff !important;}

.navbar-default .dropdown-menu {background: #53B1AF; color: #fff;}
.navbar-default .dropdown-menu a {background: #53B1AF !important; color: #fff !important;}
.navbar-default .dropdown-menu a:hover {background: #429296 !important;}

.nav li a  {padding:6px 12px;}

hr {margin-top:12px !important; margin-bottom: 12px !important;}

/* fix nav-right submenu */
.yamm .navbar-right .dropdown {
    position: relative !important;
}

.yamm-content img {margin-bottom:10px; max-width:100%;}
.yamm-content ul {margin-top:10px;}
.yamm-content li a {line-height:50px; padding:0 !important;}
.yamm-content li {margin-bottom:6px;}
.yamm-content a.subtitle {margin-bottom:10px; padding:0 !important; font-size:18px; line-height:50px; font-weight:bold;}

#chart_div {margin:0px auto;}

h1 {font-size:170%;}

.baby_profile {margin-top: 23px; margin-left:auto; margin-right:auto; width:217px;}

.baby_profile .alert ul {padding-left: 10px;}

#baby_date {padding-left:2px; padding-right:1px; padding-top:2px;}

@media screen and (min-width:0) and (min-resolution: +72dpi) {
#baby_birthday {padding-top:0px;}
#baby_date {padding-top:0px;}
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.footer {
	margin: 0 0 14px 0;
	background-color: #53B1AF;
	color: #fff;
  line-height: 50px;
}

.footer a {color: #fff; text-decoration: underline;}

.ft-grey a {color:#666; font-size:13px;}

/* themes */
.theme1 {background: url('https://cdn.superbaby.hk/img/app/bg_1.jpg') repeat-x center -30px; height:187px;}
.theme2 {background: url('https://cdn.superbaby.hk/img/app/bg_2.jpg') no-repeat center -30px; min-height:627px;}

.welcome-icon {text-align: center; margin: 15px 0 20px 0;}
.welcome-icon a {color: #333; display:block;}
.welcome-icon a:hover {color: #51b2b1; text-decoration: none;}
.welcome-icon a:hover img {opacity:0.8;}

.welcome-icon img {margin-left:auto; margin-right:auto;}

.welcome-icon2 {text-align: center; margin: 15px 0 20px 0;}
.welcome-icon2 a {color: #333; display:block;}
.welcome-icon2 a:hover {color: #ed4777; text-decoration: none;}

.welcome-icon2 img {margin-left:auto; margin-right:auto;}

.theading {margin-top:-26px; margin-left:auto; margin-right:auto;}

.grey {color: #666;}

#regform .has-feedback .form-control-feedback,
#babyprofileform .has-feedback .form-control-feedback
{
  top: 4px;
}

.fb-share-row:hover {
  background-color: #4a78ae;
  cursor:pointer;
}
.fb-share-row {
cursor:pointer;
    background-color: #2D609B;
    margin-top: 10px;
    color: #FFFFFF;
    font-size:21px;
    text-align: center;
    border-radius: 6px;
    font-weight: bold;
    line-height: 60px;
    position: relative;
    padding-top:5px;
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

.fb-share-row i.fa {font-size:26px;}

.fb-share-row-s {
  cursor:pointer;
    background-color: #2D609B;
    margin-top: 10px;
    color: #FFFFFF;
    font-size:16px;
    text-align: center;
    border-radius: 6px;
    font-weight: bold;
    line-height: 40px;
    position: relative;
    padding-top:5px;
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

.whatsapp-share-row-s {
  cursor:pointer;
    background-color: #24a829;
    margin-top: 10px;
    color: #FFFFFF;
    font-size:16px;
    text-align: center;
    border-radius: 6px;
    font-weight: bold;
    line-height: 40px;
    position: relative;
    padding-top:5px;
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

.line-share-row-s {
  cursor:pointer;
    background: #00c300;
    margin-top: 10px;
    color: #FFFFFF;
    font-size:16px;
    text-align: center;
    border-radius: 6px;
    font-weight: bold;
    line-height: 30px;
    position: relative;
    padding-top:5px;
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

.fb-share-row-s i.fa {font-size:23px;}
.whatsapp-share-row-s i.fa {font-size:23px; color: #fff; font-weight:bold;}
.whatsapp-share-row-s a {color: #fff;}
.line-share-row-s a {color: #fff;}
.embed-share-row a {color: #666; }
.embed-share-row i.fa {font-size:23px;}

.embed-share-row:hover, #embed_btn_top:hover {
  background-color: #70b159;
  cursor:pointer;
}
.embed-share-row {
  cursor:pointer;
    background-color: #53983b;
    margin-top: 10px;
    color: #fff !important;
    font-size:21px;
    text-align: center;
    border-radius: 6px;
    font-weight: bold;
    line-height: 60px;
    position: relative;
    padding-top:5px;
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

#embed_btn_top {background: #53983b; color: #fff; text-decoration: none;}
#embed_btn_bottom {color: #fff; text-decoration: none;}

.genbox, .genbox-light {
    background: #fff;
    padding:15px;
    box-shadow: 0 0 1px #666;
    border-radius: 5px;
    margin:5px 0;

    position:relative;
  }

.genbox .action-bar{
      position:absolute;
      right:13px;
      top:12px;
  }

.shadow-sm {
  box-shadow: 0 0 2px #666;
}

.cornerbox {
    border-radius: 15px;
  }

.mg-l-n5 {margin-left: -5px;}
.mg-l-5 {margin-left: 5px;}
.mg-l-10 {margin-left: 10px;}
.mg-l-15 {margin-left: 15px;}
.mg-l-20 {margin-left: 20px;}
.mg-l-40 {margin-left: 40px;}

.mg-r-n5 {margin-right: -5px;}
.mg-r-5 {margin-right: 5px;}
.mg-r-10 {margin-right: 10px;}
.mg-r-20 {margin-right: 20px;}

.mg-t-3 {margin-top: 3px;}
.mg-t-5 {margin-top: 5px;}
.mg-t-10 {margin-top: 10px;}
.mg-t-15 {margin-top: 15px;}
.mg-t-20 {margin-top: 20px;}
.mg-t-30 {margin-top: 30px;}
.mg-t-40 {margin-top: 40px;}
.mg-t-60 {margin-top: 60px;}
.mg-t-n10 {margin-top: -10px;}

.mg-b-10 {margin-bottom: 10px;}
.mg-b-15 {margin-bottom: 15px;}
.mg-b-20 {margin-bottom: 20px;}
.mg-b-30 {margin-bottom: 30px;}

.mg-10-0 {margin:10px 0;}
.mg-20-0 {margin:20px 0;}

.pt-10 {padding-top: 10px;}
.pt-30 {padding-top: 30px;}
.pb-30 {padding-bottom: 30px;}
.pl-20 {padding-left: 20px;}
.pl-10 {padding-left:10px;}
.pl-15 {padding-left:15px;}
.pl-30 {padding-left: 30px;}
.p-10 {padding:10px;}
.p-20 {padding:20px;}

.pr-10 {padding-right:10px;}
.pr-15 {padding-right:15px;}
.pr-30 {padding-right: 30px;}


.p10 {padding: 10px;}
.p15 {padding: 15px;}

.mg-center {margin-left:auto; margin-right:auto;}
.mg-tb-15 {margin-top:15px; margin-bottom: 15px;}

.mectRect {width: 300px; min-height: 250px;  }

.w100p {width: 100%;}

.mtn3 {margin-top:-3px !important;}
.mtn5 {margin-top:-5px !important;}

.w100 {width: 100%;}
.w98 {width: 98%;}
.w90 {width: 90%;}
.w75 {width: 75%;}

.bg4 { background-color: #e7ebdf}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

  .theme2r {background: url('https://cdn.superbaby.hk/img/app/bg_2_r.jpg') repeat-x center -30px;}

  .bg-register {
    min-height:700px;
    background: url('https://cdn.app.superbaby.hk/img/app/stock/baby2.jpg') 0px 0 #5a602b no-repeat;
    background-size: 100% auto;
  }

  .bg-login {
    min-height:580px;
    background: url('https://cdn.app.superbaby.hk/img/app/stock/baby1.jpg') 0px -70px #fff no-repeat;
    background-size: 100% auto;
  }

  #loginform, #regform {
    background: rgba(100%,100%,100%,0.7);
    padding:25px; padding-top:2px;
    box-shadow: 0 0 10px #666;
    border-radius: 15px;
    margin:20px 0;
  }

  #loginform{
   margin-top:40px;
  }

  #regform {
    margin-left:-20px; margin-right:20px;
  }

  .bg2 { background: url('https://cdn.app.superbaby.hk/img/app/stock/baby3.jpg') 0 0 #efefef no-repeat; min-height:600px; }
  .bg3 { background: url('https://cdn.app.superbaby.hk/img/app/stock/baby4.jpg') 75% -50px #e9e4dd no-repeat; }
  .bg4 { background: url('https://cdn.app.superbaby.hk/img/app/stock/baby5.jpg') center -50px #e7ebdf no-repeat; min-height:600px; }
  .bg5 { background: url('https://cdn.app.superbaby.hk/img/app/stock/baby6.jpg') center 0 #e7ebdf no-repeat;    }
  .bg6 { background: url('https://cdn.app.superbaby.hk/img/app/stock/baby7.jpg') center 0 #e9e9e9 no-repeat;    }

  .bgr1 { background: url('https://cdn.superbaby.hk/img/app/bgr1.jpg') center 0 #e9e9e9 repeat-x;    }


  .genbox {
      background: rgba(100%,100%,100%,0.8);
      padding:35px;
      padding-top:25px;
      box-shadow: 0 0 10px #666;
      border-radius: 15px;
      margin:20px 0;
      width: auto;
      position:relative;
  }

  .genbox-light {
      background: rgba(100%,100%,100%,0.8);
      padding:35px;
      box-shadow: 0 0 2px #666;
      border-radius: 10px;
      margin:20px 0;
      width: auto;
      position:relative;
  }

  .genbox-white {
      background: rgba(100%,100%,100%,1);
      padding:35px;
      box-shadow: 0 0 8px #666;
      border-radius: 10px;
      margin:20px 0;
      width: auto;
      position:relative;
  }

  .genbox-70 {width:70%;}

  .genbox h1, .genbox h2, .genbox h3 {margin-top: 0;}


  .chart-box {
      width:100%;
      background: rgba(100%,100%,100%,0.8);
      padding:4px;
      box-shadow: 0 0 10px #666;
      border-radius: 15px;
      width: auto;
      padding-bottom:20px;
      margin:20px 0;
  }
}

.bg-attach { background-attachment: fixed; background-position-top:100px;}
.bg-fullwidth {background-size: 100% auto;}




.ft-grey a {color: #666;}

.btn-circle-lg {
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 0;
  font-size: 52px;
  line-height: 64px;
  border-radius: 50%;
}

.shadow{
   box-shadow: 0 0 10px #666;
}


#scroll_to_top {
    display:block;
    right: 8%;
    bottom: 48px;
    width: 46px;
    padding: 14px 8px 16px 8px;
    -moz-transition: bottom 250ms ease-in-out 0s;

    display: block;    font-size: 1em;     text-align: center;
    text-decoration:none;    position: fixed;     z-index: 4;
    color: #fff;
    background-color: #53B1AF;

    text-shadow: 0px 1px rgba(255, 255, 255, 0.9);
    z-index: 300;
    font-weight: bold;
    line-height: 1em;
    margin: 0px;
    box-shadow: 0 0 6px #666;
}

/**** Timeline (vendor) ****/
/* post element */
div.timeline {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
}

/* Column */
div.timeline.dual div.column_left {
    width: 50%;
    float: left;
}
div.timeline.dual div.column_right {
    width: 50%;
    float: right;
    margin-top: 20px;
}
div.timeline.left div.column_left,
div.timeline.right div.column_right,
div.timeline.center div.column_center {
    width: 100%;
    float: none;
    margin-top: 0px;
}

/* Date Separator */
div.timeline div.date_separator {
    clear: both;
    text-align: center;
    height: 60px;
    position: relative;
}
div.timeline div.date_separator span {
    position: absolute;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    top: -200%;
    margin-top: -16px;
    font-size: 14px;
    border-radius: 5px;
    filter:alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
div.timeline div.date_separator.animated span {
    top: 50%;
    filter:alpha(opacity=100);
    opacity: 1;
}
div.timeline.dual div.date_separator span,
div.timeline.center div.date_separator span {
    left: 50%;
    margin-left: -50px;
}
div.timeline.left div.date_separator span {
    right: 0px;
}
div.timeline.right div.date_separator span {
    left: 0px;
}

/* Spine */
div.timeline div.spine {
    position: absolute;
    top: 0px;
    bottom: 100%;
    width: 4px;
    border-radius: 2px;
    -webkit-transition: bottom 0.5s linear;
       -moz-transition: bottom 0.5s linear;
        -ms-transition: bottom 0.5s linear;
         -o-transition: bottom 0.5s linear;
            transition: bottom 0.5s linear;
}
div.timeline.dual div.spine,
div.timeline.center div.spine {
    left: 50%;
    margin-left: -2px;
}
div.timeline.left div.spine {
    right: 4px;
}
div.timeline.right div.spine {
    left: 4px;
}
div.timeline div.spine.animated {
    bottom: 0%;
}

/*.timeline .post_element h2 {font-size:1.1em; font-weight:bold; margin:3px 0;}*/

.timeline .img_container {min-width: 215px; min-height:115px;}

/* Element */
div.post_element {
    position: relative;
    margin: 10px 0px;
    clear: both;
    padding:5px;
    border-radius: 6px;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.opacityFilter div.post_element {

}
.opacityFilter div.post_element.animated {

}
div.post_element div.del {
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
    cursor: pointer;
    border-radius: 3px;
    font-size: 8px;
    text-transform: uppercase;
    padding: 4px 6px;
    text-shadow: none;
}
div.post_element:hover div.del {
    display: block;
}
div.timeline div.column_left div.post_element {
    float: right;
    margin-right: 30px;
    left: 10%;
}
div.timeline div.column_right div.post_element {
    float: left;
    margin-left: -2px;
    right: 1%;
}
div.timeline div.column_center div.post_element {
    margin: 20px auto;
}
div.timeline div.column_left div.post_element.animated {
    left: 0%;
    opacity: 1;
}
div.timeline div.column_right div.post_element.animated {
    right: 0%;
    opacity: 1;
}
div.timeline div.column_center div.post_element.animated {
    opacity: 1;
}
div.post_element:before {
    content: '';
    position: absolute;
    display: block;
    width: 26px;
    height: 0px;
}
div.timeline div.column_left div.post_element:before {
    top: 15px;
    right: -27px;
}
div.timeline div.column_right div.post_element:before {
    top: 15px;
    left: -27px;
}
div.timeline div.column_center div.post_element:before {
    display: none;
}
div.post_element:after {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}
div.post_element:hover:after {
    z-index: 100;
}
div.timeline.dual div.column_left div.post_element:after {
    top: 10px;
    right: -36px;
}
div.timeline.dual div.column_right div.post_element:after {
    top: 10px;
    left: -36px;
}
div.timeline.left div.column_left div.post_element:after {
    top: 10px;
    right: -30px;
}
div.timeline.right div.column_right div.post_element:after {
    top: 10px;
    left: -30px;
}
div.timeline.center div.column_center div.post_element:after {
    display: none;
}
div.post_element h3.title {
    position: relative;
    font-size: 15px;
    overflow: hidden;
    margin: 10px;
    line-height:140%;
}

div.post_element h3.title span.date {
    float: right;
    font-size:10px;
}
div.post_element div.img_container {
    position: relative;
}
div.post_element div.img_overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: url('https://cdn.superbaby.hk/images/opacity.png') repeat;  /*Fallback for IE*/
    background: rgba(0,0,0,0.5);
    filter:alpha(opacity=0);
    opacity: 0;
    border-radius: 5px;
    -webkit-transition: opacity 0.2s linear;
       -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
         -o-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
}
div.post_element div.img_container:hover div.img_overlay,
div.post_element div.img_overlay.loading {
    filter:alpha(opacity=100);
    opacity: 1;
}
div.post_element div.img_overlay span {
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 60%;
    left: 50%;
    margin: -24px 0px 0px -24px;
    cursor: pointer;
    background-image: url('https://cdn.superbaby.hk/images/search.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    filter:alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
div.post_element div.img_container:hover div.img_overlay span,
div.post_element div.img_overlay.loading span {
    top: 50%;
    filter:alpha(opacity=100);
    opacity: 1;
}
div.post_element div.img_overlay.loading span {
    background-image: url('https://cdn.superbaby.hk/images/loader.gif');
}

/* Blog Post Element */
div.post_element.blog_post div.content {
    font-size: 15px;
    padding: 5px 15px 10px 15px;
    line-height:160%;
}
div.post_element.blog_post div.img_container {
    margin-bottom: 10px;
    margin:1px 15px 10px 10px;
    float:left;
}
div.post_element.blog_post div.img_container img {
    /*nasthon*/
    /*width: 100%;*/
    max-height:230px;
    max-width:210px;
    height: auto;
    display: block;
}
div.post_element.blog_post.notitle div.img_container img {
    border-radius: 5px 5px 0px 0px;
}
div.post_element.blog_post div.readmore {
    padding: 10px;
    font-size: 15px;
    text-align: right
}
div.post_element.blog_post div.readmore a {
    text-decoration: underline;
}
div.post_element.blog_post div.readmore a:hover {
    text-decoration: none;
}

/* Gallery Element */
div.post_element.gallery div.scroll_container {
    position: relative;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 10px;
}
div.post_element.gallery div.img_container {
    display: inline-block;
    margin-right: 4px;
}
div.post_element.gallery div.img_container img {
    padding: 2px;
    display: block;
    border-radius: 2px;
}
div.post_element.gallery div.img_container:last-child {
    margin-right: 0px;
}
div.post_element.gallery div.img_overlay {
    border-radius: 2px;
}

/* Lightbox */
div.timeline_overlay {
    position: fixed;
    z-index: 200;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    display: none;
    background: url('https://cdn.superbaby.hk/images/opacity.png') repeat;  /*Fallback for IE*/
    background-color: rgba(0, 0, 0, 0.5);
}
div.timeline_overlay.open {
    display: block;
}
div.timeline_overlay div.lightbox {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    top: 0%;
    margin-left: -32px;
    margin-top: -32px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 8px;
    filter:alpha(opacity=0);
    opacity: 0;
    -webkit-transition: top 0.3s linear, opacity 0.3s linear;
       -moz-transition: top 0.3s linear, opacity 0.3s linear;
        -ms-transition: top 0.3s linear, opacity 0.3s linear;
         -o-transition: top 0.3s linear, opacity 0.3s linear;
            transition: top 0.3s linear, opacity 0.3s linear;
}
div.timeline_overlay div.lightbox.loaded {
    top: 50%;
    filter:alpha(opacity=100);
    opacity: 1;
    -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
        -ms-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
         -o-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
            box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
}
div.timeline_overlay div.lightbox.updating {
    background-image: url('https://cdn.superbaby.hk/images/loader.gif');
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}
div.timeline_overlay div.lightbox img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    filter:alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
       -moz-transition: opacity 0.1s linear;
        -ms-transition: opacity 0.1s linear;
         -o-transition: opacity 0.1s linear;
            transition: opacity 0.1s linear;
}
div.timeline_overlay div.lightbox.updating img {
    filter:alpha(opacity=0);
    opacity: 0;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}
div.timeline_overlay div.lightbox span {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 55%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    filter:alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
div.timeline_overlay div.lightbox:hover span {
    filter:alpha(opacity=100);
    opacity: 1;
    top: 50%;
}
div.timeline_overlay div.lightbox.updating span {
    display: none;
}
div.timeline_overlay div.lightbox span.prev {
    background-image: url('https://cdn.superbaby.hk/images/prev.png');
    left: 10px;
}
div.timeline_overlay div.lightbox span.next {
    background-image: url('https://cdn.superbaby.hk/images/next.png');
    right: 10px;
}

.sep_week_pregnancy, .sep_week_baby {width: 70%; margin-bottom:40px;}

/* Social */
div.timeline img.twitter_profile {
    margin: 0px 10px 10px 0px;
    border-radius: 3px;
    width: 48px;
    height: 48px;
}

div.timeline div.facebook_left_column {
    float: left;
    width: 50px;
}
div.timeline div.facebook_right_column {
    margin-left: 50px;
}

div.timeline img.facebook_profile {
    border-radius: 3px;
    width: 40px;
    height: 40px;
}
div.timeline div.facebook_post {
    overflow: hidden;
    font-size: 12px;
    margin-top: 10px;
    border-radius: 5px;
    text-shadow: none;
}
div.timeline div.facebook_post img.facebook_picture {
    width: 80px;
    height: 80px;
    margin: 5px;
    float: left;
    border-radius: 3px;
}
div.timeline div.description_container {
    overflow: hidden;
    height: 80px;
    margin: 5px 5px 5px 90px;
}
div.timeline div.facebook_post_single_picture {
    width: 90px;
}
div.timeline div.facebook_post_single_picture div.description_container {
    display: none;
}
div.timeline div.facebook_post a {
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Nasthon Date Separator */
div.sep_week {background:#1f86b1 !important; padding-top:0; padding-bottom:0;}
div.sep_week_baby {background:#ed4777 !important;}
div.sep_week h2, div.sep_week .week_title{font-size:21px;text-align:center; margin:10px; color:#fff;}
div.sep_week h2 a, div.sep_week .week_title a {color: #fff;}
div.sep_week span.date {}
div.sep_week {}

.timeline-col {margin:20px 10px;}
.timeline-col a.mt {font-size:19px; line-height:180%; font-weight:bold;}
.timeline-col ul { padding-left:0px;}
.timeline-col ul li {list-style:none; line-height:180%;}
.timeline-col ul li.active a, .active2 {color:#ed4777; text-decoration: underline;}
.timeline-col ul li.sublink a {color: #f9036b; font-weight:bold; line-height:130%; margin:10px 0; display:block;}


/* 5 cols */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media (max-width: 400px){
  body {background:none;}
}

/* simple pagination */
.pager li > a, .pager li > span {
    display: inline-block;
    padding: 0px 29px;
    background-color: #53B1AF;
    border: 1px solid #DDD;
    border-radius: 10px;
    color: #fff;
    font-size:2em;
}

.pager li > a:hover{
  background-color: #efefef;
  color: #53B1AF;
}

a.yellow {color: yellow !important;}

.search-box-form #q {width:180px;}
.search-box-form-lg #q {width:240px; margin-left:20px;}

.nas {font-size:13px;}
.nas a {color:#0099D6;}

a.inhouse1 {padding-top:8px !important; padding-bottom:6px !important;}

#ad-loader {display:block;}

.yamm-content-search {width: 300px;}

.pos-rel{position:relative;}
.pos-abs{position:absolute;}
.adsfactor-floating-ads {position:absolute;top:100px;}

.far-indent {text-indent:-9999px;}

.theme2 .theme-title-img {margin-top:-30px; margin-bottom:30px;}
.fb-iframe {border:none; overflow:hidden; height:40px; width:130px; margin-left:20px;}

.bg-white {background: #fff;}

.red {color: red;}
.white {color: #fff;}

.facebook-login {background-color: #385799 !important; text-transform: uppercase; padding-top:10px; padding-bottom:10px; color: #fff !important;}
.facebook-login:hover, .facebook-login:focus, .facebook-login:active {background-color: #286090 !important;}
.facebook {background-color: #385799 !important; color: #fff;}

.email-login {background-color: #50998E !important; text-transform: uppercase; padding-top:10px; padding-bottom:10px; color: #fff !important;}
.email-login:hover, .facebook-login:focus, .facebook-login:active {background-color: #509811 !important;}

.yellow {color: yellow;}

/* simple layout */
.simplelayouthtml, .simplelayout {height: 100%;}
.simplelayout {padding:0; background-attachment:fixed; background-position:0 50px;}
.simplelayout a.navbar-brand {padding:8px 5px 0px 5px;}
.simplelayout .navbar-nav>li>a {line-height: 33px !important;}
.simplelayout .alert {margin-bottom:10px;}
.simplelayout .navbar-brand > img {display:inline;}
.simplelayout .navbar-brand {color: #fff !important;}
.simplelayout .logotext {margin-top:10px; font-size:15px;}

.media-heading a {color: #333;}

a .relation_label {color: #333; }
a:hover .relation_label {color: #333; text-decoration: none;}
a.relation_link:hover {text-decoration: none;}

.theme-heading {font-size:46px; line-height:120%;  text-shadow: 2px 0px 0px #ffffff, 2px 2px 0px #ffffff, 0px 2px 0px #ffffff,
    -2px 2px 0px #ffffff, -2px 0px 0px #ffffff, -2px -2px 0px #ffffff,
    0px -2px 0px #ffffff, 2px -2px 0px #686868, 2px 4px 5px #aeaeae;}

.icon-facebook {
   color:#3b5998;
}

.icon-whatsapp {
   color:#24a829;
}

.icon-google{
  color: #dd4b39;
}

.icon-yahoo{
  color: #9227b2;
}

.icon-android{
  color: #78c15a;
}

.icon-rss{
  color: orange;
}.container {min-width: 700px;}

.sidebar {
  position: relative;  
  width: 338px;
  float:right;
  background: #F5F5F5;
  border-left:1px solid #E8E8E8;
  padding: 26px 13px 16px 20px;  
}

.sidebar .media-list a {color: #333; }
.sidebar .media-heading {line-height: 140%; margin-top: 5px;}

.blog-item .media-list a {color: #333; line-height: 120% !important;}
.blog-item .media-list li:hover img {opacity: 0.85;}
.blog-item .media-list li:hover a {color: #0d8e94; text-decoration: none;}

.fluid-fixed {
    /*margin-right: 350px;*/
    width: 700px;
}

#logo {margin-top:8px;}
#ad_leaderB_top {margin:4px -10px 0 0; height:97px;}

.blog-item .fluid-fixed {margin-left:15px; margin-top:10px;}
.blog-content img {max-width: 100%; height:auto;}

@media only screen and (max-width : 991px) {
  body { background: none; }
  .sidebar {display:none;}
  #ad_leaderB_top {margin-left:auto; margin-right:auto;}
}

@media only screen and (min-width : 992px) {
  .fluid-fixed {width: 580px; border:0px solid red;}  
  .blog-item .fluid-fixed {margin-left:0;}
  .sidebar {padding-right:8px;}
}


/* Large Devices */
@media only screen and (min-width : 1200px) {
  .fluid-fixed {width: 760px;}
  .blog-item .fluid-fixed {margin-left:15px;}
  #ad_leaderB_top {margin-right:130px;}
}



h1 {font-size:29px; font-weight:bold;}

.blog-item {
  font-size:18px; line-height:165%; letter-spacing: 0; background: #fff; 
  padding: 0px 0 20px 25px;
  border-top: 1px solid #EEE;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.blog-item h2 {
  font-size:24px;
  color: #E03F00;
  line-height: 160%;
  font-weight:bold;
}

.blog-item h3 {
  font-size:19px;
  color: #C60;
  font-weight:bold;
  line-height: 160%;
}

.blog-item img {margin: 8px 0;}

.blog-info {
  margin: 20px 0px;
  padding: 8px 0px;
  border-top: 1px solid #ECEBEB;
  border-bottom: 1px solid #ECEBEB;
}

.blog-item .blog-info li {
    padding-left: 13px;
    border-left: 1px solid #ECEBEB;
}

.blog-info li {
    padding: 0px;
    color: #555;
    font-size: 13px;
    margin-right: 10px;
    display: inline-block;
}

.blog-item .blog-info li:first-child {
    padding-left: 0px;
    border-left: medium none;
}

.blog-item .fb-comments {margin:20px 0;}


blockquote {
    background-color: #FFC;
    font-size:16px;

}

.link-sm {font-size: 13px;}
.blog-src {margin:0 0 15px 0;}

.disclaimer {color: #666; font-size: 12px;}

/* post list */
.blog-posts h1 {line-height:190%; margin-bottom: 20px;}
.blog-posts .media-heading a {font-size:19px; text-decoration: none; color: #0d8e94; font-weight:bold;}
.blog-posts .media {border-top: 1px solid #efefef; padding-top: 10px;}
.blog-posts .media-body p {height: 60px; overflow: hidden; border:1px soid red; margin-bottom:2px;}
.blog-posts .media-body a {color: #E03F00;}

.grid-block {width: 100%; margin-right: 20px; height:390px; overflow:hidden; margin-bottom: 30px; background: #fff; padding:0; 
  box-shadow: 0 1px 2px rgba(0,0,0,.075);
  border: 1px solid #ddd;
  border-radius: 4px;
  position: relative;
} 

.grid-block-end {margin-right: 0px !important;} 

.grid-block a {color: #0d8e94;}
.grid-block .postSummary {margin:5px 15px; width:90%; font-size:15px; line-height: 140%; color:#666; letter-spacing: 1px; height:130px; overflow: hidden;}
.grid-block .PostInfo {position: absolute; right:15px; bottom:11px;}
.grid-block .PostInfo li{display:inline-block; font-size:13px; color: #666;}
.grid-block .PostInfo a{color: #E03F00;}
.grid-block h2 {font-size:18px; line-height: 130%; margin-top: 10px}
.grid-block h2 a{color: #333;}
.grid-block h2 a:hover{color: #0d8e94; text-decoration: none;}

.grid-content img:hover {opacity:0.9;}
.grid-content .thumb img {width: 100%; height:auto;}

@media only screen and (min-width : 992px) {
  .grid-content .thumb img {height:191px;}
}

@media only screen and (min-width : 1200px) {
  .grid-content .thumb img {height:171px;}
}


/* Pagination */
.pagination li a, .pagination li a:hover {color: #0d8e94;}
.pagination .active span {background-color: #0d8e94; border-color: #0d8e94}

@media only screen and (min-width : 768px) {
#scroll_to_top {
    right: 50%;
    bottom: 55px;   
}
}

/* google custom search */
.gsc-control-cse table {width:90% !important; }
.gsc-input-box  {height: 35px !important; }
#gsc-i-id1 {line-height: 1.75em !important}
.gs-title {font-size:18px !important; text-decoration: none !important;}
.gsc-table-result {font-size:15px !important; margin-left:9px !important; color: #333; line-height:150%;}
input.gsc-search-button-v2 { padding:20 !important;}

.home-hot-banner {
  display:none;
  position: relative;
  width: 320px;
  float: right;    
  padding: 0px 0px 5px 0px;
  margin-top:-5px;
  min-height: 250px;

}

@media only screen and (min-width : 1024px) {
    .home-hot-banner {display:block;}
}

.hot-art h1 {line-height:120%; margin-top:0; font-size:1.7em; padding-top:0;}
.hot-art {
  font-size:15px;
  width: 100%; margin-right: 20px; overflow:hidden; background: #fff; padding:0; 
  box-shadow: 0 1px 2px rgba(0,0,0,.075);
  border: 1px solid #ddd;
  border-radius: 8px;
  position: relative;
  padding-bottom:10px;
  padding-top:20px;  
}
.hot-art a {color: #333;}
.hot-art a:hover {color: #0d8e94; text-decoration: none;}
.hot-art .PostInfo {margin:10px 0 0 0; padding:0;}
.hot-art .PostInfo li{display:inline-block; font-size:13px; color: #666;}
.hot-art .PostInfo a{color: #E03F00;}

.hot-art .home-hot-art {padding:0px 0px 12px 20px;}

.related_row_three_col {color: #333; line-height: 140%; display:block; width: 31%;}

.content-ad {display:block; margin:15px 0; width: 336px;}

.related_rows .related_title { line-height: 135%;  margin-top: 5px;}
.related_rows img {border-radius: 3px;}
.related_rows div:hover img {opacity: 0.85;}
.related_rows div:hover .related_title a {color: #0d8e94; text-decoration: none;}
.related_rows .related_title a {color: #333; margin-top:3px; display: block; margin-bottom:3px;}

#btm-related-list {margin-left: 360px;}
#btm-related-list a.btm-related-link {line-height: 120% !important;}

.ads_content_btm {width:350px; position: relative; padding-top:5px;}/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
/* coloring */
.navwrap {background: #53B1AF; }
.navbar-default {background: #53B1AF;}
.navbar-default .dropdown-menu {background: #53B1AF; color: #fff;}
.navbar-default .dropdown-menu a {background: #53B1AF !important; color: #fff !important;}
.navbar-default .dropdown-menu a:hover {background: #429296 !important;}
.navbar-default .navbar-nav .active a:active {background: #429296; color: #fff;}

.footer {  background-color: #53B1AF;  }
#scroll_to_top { background-color: #53B1AF; }.bg-article{
  background: url('https://cdn.superbaby.hk/img/bg-body.jpg');
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-size: 13px;
  line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 4px 5px;
}