/* 
    Document   : app-style.css
    Created on : May 4, 2015, 4:34:24 PM
    Author     : Vinay Kumar (vinay@incaendo.com)
    Description:
        design for Health Kart
*/

 body {font-family: arial, serif; font-size: 14px;}
.pd-N {padding: 0px!important;}
.pd-L {padding-left: 0px!important;}
.pd-R {padding-right: 0px!important;}
.mT{margin-top: 10px!important;}
.mB{margin-bottom: 10px!important;}
.mR {margin-right: 10px!important;}
.m-N {margin: 0px!important;}
.bdrB {border-bottom:  1px solid #e5e5e5;}
.pdB {padding-bottom: 10px!important;}
.pdT {padding-top: 10px!important;}
a, button {text-decoration: none!important;}
.header {background-color: #333; padding: 10px 40px!important; width: 100%; float: left;}
.hk-header{
  background-color: #333;
  height: 54px;
}
.hk-header .referral-tab {
  background-color: #ffffff;
  border-bottom: 1px solid #F5F5F5;
}
.hk-header .referral-tab .new-tag{
  top: 22px;
}
#user-login, #search { background-color: transparent;}
#left-hdr-bar .logo {display: table; vertical-align: middle; text-align: center; padding-top: 5px!important;}
#left-hdr-bar .logo img{display: table-cell;}
.user-sec {width: 20%; float: left;}
.d-inline {display: inline-block;}
.comment-option, .comment-option span {margin-right: 10px;}
.bdrT {border-top: 2px solid #c9da2a;}
.content-wrapper.bdrT {border-top: 8px solid #c9da2a;}
.green-text {color: #c9da2a;}
.cyan-text {color:#333;}
.user-comment-post .read-more, .user-comment-post .go-top{color: #99A44E; font-weight: bold;}
.user-comment-post .post-date {color: #999;}
.comment-box h3 > a, .comment-box h1 > a {color:#333;}
.comment-box h3 > a:hover, .comment-box h3 > a:focus, .comment-box h1 > a:hover, .comment-box h1 > a:focus  {color: #c9da2a;}
.comment-box p{color:#666;}
#front-page .user-comment-post {border-bottom: 6px solid #e5e5e5;}
.left-content, .right-content {margin-top: 30px;}
.user-comment-post .user-image{width: 75px;}
.right-content .custom-btn, .user-login .custom-btn {background-color: transparent; border: 1px solid #eee; border-radius: 0px; margin: 5px 2px; box-shadow: none; transition: all ease 0.3s; color: #666;}
.right-content .custom-btn:hover, .user-login .custom-btn:hover, .user-login .custom-btn:focus, .right-content .custom-btn:focus, .right-content .custom-btn:active {background-color: #f5f5f5; border: 1px solid #c9da2a;}
.right-content .bdrB {border-bottom: 6px solid #c9da2a; padding: 0px 0 10px;}
.right-content .right-title, .right-content .sub-title {color: #666; font-weight: bold;}
.right-content .form-control {border: 1px solid #eee; border-radius: 0px; box-shadow: none;}
.right-content form .custom-btn {margin: 10px 0;}
/*.user-login .dropdown-menu .btn  {background-color:#3A5795; color: #fff; font-size: 20px;}*/
.user-login .dropdown-menu a:hover, .user-login .dropdown-menu a:focus{background-color: transparent;} 
.user-login .dropdown-menu {right:0; left: auto;}
#inner-page .comment-box .comment {border-left:6px solid #e5e5e5; padding-left: 10px;}
.effectable-image {overflow: hidden; float: left;}
.effectable-image .hover-content {margin-bottom:0px; position: absolute; left: 0; bottom: -100px; z-index: 1; color: #fff; background:rgb(201,218,42); background: transparent\9; background:rgba(201,218,42,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fc9da2a,endColorstr=#7fc9da2a);  zoom: 1; width: 100%; padding: 30px 20px 10px; font-size: 22px; transform: all ease 0.3s;}
.effectable-image:hover .hover-content{bottom: 0px;}
.table-hdr {background-color:#E7E7E7; color:#222;}
.shair-icons .comment-option, .shair-icons .comment-option span{margin-right: 0px;} 
.shair-icons {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.shair-icons p{border-right: 1px solid #e5e5e5; margin-bottom: 0px; padding: 15px;}
.shair-icons p:last-child {border-right: 0 none;}
.comment-write-box .shadow-text {color: #ccc;}
.comment-write-box textarea {min-height: 200px; resize: none;} 
.comment-write-box .form-control {border-radius: 0px;} 
.comment-write-box .custom-btn {border-radius: 0px;} 
#user-login img, #search img {width: 32px!important;}
.table-header tr:first-child > td { background-color: #e7e7e7!important;}
.table-header tr:first-child > td > p { color: #222!important; text-transform: uppercase!important;}
.effectable-image img{width: 100%!important; height: 450px!important;}
.home{opacity: 0.6;background-color: white!important;}
.home:hover{opacity: 1;}
.right-content-img { width: 100%;
  float: left;
  display: table;
  vertical-align: middle;
  text-align: center;}
.right-content-img img{  display: table-row;
  width: 165px;
  text-align: center;
  margin: 0 auto;}
.header > .container{background-color: transparent;}
@media screen and (min-width: 280px) and (max-width: 650px) {
  .right-content, .left-content {padding: 0px!important;}
  .left-content .more-stories {margin-bottom: 30px; font-weight: bold;}
}
@media screen and (min-width: 280px) and (max-width: 1100px) {
  .user-login img, #search img{width: 30px;}
  #left-hdr-bar img {width: 150px;}
  .header {padding: 10px 20px;}
  .shair-icons p{border-right: 0 none; margin-bottom: 0px; padding: 15px 0px;}
  .shair-icons {padding: 0px!important;}
}
@media (min-width: 1200px) {
  .container {
    width: 970px!important;
  }
}