/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 1, 2017, 10:29:27 AM
    Author     : Admin
*/
/* Styling Pagination*/
/*.fancybox-title .child{
    font-size: 13px !important;
    line-height: 15px !important;
}*/
/*.fancybox-title{
    background: rgba(0,0,0,0.7) !important;
    color: #fff;
    padding: 10px;
}*/
/*.fancybox-title a{
    color: #fff !important;
}*/
.note {
    position:relative;
    /*width:96%;*/
    padding:1em 1.5em;
    margin:2em auto;
    /*color: #fff;*/
    color: green;
    background: #D5ECD5;
/*                background: #357ebd;*/
    overflow:hidden;
}

.note:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: transparent transparent #d9534f #d9534f;
    background: #d9534f;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    /* Firefox 3.0 damage limitation */
    display: block;
    width: 0;
}
.note.rounded {
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
}

.note.rounded:before {
  border-width: 8px;
  border-color: #fff #fff transparent transparent;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.searchResultView {
    color: #f0ad4e;
    border-radius: 3px;
    /*background: #f0ad4e;*/
    padding: 0px;
}
.menufilter > .active > a, .menufilter > .active > a:focus, .menufilter > .active > a:hover{
    background-color: #76A82A !important;
}
.ribbon-red-horizantal {
    background-color: #e13042;
    background-image: -moz-linear-gradient(center top , #c297a9, #e13042);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    left: 0;
    padding: 5px 0;
    position: relative;
    text-align: center;
    line-height: 26px !important;
    height: 34px !important;
    width: 100%;
}
.des ul li {
    list-style: inside;
    list-style: inside;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
}
.des ol,
.des ul {
    padding: inherit;
}
.des ol li {
    list-style: inside;
    list-style: inside;
    list-style-type: number;
    list-style-image: none;
    list-style-position: outside;
}
.des h1,
.des h2,
.des h3,
.des h4,
.des h5,
.des h6 {
    font-size: initial;
}
.gm-style-iw-d{
   max-height: 265px !important; 
}
.gm-style-iw {
   width: 220px !important;
   top: 15px !important;
   left: 0px !important;
   background-color: #fff;
   box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
   max-height: 250px !important;
   padding: 0px !important;
}
.link-carousel .owl-buttons{
    position: absolute;
    top: 5px;
}
.link-carousel .owl-buttons .owl-prev,
.link-carousel .owl-buttons .owl-next{
    display: inline;
    padding: 4px;border: 1px solid;
    margin-right: 10px;
    background: rgba(255,255,255,0.7);
    box-shadow: 1px 1px 2px 0px #888;
}
.link-carousel .owl-buttons .owl-next {
    right: -60px !important;
}
.bloodreqbody{
    border: 1px solid #c7254e !important;
    padding: 5px 15px !important;
    margin-left: 20px !important;
    margin-top: 10px !important;
}
.editmenuList{
    z-index: 1 !important;
    top: unset !important;
    bottom: 22px !important;
    min-width: 20px !important;
    left: -17px !important;
    border: 1px solid rgb(111, 111, 111) !important;
}
/*.imageitemsRemove{
    position: absolute;
    right: 5px;
    top: 50%;
    margin-right: -3px;
}*/
.imageitems{
    border-right: 1px solid;
    margin-right: 10px;
    /*position: relative;*/
    /*padding-right: 15px;*/
}
.editmenuList a{
    padding:  2px 5px !important;
    border: 1px solid #c2c2c2 !important;
}
.editmenuList li{
    padding: 0px !important;
    border: 1px solid #c2c2c2 !important;
}
.editmenuList i{
    font-size:14px !important;
    cursor:pointer !important;
    color:#1DA1F2 !important;
}
.freeofferdiv,
.packagediv{
    display: none;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #bbbbbb;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.owl-alt-controls.owl-theme .owl-controls .owl-page span{
	background:#000000;
}
.owl-alt-controls.owl-theme .owl-pagination{
	width:100%;
	overflow:hidden;
	bottom:15px;
	position:absolute;
	left:0;
}
.ribbon-wrapper-red {
    height: 85px;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 0;
    width: 89px;
    z-index: 1;
}
.ribbon-red {
    background-color: #e13042;
    background-image: -moz-linear-gradient(center top , #c297a9, #e13042);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    left: 0;
    padding: 5px 0;
    position: relative;
    text-align: center;
    top: 18px;
    transform: rotate(45deg);
    width: 117px;
}
.ribbon-red::before, .ribbon-red::after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #c297a9;
    bottom: -3px;
    content: "";
    position: absolute;
}
.ribbon-red::before {
    left: 0;
}
.ribbon-red::after {
    right: 0;
}
.ribbon-wrapper-green {
    height: 74px;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 0;
    width: 85px;
    z-index: 1;
}
.ribbon-green {
    background-color: #bfdc7a;
    background-image: -moz-linear-gradient(center top , #bfdc7a, #8ebf45);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: #6a6340;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    left: 0;
    padding: 5px 0;
    position: relative;
    text-align: center;
    top: 15px;
    transform: rotate(45deg);
    width: 117px;
}
.ribbon-green::before, .ribbon-green::after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #6e8900;
    bottom: -3px;
    content: "";
    position: absolute;
}
.ribbon-green::before {
    left: 0;
}
.ribbon-green::after {
    right: 0;
}
aside li:hover a{
    box-shadow: 0px 0px 3px 0px;
}
.panel.panel-default{
    margin: 0px;
}
.fbcomments{
    display:none;
    margin-bottom:10px;
    background-color:#F6F7F8;
    color:black;
}
.twitterreply{
    display:none;
    padding-bottom: 10px;
    background-color:#F6F7F8;
    color:black;
}
#userreply .col-lg-10{
    float:left;
    padding-left:20px;
    padding-right:0px;
}
#userreply {
    color:#CCD6DD;
    margin-left:10px;
}

#unfavorite {
    color: #E0245E;
}

#noretweet {
    color:#5C913B;                
}

#companySubmittedImage {
    margin-top: 10px;
    border: 1px solid black;
    background-color: #F5F5F5;
    text-align: center;
    margin-left:15px;
}

.retweetRow {
    border:1px solid #77B255;
    border-radius:5px;
    background-color:#77B255;
    color:#FFFFFF;
    font-size:12px;
    display:inline;
    margin-right:10px;
}

.tweetsreply {
    color:#CCD6DD;
    padding-top:10px;
    text-align: justify;
    padding-bottom:10px;
    margin-left:10px;                
    font-size:16px;
}

.tweetsreply :hover {
    color:#0084B4;
}

.tweetsretweet {
    color:#CCD6DD;
    padding-top:10px;
    text-align: justify;
    padding-bottom:10px;
    margin-left:30px;
    margin-right: 5px;
    font-size:16px;
}            
.tweetsretweet :hover {
    color:#5C913B;
}

.favtweet {
    color:#CCD6DD;
    padding-top:10px;
    text-align: justify;
    padding-bottom:10px;
    margin-left:30px;                
    margin-right:5px; 
    font-size:16px;
}            
.favtweet :hover {
    color:#E0245E;
}

#fbcomment .col-lg-10{
    padding-left: 25px;
}
#fbcomment {
    background-color:#F6F7F8;
    color:black;
    padding-top: 10px;
}
#fbusercomment .col-lg-10{
    float:left;
    padding-left:20px;
    padding-right:0px;
}
#fbusercomment {
    padding-top:10px;
    text-align: justify;
    padding-bottom:10px;
    background-color:#F6F7F8;
    color:black;
}

#twitterProfile {
    padding-left: 60px;
    padding-right: 0;
}

.socialpanel-body{
    height:  530px;
    overflow-y:auto;
    overflow-x: no-display;
}

#facebook_panel{
    background-color: #3A5795; 
    color: #ffffff;
}
#medicohelplinepost_panel{
    background-color: #76A82A;
    color: #ffffff;
}
#linkedin_panel{
    background-color: #0177B5; 
    color: #ffffff;
}
#twitter_panel{
    background-color: #55ACEE; 
    color: #ffffff;
}
#fbnotification{
    background-color:red;
    color:white;
}
#fbnotificationlist, #fbcomment{
    background-color:#F6F7F8;
    color:black;
}
.block{
    border:1px solid #fff;
    background-color: #fff;
    box-shadow: 0px 0px 2px 0px;
    margin: 0;
}
.block:hover{
    /*background-color:#f8f9fa;*/
    border: 1px solid #E6E8EA;
}
.fblikecommentcountrow{
    border-top: 1px solid #ddd;
    color: #3a5795;
    margin: 20px -10px 10px;
    box-shadow: 0px 2px 2px 0px #bbb;
    margin-bottom: 4px;
    padding-bottom: 10px;
}
.fblikecommentcountrow .col-lg-12{
    padding: 5px 5px 0;
}
.fblikecommentcountrow .col-lg-12 a,
.fblikecommentcountrow .col-lg-12 i{
    padding: 0px 5px;
}
.fbpostrow{
    margin-top:0px !important;
    cursor:pointer !important;
    padding: 5px 10px !important;
}
.fbcommentblock{
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 0px !important;
    padding: 10px 0px !important;
    background: #F6F7F8 !important;
    padding-bottom: 5px !important;
}
.twitterblock{
    margin: 5px -5px 10px -5px !important;
    box-shadow: 0px 0px 2px 0px;
}
.posttitledes{
    margin-top: -15px !important;
}
.posttitledes::first-letter {
    font-size: 250% !important;
    font-style: italic !important;
    color:#2A6395 !important;
}
.ui-autocomplete {
    z-index: 10000000 !important;
}
.showBlood{
    background-image: url(../images/cloud3.png) !important;
    color: white !important;
    height: 50px !important;
    padding: 10px !important;
    left: 0px !important;
    width: 50px !important;
    position: absolute !important;
    top: -10px !important;
}
.bootstrap-tagsinput{
    margin: 0px !important;
}
.attachmentView {
    background: #fff;
    padding: 3px 5px;
    border-radius: 10px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #dddddd;
}
.composeText:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.composeText:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
@media screen and (max-width:767px){    
    .appHead>div{
        padding:0px !important;
    }
    #style-switcher{
        width:335px !important;
    }
    #style-switcher{
        width:95% !important;
    }
/*    .mailEditor{
        height:275px !important;
    }
    .mailEditor:parent { height:275px !important; }*/
    #style-switcher{
        height: 472px !important;
    }
    .wysihtml5-sandbox{
        width:220px !important;
    }
    .mail-subject{
        display:block !important;
    }
}
.votesdislike:hover i,
.votes:hover i,
.wishdislike:hover i,
.wish:hover i,
.shareArticle:hover i{
    -webkit-animation:1s ease 0s normal none 1 running focus;
    -moz-animation:1s ease 0s normal none 1 running focus;
    -ms-animation:1s ease 0s normal none 1 running focus;
    -o-animation:1s ease 0s normal none 1 running focus;
    animation:1s ease 0s normal none 1 running focus;
}
@-webkit-keyframes focus{
    50%{-webkit-transform:scale(1.3) rotate(20deg)}
    100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes focus{
    50%{-moz-transform:scale(1.3) rotate(20deg)}
    100%{-moz-transform:scale(1) rotate(0)}
}
@-ms-keyframes focus{
    50%{-ms-transform:scale(1.3) rotate(20deg)}
    100%{-ms-transform:scale(1) rotate(0)}
}
@keyframes focus{
    50%{transform:scale(1.3) rotate(20deg)}
    100%{transform:scale(1) rotate(0)}
}