@import "_variables.css";

  * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  html, body {
    height: 100%;
    width: 100%;
  }
  body
  {
    font-family: ralewayregular;
    color:#333;
    padding: 0px;
    margin:0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color:#f2f2f2;
  }
  body.min_gava::-webkit-scrollbar {
    display: none;  /* Chrome, Safari and Opera */
  }
  img { vertical-align: middle; }
  input, button, select, textarea { font-family: inherit ; font-size: inherit; line-height: inherit; }
  a { color:#c7c7c7; text-decoration: none; }
  a:hover, a:focus { color:#c7c7c7; text-decoration:none; }
  a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
  figure { margin: 0; }
  hr { margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #333; }
  /* hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } */
  p { margin: 0 0 10px; }
  ul, ol { margin-top: 0; margin-bottom: 10px; }
  ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }

  details, figcaption,container figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
  audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
  audio:not([controls]) { display: none; height: 0; }
  [hidden], template { display: none; }
  a { background-color: transparent; outline:0;}
  a:active, a:hover { outline: 0; }
  abbr[title] { border-bottom: 1px dotted; } b,
  strong { font-weight: bold; }
  dfn { font-style: italic; }
  h1 { margin: .67em 0; font-size: 2em; }
  mark { color: #000; background: #ff0; }
  small { font-size: 80%; }
  sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
  sup { top: -.5em; } sub { bottom: -.25em; }
  img { border: 0; }
  svg:not(:root) { overflow: hidden; }
  pre { overflow: auto; }
  code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
  button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
  button { overflow: visible; }
  button, select { text-transform: none; }
  button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
  button[disabled],html input[disabled] { cursor: default; }
  button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
  input { line-height: normal; }
  input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button { height: auto; }
  input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }
  legend { padding: 0; border: 0; }
  textarea { overflow: auto; }
  optgroup { font-weight: bold; }
  table { border-spacing: 0; border-collapse: collapse; }
  td, th { padding: 0; }
  select options{word-break:break-word !important;}
  textarea{resize: none;}
  #login_form .profile_admin input{width:300px; border:1px solid #c7c7c7; }
  .portal_navigation_button .btn-default{ margin-top: 20px; float: left; border-radius: 10px; padding: 7px 10px; border: 0px !important; position:relative;}
  .portal_navigation_button .btn-default:hover, .portal_navigation_button .btn-default:active, .portal_navigation_button .btn-default:focus{border: 0px;}
  .portal_search{margin:50px 0px 5px 0px;}
  .portal_search .btn{padding: 10px 12px !important;  color: #fff; border-radius: 5px;}
  .portal_search input{height: 42px; border: 1px #692d87 solid;}
  .portal_search .btn:hover, .portal_search .btn:active, .portal_search .btn:focus{ color: #fff;}
  .portal_search .btn-default:hover, .portal_search .btn-default:active, .portal_search .btn:focus, .portal_search .btn-default:active:hover, .portal_search .open > .dropdown-toggle.btn-default:hover{color: #fff;}
  .search-panel_mobile{display: none; float: left; font-size: 12px !important;}
  .search_by_img{margin-top: -5px; margin-right: 8px;}
  .leaflet_div{margin: 10px 0px;}
  .greeting_bottom .btn, .greeting_bottom .btn:hover{border: 0px !important; color: #fff;}
  .logo_container {
    height: 80px;
    line-height:80px;
    font-weight:bold;
    display: table !important;
    text-align: left !important;}
  .logo_container > .text_logo{font-weight:bold !important; word-break: break-word; display: table-cell !important; vertical-align: middle !important;}
  .page_header .logo img{ max-width:240px; max-height:75px; }
  @media print
  {
    *,
    *:before,
    *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
     }
    a,a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999;  page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    .navbar { display: none; }
    .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
    .label { border: 1px solid #000; }
    .table { border-collapse: collapse !important; }
    .table td, .table th { background-color: #fff !important; }
    .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
  }
  @font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
    url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('../fonts/glyphicons-halflings-regular.svg#Raleway') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
  }
  @font-face {
      font-family: 'ralewayregular';
      src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
           url('../fonts/raleway-regular-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family: 'ralewaymedium';
      src: url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
           url('../fonts/raleway-medium-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family: 'ralewaylight';
      src: url('../fonts/raleway-light-webfont.woff2') format('woff2'),
           url('../fonts/raleway-light-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face
  {
    font-family:"Raleway ExtraBold";
    src:url("Raleway-ExtraBold.eot?") format("eot"),url("Raleway-ExtraBold.woff") format("woff"),url("Raleway-ExtraBold.ttf") format("truetype"),url("Raleway-ExtraBold.svg#Raleway-ExtraBold") format("svg");
    font-weight:normal;
    font-style:normal;
  }
  .glyphicon{
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .glyphicon-triangle-bottom:before { content: "\e252"; }
  .glyphicon-triangle-top:before { content: "\e253"; }
  .glyphicon-triangle-left:before { content: "\e251"; }
  .glyphicon-th:before { content: "\e011"; }
  .glyphicon-th-list:before { content: "\e012"; }
  .glyphicon-time:before { content: "\e023"; }
  .glyphicon-map-marker:before { content: "\e062"; }
  .glyphicon-remove:before { content: "\e014"; }
  .glyphicon-arrow-left:before { content: "\e091"; }
  .glyphicon-menu-down:before { content: "\e259"; }
  .glyphicon-menu-top:before { content: "\e260"; }
  .glyphicon-share-alt:before { content: "\e095"; }
  .glyphicon-trash::before{ content: "\e020"; }
  .glyphicon-pencil::before { content: "\270f"; }
  .glyphicon-plus-sign:before { content: "\e081"; }
  .glyphicon-floppy-disk:before { content: "\e172"; }
  .glyphicon-search:before { content: "\e003"; }
  .glyphicon-user:before { content: "\e008"; }
  .glyphicon-cog:before { content: "\e019"; }
  .glyphicon-arrow-up:before { content: "\e093"; }
  .glyphicon-envelope:before { content: "\2709"; }
  .glyphicon-print:before { content: "\e045"; }
  .glyphicon-chevron-down:before { content: "\e114"; }
  .glyphicon-info-sign:before { content: "\e086"; }
  .glyphicon-ok:before { content: "\e013"; }
  .glyphicon-remove-sign:before { content: "\e083"; }
  .glyphicon-menu-hamburger:before{content:"\e236"; }
  .glyphicon-plus:before {content: "\002b";}
  .glyphicon-minus:before {content: "\2212";}
  .glyphicon-duplicate:before {content: "\e224";}
  .glyphicon-chevron-left:before {content: "\e079";}
  .glyphicon-chevron-right:before {content: "\e080";}


  .list-unstyled { padding-left: 0; list-style: none; }
  .list-inline { padding-left: 0; margin-left: -5px; list-style: none; }
  .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }

  .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; }
  h1, .h1, h2, .h2, h3, .h3 { margin-top: 10px; margin-bottom: 10px; }
  h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; }
  h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }
  h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; }
  h1, .h1 { font-size: 36px; }
  h2, .h2 { font-size: 36px; }
  h3, .h3 { font-size: 24px; color:#000; font-family: 'ralewaymedium'; }
  h4, .h4 { font-size: 18px; color:#000; font-family: 'ralewaymedium'; }
  h5, .h5 { font-size: 14px; }
  h6, .h6 { font-size: 12px; }

  address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; }
  code, kbd, pre, samp { font-family: ralewayregular; }
  code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
  kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); }
  kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; }
  pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #fff; word-wrap: break-word; background-color:transparent; border: 0px solid #ccc; border-radius: 4px; }
  pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
  .body_background{ background:#000; opacity:0.5; width:100%; position:absolute; z-index: -1; }
  .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; }
  .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
  .memorial_container{ padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; margin-top:20px; }
  .memorial_container center{ width: 800px; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; margin-top:20px; margin-bottom: 0px;}
  .profile_header {margin-top:-80px !important; position:relative; z-index:0;}
  .profile_header .upload_theam .btn{padding: 5px; margin-left: 20px; line-height: 1; position:absolute;}
  .profile_header .upload_theam .btn span{line-height: 1.2; margin-left: 3px;}
  .profile_header .upload_theam img{vertical-align: middle !important;}
  .btn-bs-file{position:relative;}
  .memorial_container.home{ margin-top:0;}
  .memorial_container.min_gava {
    margin-top: 0;
  }
  .memorial_container.min_gava iframe {
    width: 100%;
    height: calc(100vh - 50px);
    border: none;
    min-height: 488px;
  }
.btn-bs-file input[type="file"]{
  position: absolute;
  top: -9999999px;
  filter: alpha(opacity=0);
  opacity: 0;
  width:0;
  height:0;
  outline: none;
  cursor: inherit;
}
  .personal_info_content{margin:0px auto; width:820px; }
  .date ul{list-style:none; padding-left: 0px; margin-bottom: 0px;}
  .date ul li{float: left; margin-left: 0px; margin-right: 10px;}
  .edit_personal_info{float: right;}
  .main_menu .memorial_container{ margin-top:0px;}
  .wizard .memorial_container{ margin-top:0px; }
  .share_greeting_footer{margin-top:5px;}
  .pre-scrollable { max-height: 340px; overflow-y: scroll; }

  .about_info h4{margin-bottom:5px; margin-top:15px; clear: both; word-break: break-word;}
  .choose_cover_image{background-color:#ccc; padding:10px;}
  .choose_cover_image img{width: 100%;}
  .social_icons_mobile{display: block !important;}
  .social_icons_mobile ul {
    width: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .social_icons_mobile ul li{ padding: 0;
    font-size: 9px;
    letter-spacing: normal;
    float: left;
    word-spacing: normal;
    margin: 0 2% 0 2%;}

  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 { width: 100%; }
  .col-xs-11 { width: 91.66666667%; }
  .col-xs-10 { width: 83.33333333%; }
  .col-xs-9 { width: 75%; }
  .col-xs-8 { width: 66.66666667%; }
  .col-xs-7 { width: 58.33333333%; }
  .col-xs-6 { width: 50%; }
  .col-xs-5 { width: 41.66666667%; }
  .col-xs-4 { width: 33.33333333%; }
  .col-xs-3 { width: 25%; }
  .col-xs-2 { width: 16.66666667%; }
  .col-xs-1 { width: 8.33333333%; }



  .col-xs-pull-12 { right: 100%; }
  .col-xs-pull-11 { right: 91.66666667%; }
  .col-xs-pull-10 { right: 83.33333333%; }
  .col-xs-pull-9 { right: 75%; }
  .col-xs-pull-8 { right: 66.66666667%; }
  .col-xs-pull-7 { right: 58.33333333%; }
  .col-xs-pull-6 { right: 50%; }
  .col-xs-pull-5 { right: 41.66666667%; }
  .col-xs-pull-4 { right: 33.33333333%; }
  .col-xs-pull-3 { right: 25%; }
  .col-xs-pull-2 { right: 16.66666667%; }
  .col-xs-pull-1 { right: 8.33333333%; }
  .col-xs-pull-0 { right: auto; }

  .col-xs-push-12 { left: 100%; }
  .col-xs-push-11 { left: 91.66666667%; }
  .col-xs-push-10 { left: 83.33333333%; }
  .col-xs-push-9 { left: 75%; }
  .col-xs-push-8 { left: 66.66666667%; }
  .col-xs-push-7 { left: 58.33333333%; }
  .col-xs-push-6 { left: 50%; }
  .col-xs-push-5 { left: 41.66666667%; }
  .col-xs-push-4 { left: 33.33333333%; }
  .col-xs-push-3 { left: 25%; }
  .col-xs-push-2 { left: 16.66666667%; }
  .col-xs-push-1 { left: 8.33333333%; }
  .col-xs-push-0 { left: auto; }

  .col-xs-offset-12 { margin-left: 100%; }
  .col-xs-offset-11 { margin-left: 91.66666667%; }
  .col-xs-offset-10 { margin-left: 83.33333333%; }
  .col-xs-offset-9 { margin-left: 75%; }
  .col-xs-offset-8 { margin-left: 66.66666667%; }
  .col-xs-offset-7 { margin-left: 58.33333333%; }
  .col-xs-offset-6 { margin-left: 50%; }
  .col-xs-offset-5 { margin-left: 41.66666667%; }
  .col-xs-offset-4 { margin-left: 33.33333333%; }
  .col-xs-offset-3 { margin-left: 25%; }
  .col-xs-offset-2 { margin-left: 16.66666667%; }
  .col-xs-offset-1 { margin-left: 8.33333333%; }
  .col-xs-offset-0 { margin-left: 0; }

  @media (max-width: 992px)
  {
    body{ margin-bottom:105px !important;}
    .profile_header_bg{ max-height:none !important;}
    .fixed_layout{width:100%;}
    .memorial_container{margin-bottom: 40px;}
    .sticky{ position: fixed; z-index:1; top: 0; width: 100%;}
    .header_bg{ margin:10px 0px 0px 0px !important;  padding:0px !important; float:none !important; text-align:center; line-height:22px !important; min-height: auto !important; width:100% !important;}
    .header_bg .personal_photo{margin:0px auto !important; float:none !important;}
    .about_person{width:100%; text-align:center; margin-top:-50px;  background:#fff; padding:50px 10px 10px 10px; clear: both !important;}
    .personal_info_right{ width:100% !important;}
    .date_info{position:relative; width:100% !important; background:none !important;}
    .date_info h1{margin:0px !important; padding:0px !important;}

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

    .photo_large .display_photo{height:200px !important;}
    .photo_large .see_more_box{width:100% !important;}
    .profile_header{height:auto; }
    .share_greeting_footer{display:block;}
    .desktop_hide{display:none;}
    .post_box{background:none !important; overflow: scroll !important;height: calc(100% - 60px) !important;}
    .share_box {
      height: calc(100% - 60px) !important;
    }
    article{width:96% !important; float:none !important; margin:0px auto !important; }
    article .post{border-radius:0px !important; left:0 !important; top:0px !important; width:100% !important; overflow: scroll !important; padding:10px 0px 0px 0px !important; z-index:1; position:relative; height:100% !important;}

    article .post .cancel_button{float:right; border-bottom:2px solid #ccc; height:30px; margin-bottom:10px; text-align:right; width:100%;}
    article .post .cancel_button img{margin-right:10px;}
    .cancel_button span {float: left; margin-left: 10px; font-size: 16px;}
    article .post .form-group p{padding:0px !important; font-size:12px !important;}
    article .post .form-group{padding:0px 10px !important;}
    .select_image_box{ float:left !important; left:0px !important; width:100% !important; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
    .select_image_box:hover{ background:#666; width:100% !important; color:#fff; }
    .select_image_box span{ float:left !important; text-align:left; margin-left:10px; padding:0px !important;}
    .select_image_box .select_image{ float:left !important;}


    .select_image_box .select_image{ float:right; width:30px !important; height:30px !important;}
    .select_image_box .select_image .photos{ width: 30px !important; height: 30px !important;}
    .select_image_box .select_image .photos img{max-width: 30px !important; max-height: 30px !important; padding:0px; text-align:center;}

    .symbol_mobile{float:left !important; }


    /* .mobile_show span{padding:10px !important;} */

    .profile_header{padding:5px 0px 45px 0 !important;}
    .profile_header h1{font-size:26px !important; padding:5px 0px 0px 0px; margin:0px; font-family: 'ralewaylight' !important; }
    .profile_header .date{font-size:11px;}
    .share_icons{display:none;}
     article .line{display:none;}
    .filter{display:none;}
    .share_dispaly{background:#fff !important;}
    .select_symbol_box{  height:60px !important; }
    .select_symbol_box ul li a { padding:0 !important;}

    .info_bg_mobile{z-index:1; position:relative; padding:5px 10px; border-radius:0px; border-top:1px solid #ccc; background:#fff; text-align:center; font-size:12px; word-break:break-word; line-height: 1.7; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
    .info_bg_mobile .overlay{display:none;}
    .toggle_button {background:#fff; text-align:center; padding:0px 50px; border:0px; border-radius:20px; }
    .mobile_bottom_menu li a span img{ margin-right:5px !important; }

    .basket_total{display:none;}
    .read_more_box{width:100% !important;}
    #less .read_more_box_mobile span{height:0; }
    #less .readmore{ display:none;}
    .readless{ bottom:-33px !important; right:46% !important; }
    .read_more_box_mobile {
      background: #ffffffc4;
      position: absolute;
      width: 100%;
      padding-top: 20px;
      top: 55px;
      background: -webkit-linear-gradient(rgb(255 255 255 / 50%), #fff);
      background:    -moz-linear-gradient(rgb(255 255 255 / 50%), #fff);
      background:     -ms-linear-gradient(rgb(255 255 255 / 50%), #fff);
      background:      -o-linear-gradient(rgb(255 255 255 / 50%), #fff);
      background:         linear-gradient(rgb(255 255 255 / 50%), #fff);
    }
    .read_more_box_mobile a,
    .read_less_box_mobile a {
      position: relative;
      display: flex;
      justify-content: center;
    }
    .read_more_box_mobile a .circle,
    .read_less_box_mobile a .circle {
      padding: 3px;
      border: 1px solid #444;
      border-radius: 100%;
      display: flex !important;
      justify-content: center;
      align-items: center;
      width: 35px !important;
      height: 35px !important;
      box-shadow: 0px 2px 6px 1px #5e5d5d7d;
      background: #fff;
      position: relative;
    }
    .read_more_box_mobile a::before {
      content: "";
      border-bottom: 1px solid rgb(195 192 192 / 50%);
      position: absolute;
      width: 50%;
      top: 50%;
    }
    .read_less_box_mobile a {
      margin-top: 10px;
    }
    .flowershop_tabs{padding:50px;}
    .main_button_box{width:100% !important;}
    .ipad_menu{float:right; position:relative; z-index:1; margin-top:-80px; top:0px; right:0px;}
    .sidenav {
      height:100vh;
      width: 0px;
      position:absolute;
      z-index: 1;
      top:-20px;
      right:-25px;
      background-color: #fff;
      overflow-x: hidden;
      transition: 0.5s;
      box-shadow:0 0 8px #ccc;
    }
    .sidenav .closebtn {
      position: absolute;
      top:0px;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
    }
    .social_icons{ bottom:64px !important;}
    .tool_tip .tooltiptext {bottom: -140px !important; left:-215px !important; z-index:111 !important;}
    .tool_tip .tooltiptext::after {display:none !important; }
    .tool_tip .tooltiptext::before {display:none !important;}
    .w3-hide {background:#ccc;  height:80px; border-radius:20px; }
  }
  @media (min-width: 768px)
  {
    .lead { font-size: 21px; }
    .container { width: 750px;}
    .memorial_container{  width: 720px;}
    .memorial_container.min_gava { width: 100%;}
    .basket_show{display:none;}
    .menu li a span{display:none ;}
    .search_local_mobile{display:none;}
    .swipenavigation{display:none;}
    .total{width:227px;}
    .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; }
    .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; }
    .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; }

    .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle;}
    .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
    .form-inline .form-control-static { display: inline-block; }
    .form-inline .input-group { display: inline-table; vertical-align: middle; }
    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
    .form-inline .input-group > .form-control { width: 100%; }
    .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
    .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
    .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }
    input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0;}
    .form-inline .has-feedback .form-control-feedback { top: 0; }

    .navbar-right .dropdown-menu { right: 0; left: auto; }
    .navbar-right .dropdown-menu-left { right: auto; left: 0; }
    .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
    .nav-tabs.nav-justified > li > a { margin-bottom: 0; }
    .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; }
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; }
    .nav-justified > li { display: table-cell; width: 1%; }
    .nav-justified > li > a { margin-bottom: 0; }
    .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; }
    .navbar-header { float: left; }
    .navbar { border-radius: 4px; }
    .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
    .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
    .navbar-collapse.in { overflow-y: visible; }
    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; }
    .navbar-static-top { border-radius: 0; }
    .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; }
    .navbar-toggle { display: none; }

    .navbar-nav { float: left; margin: 0; }
    .navbar-nav > li { float: left; }
    .navbar-nav > li > a { padding-top: 11px; padding-bottom: 10px; }
    .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
    .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; }
    .navbar-form .form-control-static { display: inline-block; }
    .navbar-form .input-group { display: inline-table; vertical-align: middle; }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; }
    .navbar-form .input-group > .form-control { width: 100%; }
    .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; }
    .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
    .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback { top: 0; }
    .navbar-text { float: left; margin-right: 15px; margin-left: 15px; }
    .navbar-left { float: left !important; }
    .navbar-right { float: right !important; margin-right: -15px; }
    .navbar-right ~ .navbar-right { margin-right: 0; }

    .jumbotron { padding-top: 0px; padding-bottom: 0px; }
    .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; }
    .jumbotron h1, .jumbotron .h1 { font-size: 63px; }

    .modal-dialog { width: 600px; margin: 30px auto; }
    .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); padding:20px; }
    .modal-sm { width: 740px; }
    .modal-sm .modal-content {padding:20px; border-radius:0px; vertical-align:middle;}
    .modal-sm .form-control input{height:40px; border-radius:0px !important;}

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; }
    .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; }
    .carousel-indicators { bottom: 20px; }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }

    .col-sm-pull-12 { right: 100%; }
    .col-sm-pull-11 { right: 91.66666667%; }
    .col-sm-pull-10 { right: 83.33333333%; }
    .col-sm-pull-9 { right: 75%; }
    .col-sm-pull-8 { right: 66.66666667%; }
    .col-sm-pull-7 { right: 58.33333333%; }
    .col-sm-pull-6 { right: 50%; }
    .col-sm-pull-5 { right: 41.66666667%; }
    .col-sm-pull-4 { right: 33.33333333%; }
    .col-sm-pull-3 { right: 25%; }
    .col-sm-pull-2 { right: 16.66666667%; }
    .col-sm-pull-1 { right: 8.33333333%; }
    .col-sm-pull-0 { right: auto; }

    .col-sm-push-12 { left: 100%; }
    .col-sm-push-11 { left: 91.66666667%; }
    .col-sm-push-10 { left: 83.33333333%; }
    .col-sm-push-9 { left: 75%; }
    .col-sm-push-8 { left: 66.66666667%; }
    .col-sm-push-7 { left: 58.33333333%; }
    .col-sm-push-6 { left: 50%; }
    .col-sm-push-5 { left: 41.66666667%; }
    .col-sm-push-4 { left: 33.33333333%; }
    .col-sm-push-3 { left: 25%; }
    .col-sm-push-2 { left: 16.66666667%; }
    .col-sm-push-1 { left: 8.33333333%; }
    .col-sm-push-0 { left: auto; }

    .col-sm-offset-12 { margin-left: 100%; }
    .col-sm-offset-11 { margin-left: 91.66666667%; }
    .col-sm-offset-10 { margin-left: 83.33333333%; }
    .col-sm-offset-9 { margin-left: 75%; }
    .col-sm-offset-8 { margin-left: 66.66666667%; }
    .col-sm-offset-7 { margin-left: 58.33333333%; }
    .col-sm-offset-6 { margin-left: 50%; }
    .col-sm-offset-5 { margin-left: 41.66666667%; }
    .col-sm-offset-4 { margin-left: 33.33333333%; }
    .col-sm-offset-3 { margin-left: 25%; }
    .col-sm-offset-2 { margin-left: 16.66666667%; }
    .col-sm-offset-1 { margin-left: 8.33333333%; }
    .col-sm-offset-0 { margin-left: 0; }
    .modal_popup_sm .modal-dialog {width: 600px; margin: 30px auto; }
    .modal_popup_sm .modal-content {padding: 10px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5);}
    .modal_popup_sm .modal-sm { width: 300px;   }
    .memorial_container center{width:720px !important;}
    .connecting-line{width:90% }
    .flowershop_tabs{padding:50px !important;}
  }
  @media (max-width: 767px)
  {
    .memorial_container.registration{margin-bottom: 100px;}
    .main_button_box.sticky { top: 0px !important }
    .menu_mobile .logo_container {display: table; line-height: 25px !important;}
    .menu_mobile .logo_container a{display: table-cell;vertical-align: middle;}
    .header_bg{ margin:10px 0px 0px 0px !important;  padding:0px !important; float:none !important; text-align:center;}
    .page_header{height:80px;}
    .page_header .page_header_menu{display:none;}
    .page_header{margin:0px !important;}
    .page_header .logo {
      min-height: 80px;
      display: flex;
      align-items: center;
      width: calc(100% - 100px);
    }
    .page_header .logo img{ max-width:240px; max-height:60px; margin-top:0px;}
    .logo_container {line-height:60px !important;}
    .personal_info_text{max-height:100% !important;padding-bottom: 8px;}
    .menu_mobile {margin: 0px !important;}
    .button_previous a, .button_next a {width:100% !important; text-align:center !important;}
    .button_basket a {width:100% !important; text-align:center !important; margin-right: 0px !important; padding: 7px 10px 7px 10px !important;}
    .edit_personal_info{float: none !important;}
    .search_local_desktop{display:none !important;}
    .search_center{width:300px !important; margin:0px auto; padding:0px !important; }
    .search { width:240px !important; padding:10px 5px 5px 5px !important; border-radius:15px !important;  }
    .search input{ width:180px !important; margin-left:10px !important; }
    .search_icon img{ width:25px !important;  height:25px !important; margin-top:-5px; right:10px !important; }
    .advanced_search_circle{border-radius:50px !important; width:50px !important; height:50px !important; float:right !important; margin-left:0px !important; }
    .advanced_search_circle img{width:40px; height:40px; }
    .menu_translate {float: right; margin: 0px 0px !important; }
    .container{padding-left:10px !important; padding-right:10px !important;}
    .visible-xs-block { display: block !important; }
    .visible-xs { display: block !important; }
    .visible-xs-inline { display: inline !important; }
    .visible-xs-inline-block { display: inline-block !important; }
    table.visible-xs { display: table !important; }
    tr.visible-xs { display: table-row !important; }
    th.visible-xs, td.visible-xs { display: table-cell !important; }
    .hidden-xs { display: none !important; }
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
      line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
      background-image: none;
    }
    .admin_mobile {margin-top: 30px;}
    #login_form .profile_admin input{width:100%;}
    .flower_box
    {
      width:135px !important;
      height:185px !important;
    }
    .flower_box:hover {
      box-shadow: 0 0 10px rgba(33,33,33,.2);
    }

    .choose_product
    {
      width: 135px !important; height: 185px !important; float: left; padding: 0px; position:relative; background:#fff; box-shadow:0 0 8px #ccc; border-radius:10px !important; overflow: hidden;
    }
    .choose_product .photos
    {
      width: 135px !important; height: 135px !important; text-align: center; vertical-align: middle; display: table-cell;
    }
    .choose_product .photos img
    {
      max-width: 135px !important; max-height: 135px !important;
    }
    .flower_choose h3 b{font-weight:normal !important; }

    .wizard{margin-top:0px !important; margin-left: 10px !important;}
    .wizard-inner{margin-top:-3px !important;}
    span.round-tab
    {
      font-size: 16px;
      width: 33px !important;
      height: 33px !important;
      line-height: 22px !important;
    }
    .wizard .nav-tabs > li a {
      width: 33px !important;
      height: 33px !important;
      line-height: 22px !important;
    }
    .wizard li.active:after
    {
      content: " ";
      position: absolute;
      left: 5% !important;
    }

    .wizard .nav-tabs > li{ width:8.5% !important}
    .wizard li span.round-tab { border:1px solid #929292 !important;}

    .add_basket_icon{background:#333; padding:5px 0px; width:35px; height:35px; position:absolute; right:-15px;}
    .flower_choose h4{ font-size: 0.62em;}
    .triangle-border:before{ display:none !important;}
    .triangle-border:after{ display:none !important;}
    .equalwrap { display: block !important; width:100% !important;}
    .navbar-form .form-group { margin-bottom: 5px; }
    .navbar-form .form-group:last-child { margin-bottom: 0; }
    .connecting-line{ width:50%!important; }
    .connecting_line_donation_others { width:38%!important; }
    .donation_wizard .connecting-line {width:28% !important;}
    .donation_wizard_personal_info .connecting-line {width: 35% !important;}
    .basket_hide{display:block;}
    .basket_hide img{width: 40px;}
    .add_to_cart{right: 0px !important; top: 10px !important;}
    .cart_text{display: none;}
    .add_cart_img img{margin-top: 20px; width: 36px !important; height: 36px !important;}
    #product_count{top: 15px !important; right: 31px !important; font-size: 12px;}
    .total{width:100% !important;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
    }
    .navbar-default .navbar-nav > li > a { font-size:16px; }


     .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd;
    }
    .table-responsive > .table {
      margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
      white-space: nowrap;
    }
    .table-responsive > .table-bordered {
      border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
      border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
      border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
      border-bottom: 0;
    }

    .grid_view{display:none;}
    .menu_desktop{ display:none;}
    .btn-success{width:176px;}
    .personal_info{padding:20px;}
    .btn-lg, .btn-group-lg > .btn{font-size:14px;}
    .aside_bg input { height:32px; }
    .btn{margin-bottom:10px;}
    .personal_info h2{font-size:24px;}
    .personal_info .date_info{font-size:16px;}
    .personal_info p{font-size:16px;}
    .search_bottom_box{ text-align:left; }
    .personal_info .navbar-header{}
    .personal_info .navbar-toggle{ margin-right:0px; }
    .memorial_page { padding:10px; }
    .personal_info .navbar { min-height:40px;}
    .personal_photo
    {
      width: 105px !important;
      height: 105px !important;
    }
    .personal_photo .photos
    {
      width: 110px !important;
      height: 110px !important;
    }
    .personal_photo .photos img
    {
      width: 99px !important;
      padding:0px;
      margin-top:-36px !important;
      margin-left:-1px !important;
    }
    .extended_search{height:30px;}
    .navbar-default{margin:0px 0px 0px 0px !important;}
    .user_info{width:100% !important;}
    .user_text{width:72% !important;}
    .user_text h4{font-size:16px;}
    .user_text span{font-size: 12px;}
    .portal_buttons_box{float:right !important; width:100% !important; border-top:1px solid #ccc; margin-top:5px; padding-top:10px;}
    .list-group-item .item .thumbnail{border:none !important; box-shadow:0 0 8px #ccc; border-radius:15px; margin:6% 4% !important;}
    .item .col-xs-12, .item .col-lg-4, .item .col-md-4, .item .col-sm-4{padding:0px !important;}
    .about_info{border-top:1px solid #ccc;}
    .flowershop_menu{width: 300px; font-size: 12px !important;}
    .flowershop_menu a.select{padding: 6px 0px 4px 12px;}
    .product_display_text{margin-top: 10px;}
    .donation_page{padding-left: 15px;}
    .donation_page .left_side_content {width: 100% !important;  float:none !important;}
    .donation_page .right_side_content {width: 100% !important; margin-top: 5px; padding-left: 0px !important; float:none !important;}
    .donation_amount {line-height: 2.2; margin-top: 5px; margin-right: 5px;}
    .donation_amount .currency {line-height: 2.2; margin-left: 5px; float: left; vertical-align:middle;}
    .donation_amount input {padding: 4px 2px 4px 5px; margin-bottom:10px; margin-top: 10px !important; width:75px !important; position: relative; z-index:auto !important; clear:both !important}
    .donation_amount_input {padding: 4px 2px 4px 5px; margin:0px; position: relative; z-index:1; top:-10px !important; clear:both !important}
    .donation_amount .field{line-height: 1.2;}
    .donation_amount_forminline label{width: 100% !important;}
    .button_next_left{margin: 0px auto; text-align: center; margin-bottom: 20px;}
    .button_next_left a{width: 100% !important; float: none !important; text-align: center;}
    .button_next_right{margin: 0px auto; text-align: center; margin-bottom: 20px;}
    .button_next_right a{width: 100% !important; float: none !important; text-align: center;}
    .form-inline input[type="text"]{width:100% !important; border:1px solid #c7c7c7; }
    .search_center, .first_nine {margin-top:15px !important;}
    .first_nine h4{margin-top:5px !important;}
    .share_dispaly{ margin-bottom:10px !important;}
    .white_bg{ border-radius:10px !important; padding:10px !important;}
    .login_form{margin-top: 55px; padding: 20px 30px; background: #d3d3d3;}
    .login_form h4{text-align: center !important; margin: 10px 0px 20px 0px;}
    .login_form .button_center  {text-align: center;}
    .login_form .button_circle {
      border-radius: 50%;
      width: 35px;
      height: 35px;
      background: #7b6a58;
      font-size: 16px;
      color: #fff;
      border: 3px #d3d3d3 solid;
      margin-left: -1px;
    }
    .login_form .button
    {
      background-color:#7b6a58;
      -moz-border-radius:28px;
      -webkit-border-radius:28px;
      border-radius:28px;
      display:inline-block;
      color:#ffffff;
      font-size: 14px;
      padding:0px 15px 0px 0px;
      border: 0px;
      border-radius: 28px;
    }
    .login_form .button_text{padding: 10px;}
    .login_form a{text-decoration: none;}
    .login_form .glyphicon-cog:before {margin:5px; height:30px; width: 30px; display: block; position: absolute;  content: "\e019"; background: #999; padding: 5px; color: #fff; border-radius: 50%; font-size: 20px;}
    .login_form .glyphicon-lock:before {margin:5px; height:30px; width: 30px; display: block; position: absolute;  content: "\e033";; background: #999; padding: 5px; color: #fff; border-radius: 50%; font-size: 16px; text-align: center; vertical-align: middle !important;}
    .login_form .glyphicon input{height: 40px; width: 100% !important; padding: 10px 5px 10px 40px; border: 0px;}
    .login_form input, .login_form .glyphicon{width: 100% !important;}
    .login_form .login_form_div{display:none;width:100%}
    .info_bg2{display: none;}
    .portal_search{margin:0px 0px 5px 0px;}
    .memorial_container center{ width: auto; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; margin-top:0px !important; margin-bottom: 0px;}
    .memorial_container center .col-md-12, .memorial_container center .col-sm-12, .memorial_container center .col-xs-12, #portal_search_form.memorial_container .col-xs-12{padding-right: 0px !important; padding-left: 0px !important;}
    .memorial_container center input{border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important}
    .search-panel_top{display: none !important;}
    .search-panel_mobile{display: block !important;}
    .search-panel_mobile .btn, .search-panel_mobile .btn-default:active{width: 100%; border-radius: 5px !important; color: #fff; padding: 5px 3px; margin-top: 5px; }
    .search-panel_mobile .btn:hover, .search-panel_mobile .btn:active, .search-panel_mobile .btn:focus{color: #fff !important;}
    .search-panel_mobile ul{width: 100%;}
    .search-panel_mobile .open > .dropdown-toggle.btn-default:hover, .search-panel_mobile .open > .dropdown-toggle.btn-default:focus{
      color: #fff;
    }
    #advenced_search_collapse .row{margin: 0px -25px 0px -25px;}
    .advenced_search{padding: 0px 0px; width: 100%; float: none !important;}
    .advenced_search .adv_search_btn{z-index: 999;top: 1.5px; float: none !important;}
    .advenced_search .adv_search_btn .btn {margin-top: 5px; width: 100% !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center;}
    .extended_search_top{margin-top: 10px;}
    .mobile_view_logo{display: none !important;}
    .personal_info_right .date_info{padding:0px !important;}
    .about_info{ margin:0 !important;}
    .logo_mobile{display: none;}
    #button_adv_search .glyphicon{float:right; }
    .search_by_img{float: right; vertical-align: middle !important; }
    .candel_button{width: 100%;}
    .greeting_bottom .btn, .greeting_bottom .btn:hover{border: 0px !important; color: #fff; width: 100%;}
    .profile_edit_line .connecting-line {width: 35% !important;}
    .profile_edit_line .connecting-line-welcome-mail{ width:40% !important; }

    #less .description {
      float: none !important;
      text-align: center;
      display: block;
    }

    #less .description.trim {
      max-height:70px !important;
    }

    .profile_header{ margin-top:0px !important; }
    #donation_button {display: flex; flex-direction: column;}
    #flower_shop_button {display: flex; flex-direction: column;}
    #donation_button  #div_1 { order: 2;}
    #donation_button  #div_2 { order: 1;}
    #flower_shop_button  #div_1 { order: 2;}
    #flower_shop_button  #div_2 { order: 1;}
    #flower_shop_button_basket {display: flex; flex-direction: column;}
    #flower_shop_button_basket  #div_1 { order: 3;}
    #flower_shop_button_basket  #div_2 { order: 2;}
    #flower_shop_button_basket  #div_3 { order: 1;}
    #flower_shop_button_basket .button_next .stepy_inline_goto6 a{background: #c7c7c7 !important;padding: 7px 20px 7px 20px; border-radius: 6px; float: right;cursor: pointer;margin-bottom: 10px;}
    .personal_photo .admin_btn{width: 22px !important; height: 22px !important;}
    .personal_photo .admin_btn_change_photo{left: 12% !important;}
    .personal_photo .admin_btn_delete_photo{left: 37% !important;}
    .header_bg .personal_photo .photos img{margin-top: -15px !important;}
    .certificate_right_column {margin-top: 10px; padding-left: 0px !important; padding-right: 0px !important;}
    .equalwrap_container{display: block !important;}
    .equal_height_width_maps{width: 100% !important;}
    .map_bottom_align iframe{bottom: 0; position: static !important; width: 100% !important;}
    .choose_product .general_button {display: none;}
    .main_menu{display:none;}
    .ipad_menu, .sidenav{display:none;}
    .social_icons{display:none;}
    .select_symbol_box ul{height:50px;}
    .main_button_box.sticky {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }
    .main_button_box.sticky.glassy {
      backdrop-filter: blur(5px) saturate(180%);
      -webkit-backdrop-filter: blur(5px) saturate(180%);
      background-color: rgba(255, 255, 255, 0.5);
    }
    .main_button_box.sticky .equalwrap {
      display: flex !important;
    }
  }
  .grid-group-item .portal_buttons_box{width:100% !important;}
  @media (min-width: 1400px)
  {
    .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; }
  }

  @media (min-width: 992px)
  {
    .container { width: 970px; }
    .mobile_menu{display:none;}
    .info_bg_mobile{ display:none !important; }
    .mobile_post{display:none;}
    .candel_button, .heart_button, .write_button{display:none !important;}
    .mobile_user_icon{display:none;}
    .mobile_show{display:none;}
    .modal-lg { width: 900px; }
    .read_more_box_mobile { display:none; }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }

    .col-md-pull-12 { right: 100%; }
    .col-md-pull-11 { right: 91.66666667%; }
    .col-md-pull-10 { right: 83.33333333%; }
    .col-md-pull-9 { right: 75%; }
    .col-md-pull-8 { right: 66.66666667%; }
    .col-md-pull-7 { right: 58.33333333%; }
    .col-md-pull-6 { right: 50%; }
    .col-md-pull-5 { right: 41.66666667%; }
    .col-md-pull-4 { right: 33.33333333%; }
    .col-md-pull-3 { right: 25%; }
    .col-md-pull-2 { right: 16.66666667%; }
    .col-md-pull-1 { right: 8.33333333%; }
    .col-md-pull-0 { right: auto; }

    .col-md-push-12 { left: 100%; }
    .col-md-push-11 { left: 91.66666667%; }
    .col-md-push-10 { left: 83.33333333%; }
    .col-md-push-9 { left: 75%; }
    .col-md-push-8 { left: 66.66666667%; }
    .col-md-push-7 { left: 58.33333333%; }
    .col-md-push-6 { left: 50%; }
    .col-md-push-5 { left: 41.66666667%; }
    .col-md-push-4 { left: 33.33333333%; }
    .col-md-push-3 { left: 25%; }
    .col-md-push-2 { left: 16.66666667%; }
    .col-md-push-1 { left: 8.33333333%; }
    .col-md-push-0 { left: auto; }

    .col-md-offset-12 { margin-left: 100%; }
    .col-md-offset-11 { margin-left: 91.66666667%; }
    .col-md-offset-10 { margin-left: 83.33333333%; }
    .col-md-offset-9 { margin-left: 75%; }
    .col-md-offset-8 { margin-left: 66.66666667%; }
    .col-md-offset-7 { margin-left: 58.33333333%; }
    .col-md-offset-6 { margin-left: 50%; }
    .col-md-offset-5 { margin-left: 41.66666667%; }
    .col-md-offset-4 { margin-left: 33.33333333%; }
    .col-md-offset-3 { margin-left: 25%; }
    .col-md-offset-2 { margin-left: 16.66666667%; }
    .col-md-offset-1 { margin-left: 8.33333333%; }
    .col-md-offset-0 { margin-left: 0; }
    .social_icons{position:absolute; bottom:55px !important; right:-5px !important; height:40px !important; border-radius:17px; background:url(../img/transparent_bg.png);}
    .ipad_menu{display:none;}
  }

  @media (min-width: 1200px)
  {
    .container { width: 1190px;}
    .memorial_container { width: 980px;}
    table.visible-lg { display: table !important; }
    tr.visible-lg { display: table-row !important; }
    th.visible-lg, td.visible-lg { display: table-cell !important; }
    .visible-lg { display: block !important; }
    .visible-lg-block { display: block !important; }
    .visible-lg-inline { display: inline !important; }
    .visible-lg-inline-block { display: inline-block !important; }
    .hidden-lg { display: none !important; }
    .personal_info_menu{display:none;}
    .menu_mobile{display:none;}

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }

    .col-lg-pull-12 { right: 100%; }
    .col-lg-pull-11 { right: 91.66666667%; }
    .col-lg-pull-10 { right: 83.33333333%; }
    .col-lg-pull-9 { right: 75%; }
    .col-lg-pull-8 { right: 66.66666667%; }
    .col-lg-pull-7 { right: 58.33333333%; }
    .col-lg-pull-6 { right: 50%; }
    .col-lg-pull-5 { right: 41.66666667%; }
    .col-lg-pull-4 { right: 33.33333333%; }
    .col-lg-pull-3 { right: 25%; }
    .col-lg-pull-2 { right: 16.66666667%; }
    .col-lg-pull-1 { right: 8.33333333%; }
    .col-lg-pull-0 { right: auto; }

    .col-lg-push-12 { left: 100%; }
    .col-lg-push-11 { left: 91.66666667%; }
    .col-lg-push-10 { left: 83.33333333%; }
    .col-lg-push-9 { left: 75%; }
    .col-lg-push-8 { left: 66.66666667%; }
    .col-lg-push-7 { left: 58.33333333%; }
    .col-lg-push-6 { left: 50%; }
    .col-lg-push-5 { left: 41.66666667%; }
    .col-lg-push-4 { left: 33.33333333%; }
    .col-lg-push-3 { left: 25%; }
    .col-lg-push-2 { left: 16.66666667%; }
    .col-lg-push-1 { left: 8.33333333%; }
    .col-lg-push-0 { left: auto; }

    .col-lg-offset-12 { margin-left: 100%; }
    .col-lg-offset-11 { margin-left: 91.66666667%; }
    .col-lg-offset-10 { margin-left: 83.33333333%; }
    .col-lg-offset-9 { margin-left: 75%; }
    .col-lg-offset-8 { margin-left: 66.66666667%; }
    .col-lg-offset-7 { margin-left: 58.33333333%; }
    .col-lg-offset-6 { margin-left: 50%; }
    .col-lg-offset-5 { margin-left: 41.66666667%; }
    .col-lg-offset-4 { margin-left: 33.33333333%; }
    .col-lg-offset-3 { margin-left: 25%; }
    .col-lg-offset-2 { margin-left: 16.66666667%; }
    .col-lg-offset-1 { margin-left: 8.33333333%; }
    .col-lg-offset-0 { margin-left: 0; }
    .social_icons{position:absolute; bottom:45px !important; right:20px !important; height:50px !important; border-radius:17px; background:url(../img/transparent_bg.png);}
  }


  @media (max-width: 480px) and (orientation: landscape)
  {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px;}
  }
  @media (min-width: 768px) and (max-width: 1200px)
  {
    .profile_header{padding:95px 0px 30px 0px !important; }
    .header_bg{width:767px !important; line-height:140px !important;}
    .personal_photo{width:150px !important; height:150px !important; }
    .personal_photo .photos{width:150px !important; height:150px !important;}
    .personal_photo .photos img{width:110% !important;}
    .personal_info_right{width:580px !important;}
    .personal_info_right h1{font-size:30px !important;}
    .equalwrap_container{display: block !important;}
    .equal_height_width_maps{width: 100% !important;}
    .map_bottom_align iframe{bottom: 0; position: static !important; width: 100% !important;}
  }

  @media (min-width: 768px) and (max-width: 991px)
  {
    .visible-sm-block { display: block !important; }
    .visible-sm { display: block !important; }
    .visible-sm-inline { display: inline !important; }
    table.visible-sm { display: table !important; }
    tr.visible-sm { display: table-row !important; }
    th.visible-sm, td.visible-sm { display: table-cell !important; }
    .visible-sm-inline-block { display: inline-block !important; }
    .hidden-sm { display: none !important; }
    .personal_info_menu{display:none;}
    .menu_mobile{display:none;}
    .personal_info_text{max-height:100% !important; padding-bottom: 8px;}
  }

  @media (min-width: 992px) and (max-width: 1199px)
  {
    .visible-md { display: block !important; }
    table.visible-md { display: table !important; }
    tr.visible-md { display: table-row !important; }
    th.visible-md, td.visible-md { display: table-cell !important; }
    .navbar-default .navbar-nav > li > a{ font-size:16px; }
    .visible-md-block { display: block !important; }
    .visible-md-inline { display: inline !important; }
    .visible-md-inline-block { display: inline-block !important; }
  }

  @media (min-width: 320px) and (max-width: 768px)
  {
    .product_sort_by{float: none; margin-left: 0px !important;}
  }

  @media (min-width: 992px) and (max-width: 1199px)
  {
    .hidden-md { display: none !important; }
    .personal_info_menu{display:none;}
    .menu_mobile{display:none;}
  }
  @media only screen and (width: 1024px)
  {
    .profile_header{max-height:400px !important; }
  }

  @media only screen and (width: 1194px)
  {
    .profile_header{max-height:400px !important; }
    .sidenav[style] {width:100% !important;}
  }

  @media only screen and (width: 768px)
  {
    .ipad_menu_icon{width:92% !important}
  }

  @media (min-width:808px) and (max-width:896px)
  {
    .ipad_menu_icon{width:96% !important}
    .ipad_menu{right:-40px !important;}
    .sidenav{right:-40px !important; min-height:130% !important; }
  }

  @media (min-width: 897px)
  {
    .ipad_menu{display:none;}
  }

  @media only screen and (width: 1280px)
  {
    .profile_header{max-height:450px !important; }
    .sidenav[style] {width:100% !important;}
  }

  @media only screen and (min-width: 320px) and (max-width: 1365px)
  {
    .follow_information_icon {display: none !important;}
  }

  @media only screen and (max-width: 979px)
  {
  .btn-lg, .btn-group-lg > .btn{font-size:14px;}
  .aside_bg input { height:32px; }
  .about_info{ margin-top:30px;}
  .profile_header .date{display: flex !important; text-align: center !important; justify-content: center !important;}
  }

  @media only screen and (max-width: 479px)
  {
    .btn-success{width:96%;}
    .jumbotron p{font-size:16px; margin-bottom: 10px; padding-top: 10px;}
    .search { position:relative; width:240px; margin-bottom:10px; }
    .personal_info{padding:10px;}
    .btn{margin-bottom:10px;}
    .btn-lg, .btn-group-lg > .btn{ width:100% !important; }
    .personal_info h2{font-size:20px;}
    .personal_info .date_info{font-size:16px;}
    .personal_info p{font-size:16px;}
    .search_bottom_box{ text-align:left; }
    body{ padding:0px; }
    .swipenavigation ul li { display: inline-block; margin: 0 !important;padding: 0; font-size:8.5px !important; letter-spacing: normal; word-spacing: normal;}
    .leaflet{width: 100% !important; text-align: center;}
    .portal_circle_button span{font-size:7px !important;}
    .death_notice_right{float: none !important;}
    .death_notice_layout .death_notice_right .general_button, .death_notice_right .box_grey{width: 100% !important;}
    .death_notice_right .death_notice_logo{max-width: 200px !important; bottom:10px}
    /* symbol icons */
    .select_symbol_box_greeting{width:280px !important; padding:10px 0 0 0; }
    .owl-carousel .nav-btn{ display:none !important}
    .carousel-wrap{padding:0px !important;}
    .select_symbol_new{width:100%; float:left; margin-top:10px;}
    .select_symbol_greeting{margin-left:0px !important;}
  }

  caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; }
  table { background-color: transparent; }
  th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
  }
  .table > caption + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > th,
  .table > thead:first-child > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0;
  }
  .table > tbody + tbody {
    border-top: 2px solid #ddd;
  }
  .table .table {
    background-color: #fff;
  }
  .table-condensed > thead > tr > th,
  .table-condensed > tbody > tr > th,
  .table-condensed > tfoot > tr > th,
  .table-condensed > thead > tr > td,
  .table-condensed > tbody > tr > td,
  .table-condensed > tfoot > tr > td {
    padding: 5px;
  }
  .table-bordered {
    border: 1px solid #ddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > tbody > tr > th,
  .table-bordered > tfoot > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
  }
  .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
  }
  table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
  }
  table td[class*="col-"],
  table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
  }
  .table > thead > tr > td.active,
  .table > tbody > tr > td.active,
  .table > tfoot > tr > td.active,
  .table > thead > tr > th.active,
  .table > tbody > tr > th.active,
  .table > tfoot > tr > th.active,
  .table > thead > tr.active > td,
  .table > tbody > tr.active > td,
  .table > tfoot > tr.active > td,
  .table > thead > tr.active > th,
  .table > tbody > tr.active > th,
  .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
  }
  .table-hover > tbody > tr > td.active:hover,
  .table-hover > tbody > tr > th.active:hover,
  .table-hover > tbody > tr.active:hover > td,
  .table-hover > tbody > tr:hover > .active,
  .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
  }
  .table > thead > tr > td.success,
  .table > tbody > tr > td.success,
  .table > tfoot > tr > td.success,
  .table > thead > tr > th.success,
  .table > tbody > tr > th.success,
  .table > tfoot > tr > th.success,
  .table > thead > tr.success > td,
  .table > tbody > tr.success > td,
  .table > tfoot > tr.success > td,
  .table > thead > tr.success > th,
  .table > tbody > tr.success > th,
  .table > tfoot > tr.success > th {
    background-color: #dff0d8;
  }
  .table-hover > tbody > tr > td.success:hover,
  .table-hover > tbody > tr > th.success:hover,
  .table-hover > tbody > tr.success:hover > td,
  .table-hover > tbody > tr:hover > .success,
  .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
  }
  .table > thead > tr > td.info,
  .table > tbody > tr > td.info,
  .table > tfoot > tr > td.info,
  .table > thead > tr > th.info,
  .table > tbody > tr > th.info,
  .table > tfoot > tr > th.info,
  .table > thead > tr.info > td,
  .table > tbody > tr.info > td,
  .table > tfoot > tr.info > td,
  .table > thead > tr.info > th,
  .table > tbody > tr.info > th,
  .table > tfoot > tr.info > th {
    background-color: #d9edf7;
  }
  .table-hover > tbody > tr > td.info:hover,
  .table-hover > tbody > tr > th.info:hover,
  .table-hover > tbody > tr.info:hover > td,
  .table-hover > tbody > tr:hover > .info,
  .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
  }
  .table > thead > tr > td.warning,
  .table > tbody > tr > td.warning,
  .table > tfoot > tr > td.warning,
  .table > thead > tr > th.warning,
  .table > tbody > tr > th.warning,
  .table > tfoot > tr > th.warning,
  .table > thead > tr.warning > td,
  .table > tbody > tr.warning > td,
  .table > tfoot > tr.warning > td,
  .table > thead > tr.warning > th,
  .table > tbody > tr.warning > th,
  .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
  }
  .table-hover > tbody > tr > td.warning:hover,
  .table-hover > tbody > tr > th.warning:hover,
  .table-hover > tbody > tr.warning:hover > td,
  .table-hover > tbody > tr:hover > .warning,
  .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
  }
  .table > thead > tr > td.danger,
  .table > tbody > tr > td.danger,
  .table > tfoot > tr > td.danger,
  .table > thead > tr > th.danger,
  .table > tbody > tr > th.danger,
  .table > tfoot > tr > th.danger,
  .table > thead > tr.danger > td,
  .table > tbody > tr.danger > td,
  .table > tfoot > tr.danger > td,
  .table > thead > tr.danger > th,
  .table > tbody > tr.danger > th,
  .table > tfoot > tr.danger > th {
    background-color: #f2dede;
  }
  .table-hover > tbody > tr > td.danger:hover,
  .table-hover > tbody > tr > th.danger:hover,
  .table-hover > tbody > tr.danger:hover > td,
  .table-hover > tbody > tr:hover > .danger,
  .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
  }
  .table-responsive {
    min-height: .01%;
    overflow-x: auto;
  }

  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
  }
  input[type="search"] {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  input[type="radio"],
  input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
    padding:5px;

  }
  input[type="file"] {
    display: block;
  }
  input[type="range"] {
    display: block;
    width: 90%;
  }
  select[multiple],
  select[size] {
    height: auto;
  }
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
  }
  .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }

  .form-control-normal{
    display: block;
    width: 100%;
    height: 42px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow:0 3px 5px 1px #eaeaea inset;

   }


  .form-control:focus {
    border: none;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  .form-control:-ms-input-placeholder {
    color: #999;
  }
  .form-control::-webkit-input-placeholder {
    color: #999;
  }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0;
  }
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
  }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
  }
  textarea.form-control {
    height: auto;
  }
  input[type="search"] {
    -webkit-appearance: none;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
      line-height: 34px;
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
      line-height: 30px;
    }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
      line-height: 46px;
    }
  }
  .personal_info_right_side .form-group{margin-bottom: 0px !important;}
  .personal_info_right_side .date_info{padding: 10px 15px !important;}
  .personal_info_right_side .top-header-edit{padding: 0px 0px !important; margin-top: 0px;}
  .personal_info_right_side .top-header-edit textarea{height: 65px;}
  .personal_info_right_side #less span, .personal_info_right_side #personal_info_text{word-break: break-all !important;}

  .form-group {
    margin-bottom: 15px;
  }

  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
  }
  .radio input[type="radio"],
  .radio-inline input[type="radio"],
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px;
    margin-left: -20px;
  }
  .radio + .radio,
  .checkbox + .checkbox {
    margin-top: -5px;
  }
  .radio-inline,
  .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
  }
  .radio-inline + .radio-inline,
  .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
  }
  input[type="radio"][disabled],
  input[type="checkbox"][disabled],
  input[type="radio"].disabled,
  input[type="checkbox"].disabled,
  fieldset[disabled] input[type="radio"],
  fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
  }
  .radio-inline.disabled,
  .checkbox-inline.disabled,
  fieldset[disabled] .radio-inline,
  fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
  }
  .radio.disabled label,
  .checkbox.disabled label,
  fieldset[disabled] .radio label,
  fieldset[disabled] .checkbox label {
    cursor: not-allowed;
  }
  .form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
  }
  .form-control-static.input-lg,
  .form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0;
  }
  .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  select.input-sm {
    height: 30px;
    line-height: 30px;
  }
  textarea.input-sm,
  select[multiple].input-sm {
    height: auto;
  }
  .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
  }
  .form-group-sm textarea.form-control,
  .form-group-sm select[multiple].form-control {
    height: auto;
  }
  .form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  .input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  select.input-lg {
    height: 46px;
    line-height: 46px;
  }
  textarea.input-lg,
  select[multiple].input-lg {
    height: auto;
  }
  .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  .form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
  }
  .form-group-lg textarea.form-control,
  .form-group-lg select[multiple].form-control {
    height: auto;
  }
  .form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }
  .has-feedback {
    position: relative;
  }
  .has-feedback .form-control {
    padding-right: 42.5px;
  }
  .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
  }
  .input-lg + .form-control-feedback,
  .input-group-lg + .form-control-feedback,
  .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }
  .input-sm + .form-control-feedback,
  .input-group-sm + .form-control-feedback,
  .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .has-success .help-block,
  .has-success .control-label,
  .has-success .radio,
  .has-success .checkbox,
  .has-success .radio-inline,
  .has-success .checkbox-inline,
  .has-success.radio label,
  .has-success.checkbox label,
  .has-success.radio-inline label,
  .has-success.checkbox-inline label {
    color: #3c763d;
  }
  .has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
  }
  .has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
  }
  .has-success .form-control-feedback {
    color: #3c763d;
  }
  .has-warning .help-block,
  .has-warning .control-label,
  .has-warning .radio,
  .has-warning .checkbox,
  .has-warning .radio-inline,
  .has-warning .checkbox-inline,
  .has-warning.radio label,
  .has-warning.checkbox label,
  .has-warning.radio-inline label,
  .has-warning.checkbox-inline label {
    color: #8a6d3b;
  }
  .has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
  }
  .has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
  }
  .has-warning .form-control-feedback {
    color: #8a6d3b;
  }
  .has-error .help-block,
  .has-error .control-label,
  .has-error .radio,
  .has-error .checkbox,
  .has-error .radio-inline,
  .has-error .checkbox-inline,
  .has-error.radio label,
  .has-error.checkbox label,
  .has-error.radio-inline label,
  .has-error.checkbox-inline label {
    color: #a94442;
  }
  .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  }
  .has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
  }
  .has-error .form-control-feedback {
    color: #a94442;
  }
  .has-feedback label ~ .form-control-feedback {
    top: 25px;
  }
  .has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
  }
  .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
  }

  .form-horizontal .radio,
  .form-horizontal .checkbox,
  .form-horizontal .radio-inline,
  .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-horizontal .radio,
  .form-horizontal .checkbox {
    min-height: 27px;
  }
  .form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
  }

  .btn
  {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
  }
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .btn:hover,
  .btn:focus,
  .btn.focus {
    color: #333;
    text-decoration: none;
  }
  .btn:active,
  .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  }
  .btn.disabled,
  .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .65;
  }
  a.btn.disabled,
  fieldset[disabled] a.btn {
    pointer-events: none;
  }
  .btn-default {
    color: #333;
    background-color: #fff;
    border-color:#692d87;
  }
  .btn-default:focus,
  .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
  }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  .btn-default:active:hover,
  .btn-default.active:hover,
  .open > .dropdown-toggle.btn-default:hover,
  .btn-default:active:focus,
  .btn-default.active:focus,
  .open > .dropdown-toggle.btn-default:focus,
  .btn-default:active.focus,
  .btn-default.active.focus,
  .open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    background-image: none;
  }
  .btn-default.disabled:hover,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn-default.disabled:focus,
  .btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn-default.disabled.focus,
  .btn-default[disabled].focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default .badge {
    color: #fff;
    background-color: #333;
  }
  .btn-primary {
    color: #000;
    background-color: #c7c7c7;
    margin-bottom:10px;
  }
  .btn-primary:focus,
  .btn-primary.focus {
    color: #000;
    background-color: #c7c7c7;
  }
  .btn-primary:hover {
    color: #000;
    background-color: #c7c7c7;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    color: #000;
    background-color: #c7c7c7;
  }
  .btn-primary:active:hover,
  .btn-primary.active:hover,
  .open > .dropdown-toggle.btn-primary:hover,
  .btn-primary:active:focus,
  .btn-primary.active:focus,
  .open > .dropdown-toggle.btn-primary:focus,
  .btn-primary:active.focus,
  .btn-primary.active.focus,
  .open > .dropdown-toggle.btn-primary.focus {
    color: #000;
    background-color: #c7c7c7;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    background-image: none;
  }
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled.focus,
  .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #c7c7c7;
  }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
  }
  .btn-success {
    color: #fff;
    background-color: #692d87;
    min-width:128px;
    margin:15px 5px 0px 5px;
    padding:2px 5px;
  }

  .btn-success:focus,
  .btn-success.focus {
    color: #fff;
    background-color: #692d87;

  }
  .btn-success:hover {
    color: #fff;
    background-color: #692d87;

  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color:#692d87;

  }
  .btn-success:active:hover,
  .btn-success.active:hover,
  .open > .dropdown-toggle.btn-success:hover,
  .btn-success:active:focus,
  .btn-success.active:focus,
  .open > .dropdown-toggle.btn-success:focus,
  .btn-success:active.focus,
  .btn-success.active.focus,
  .open > .dropdown-toggle.btn-success.focus {
    color: #fff;


  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    background-image: none;
  }
  .btn-success.disabled:hover,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn-success.disabled:focus,
  .btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn-success.disabled.focus,
  .btn-success[disabled].focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #96004f;

  }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
  }
  .btn-info {
    color: #fff;
    background-color: #c7c7c7;
    border-color: #46b8da;
  }
  .btn-info:focus,
  .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
  }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn-info:active:hover,
  .btn-info.active:hover,
  .open > .dropdown-toggle.btn-info:hover,
  .btn-info:active:focus,
  .btn-info.active:focus,
  .open > .dropdown-toggle.btn-info:focus,
  .btn-info:active.focus,
  .btn-info.active.focus,
  .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .dropdown-toggle.btn-info {
    background-image: none;
  }
  .btn-info.disabled:hover,
  .btn-info[disabled]:hover,
  fieldset[disabled] .btn-info:hover,
  .btn-info.disabled:focus,
  .btn-info[disabled]:focus,
  fieldset[disabled] .btn-info:focus,
  .btn-info.disabled.focus,
  .btn-info[disabled].focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #c7c7c7;
    border-color: #46b8da;
  }
  .btn-info .badge {
    color: #c7c7c7;
    background-color: #fff;
  }
  .btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning:focus,
  .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
  }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
  }
  .btn-warning:active:hover,
  .btn-warning.active:hover,
  .open > .dropdown-toggle.btn-warning:hover,
  .btn-warning:active:focus,
  .btn-warning.active:focus,
  .open > .dropdown-toggle.btn-warning:focus,
  .btn-warning:active.focus,
  .btn-warning.active.focus,
  .open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    background-image: none;
  }
  .btn-warning.disabled:hover,
  .btn-warning[disabled]:hover,
  fieldset[disabled] .btn-warning:hover,
  .btn-warning.disabled:focus,
  .btn-warning[disabled]:focus,
  fieldset[disabled] .btn-warning:focus,
  .btn-warning.disabled.focus,
  .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
  }
  .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger:focus,
  .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
  }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .btn-danger:active:hover,
  .btn-danger.active:hover,
  .open > .dropdown-toggle.btn-danger:hover,
  .btn-danger:active:focus,
  .btn-danger.active:focus,
  .open > .dropdown-toggle.btn-danger:focus,
  .btn-danger:active.focus,
  .btn-danger.active.focus,
  .open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    background-image: none;
  }
  .btn-danger.disabled:hover,
  .btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger:hover,
  .btn-danger.disabled:focus,
  .btn-danger[disabled]:focus,
  fieldset[disabled] .btn-danger:focus,
  .btn-danger.disabled.focus,
  .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
  }
  .btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
  }
  .btn-link,
  .btn-link:active,
  .btn-link.active,
  .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .btn-link,
  .btn-link:hover,
  .btn-link:focus,
  .btn-link:active {
    border-color: transparent;
  }
  .btn-link:hover,
  .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
  }
  .btn-link[disabled]:hover,
  fieldset[disabled] .btn-link:hover,
  .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
  }
  .btn-lg,
  .btn-group-lg > .btn {
    font-size: 14px;
    line-height: 22px;
    border-radius: 5px;
    padding: 5px 15px;
  }

  .btn-group-lg > .btn
  .btn-sm,
  .btn-group-sm > .btn {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }

  .btn-xs,
  .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-block {
    display: block;
    width: 100%;
  }
  .btn-block + .btn-block {
    margin-top: 5px;
  }
  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
    width: 100%;
  }
  .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
         -o-transition: opacity .15s linear;
            transition: opacity .15s linear;
  }
  .fade.in {
    opacity: 1;
  }
  .collapse {
    display: none;
  }
  .collapse.in {
    display: block;
  }
  tr.collapse.in {
    display: table-row;
  }
  tbody.collapse.in {
    display: table-row-group;
  }
  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: .35s;
         -o-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-property: height, visibility;
         -o-transition-property: height, visibility;
            transition-property: height, visibility;
  }
  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  .dropup,
  .dropdown {
    position: relative;
  }
  .dropdown-toggle:focus {
    outline: 0;
  }
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
  }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #692d87;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
  }
  .dropdown-menu > .disabled > a,
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    color: #777;
  }
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }
  .open > .dropdown-menu {
    display: block;
    right: 0;
    left: auto;
  }
  .open > a {
    outline: 0;
  }
  .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu-left {
    right: auto;
    left: 0;
  }
  .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
  }
  .dropdown-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
  }
  .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
  }
  .dropup .caret,
  .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid;
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
  }

  .btn-group,
  .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left;
  }
  .btn-group > .btn:hover,
  .btn-group-vertical > .btn:hover,
  .btn-group > .btn:focus,
  .btn-group-vertical > .btn:focus,
  .btn-group > .btn:active,
  .btn-group-vertical > .btn:active,
  .btn-group > .btn.active,
  .btn-group-vertical > .btn.active {
    z-index: 2;
  }
  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group {
    margin-left: -1px;
  }
  .btn-toolbar {
    margin-left: -5px;
  }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left;
  }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px;
  }
  .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
  }
  .btn-group > .btn:first-child {
    margin-left: 0;
  }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group > .btn:last-child:not(:first-child),
  .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group > .btn-group {
    float: left;
  }
  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }
  .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group .dropdown-toggle:active,
  .btn-group.open .dropdown-toggle {
    outline: 0;
  }
  .btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
  }
  .btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
  }
  .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .btn .caret {
    margin-left: 0;
  }
  .btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
  }
  .dropup .btn-lg .caret {
    border-width: 0 5px 5px;
  }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group,
  .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .btn-group-vertical > .btn-group > .btn {
    float: none;
  }
  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
  }
  .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }
  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
  }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
  }
  .btn-group-justified > .btn-group .btn {
    width: 100%;
  }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto;
  }
  [data-toggle="buttons"] > .btn input[type="radio"],
  [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
  [data-toggle="buttons"] > .btn input[type="checkbox"],
  [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
  }
  .input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
  }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
  }
  .input-group .form-control:focus {
    z-index: 3;
  }
  .input-group-lg > .form-control,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  select.input-group-lg > .form-control,
  select.input-group-lg > .input-group-addon,
  select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
  }
  textarea.input-group-lg > .form-control,
  textarea.input-group-lg > .input-group-addon,
  textarea.input-group-lg > .input-group-btn > .btn,
  select[multiple].input-group-lg > .form-control,
  select[multiple].input-group-lg > .input-group-addon,
  select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
  }
  .input-group-sm > .form-control,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  select.input-group-sm > .form-control,
  select.input-group-sm > .input-group-addon,
  select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
  }
  textarea.input-group-sm > .form-control,
  textarea.input-group-sm > .input-group-addon,
  textarea.input-group-sm > .input-group-btn > .btn,
  select[multiple].input-group-sm > .form-control,
  select[multiple].input-group-sm > .input-group-addon,
  select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
  }
  .input-group-addon,
  .input-group-btn,
  .input-group .form-control {
    display: table-cell;
  }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .input-group-addon,
  .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
  }
  .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  .input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
  }
  .input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
  }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0;
  }
  .input-group .form-control:first-child,
  .input-group-addon:first-child,
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group > .btn,
  .input-group-btn:first-child > .dropdown-toggle,
  .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group-addon:first-child {
    border-right: 0;
  }
  .input-group .form-control:last-child,
  .input-group-addon:last-child,
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group > .btn,
  .input-group-btn:last-child > .dropdown-toggle,
  .input-group-btn:first-child > .btn:not(:first-child),
  .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group-addon:last-child {
    border-left: 0;
  }
  .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
  }
  .input-group-btn > .btn {
    position: relative;
  }
  .input-group-btn > .btn + .btn {
    margin-left: -1px;
  }
  .input-group-btn > .btn:hover,
  .input-group-btn > .btn:focus,
  .input-group-btn > .btn:active {
    z-index: 2;
  }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px;
  }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
  }
  .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .nav > li {
    position: relative;
    display: block;
  }
  .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 15px 4px 15px;
  }
  .nav > li > a:hover,
  .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
  }
  .nav > li.disabled > a {
    color: #777;
  }
  .nav > li.disabled > a:hover,
  .nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
  }
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background-color: #eee;
    border-color: #337ab7;
  }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .nav > li > a > img {
    max-width: none;
  }
  .nav-tabs {
    border-bottom: 0px solid #333;
  }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
  }
  .nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.42857143;
    border-radius: 20px 0px 0 0;
    margin-left:-17px;
    background:#999;
    font-size:13.3px;
    color:#4d4d4d;
    outline: 0;
  }
  .nav-tabs > li.flower > a {background-color: #585959; }
  .nav-tabs > li.flower > a:hover,
  .nav-tabs > li.flower > a:focus {
    color:#FFF;
    cursor: default;
    background-color: #427510;
    border-radius:20px 0px 0 0;
  }

  .nav-tabs > li.donation > a {background-color: #424242;}
  .nav-tabs > li.donation > a:hover,
  .nav-tabs > li.donation > a:focus {
    color:#FFF;
    cursor: default;
    background-color: #007879;
    border-radius:20px 0px 0 0;
  }

  .nav-tabs > li.candel > a {background-color: #282828;}
  .nav-tabs > li.candel > a:hover,
  .nav-tabs > li.candel > a:focus {
    color:#FFF;
    cursor: default;
    background-color: #f6bd2d;
    border-radius:20px 0px 0 0;
  }

  .nav-tabs > li.write > a {background-color: #000;}
  .nav-tabs > li.write > a:hover,
  .nav-tabs > li.write > a:focus {
    color:#FFF;
    cursor: default;
    background-color: #7a4da7;
    border-radius:20px 0px 0 0;
  }

  .nav-tabs > li.viewall > a {background-color:#dfd6cb; border-radius:20px 20px 0 0;}
  .nav-tabs > li.viewall > a:hover,
  .nav-tabs > li.viewall > a:focus {
    color:#FFF;
    cursor: default;
    background-color: #dfd6cb;
    border-radius:20px 20px 0 0;
  }



  .nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
  }
  .nav-tabs.nav-justified > li {
    float: none;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
  }
  .nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }
  .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
  }

  .nav-pills > li {
    float: left;
  }
  .nav-pills > li > a {
    border-radius: 4px;
  }
  .nav-pills > li + li {
    margin-left: 2px;
  }
  .nav-pills > li.active > a,
  .nav-pills > li.active > a:hover,
  .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7;
  }
  .nav-stacked > li {
    float: none;
  }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
  }
  .nav-justified {
    width: 100%;
  }
  .nav-justified > li {
    float: none;
  }
  .nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
  }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }

  .nav-tabs-justified {
    border-bottom: 0;
  }
  .nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd;
    outline: 0;
  }

  .tab-content > .tab-pane {
    display: none;
    margin-top:0px;
    border-radius:8px 0px 0px 0px;
  }
  .tab-content > .active {
    display: block;
  }
  .tab-content > .flower {
    display: block;
     background:#427510;
  }


  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
  }

  .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    position: relative;
    z-index:1;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }




  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
  }

  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }

  .navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
  }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
  }
  .navbar-brand {
    float: left;
   padding: 8px 0px 0px 10px;
    font-size: 18px;
    line-height: 20px;
  }
  .navbar-brand:hover,
  .navbar-brand:focus {
    text-decoration: none;
  }
  .navbar-brand > img {
    display: block;
  }

  .navbar-toggle {
    position: relative;
    float: right;
  }
  .navbar-toggle:focus {
    outline: 0;
  }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  .navbar-nav {
    margin: 7.5px -15px;
  }
  .navbar-nav > li > a {
  }
  .navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  }

  .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .navbar-default {
    background: none;
    margin-top:20px;
    margin-left:20px;
  }
  .navbar-default .navbar-brand {
    color: #777;
         border:1px solid;
  }
  .navbar-default .navbar-brand:hover,
  .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
  }
  .navbar-default .navbar-text {
    color: #777;
  }
  .navbar-default .navbar-nav > li > a {
    color: #864892;
    font-size:20px;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color:#fff;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color:#fff;
  }
  .navbar-default .navbar-nav > .disabled > a,
  .navbar-default .navbar-nav > .disabled > a:hover,
  .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
  .navbar-default .navbar-toggle {
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
   background-color:#fff;
  }

  .navbar-default .navbar-link {
    color: #777;
  }
  .navbar-default .navbar-link:hover {
    color: #333;
  }
  .navbar-default .btn-link {
    color: #777;
  }
  .navbar-default .btn-link:hover,
  .navbar-default .btn-link:focus {
    color: #333;
  }
  .navbar-default .btn-link[disabled]:hover,
  fieldset[disabled] .navbar-default .btn-link:hover,
  .navbar-default .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
  }
  .navbar-inverse {
    background-color: #222;
    border-color: #080808;
  }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-brand:hover,
  .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-text {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav > .disabled > a,
  .navbar-inverse .navbar-nav > .disabled > a:hover,
  .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  .navbar-inverse .navbar-toggle {
    border-color: #333;
  }
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #080808;
  }

  .navbar-inverse .navbar-link {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-link:hover {
    color: #fff;
  }
  .navbar-inverse .btn-link {
    color: #9d9d9d;
  }
  .navbar-inverse .btn-link:hover,
  .navbar-inverse .btn-link:focus {
    color: #fff;
  }
  .navbar-inverse .btn-link[disabled]:hover,
  fieldset[disabled] .navbar-inverse .btn-link:hover,
  .navbar-inverse .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
  }
  .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
  }
  .breadcrumb > li {
    display: inline-block;
  }
  .breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
  }
  .breadcrumb > .active {
    color: #777;
  }
  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }
  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }
  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  .pagination-sm > li:first-child > a,
  .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .pagination-sm > li:last-child > a,
  .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
  }
  .pager li {
    display: inline;
  }
  .pager li > a,
  .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
  }
  .pager li > a:hover,
  .pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
  }
  .pager .next > a,
  .pager .next > span {
    float: right;
  }
  .pager .previous > a,
  .pager .previous > span {
    float: left;
  }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
  }
  .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
  }
  a.label:hover,
  a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .label:empty {
    display: none;
  }
  .btn .label {
    position: relative;
    top: -1px;
  }
  .label-default {
    background-color: #777;
  }
  .label-default[href]:hover,
  .label-default[href]:focus {
    background-color: #5e5e5e;
  }
  .label-primary {
    background-color: #337ab7;
  }
  .label-primary[href]:hover,
  .label-primary[href]:focus {
    background-color: #286090;
  }
  .label-success {
    background-color: #5cb85c;
  }
  .label-success[href]:hover,
  .label-success[href]:focus {
    background-color: #449d44;
  }
  .label-info {
    background-color: #c7c7c7;
  }
  .label-info[href]:hover,
  .label-info[href]:focus {
    background-color: #31b0d5;
  }
  .label-warning {
    background-color: #f0ad4e;
  }
  .label-warning[href]:hover,
  .label-warning[href]:focus {
    background-color: #ec971f;
  }
  .label-danger {
    background-color: #d9534f;
  }
  .label-danger[href]:hover,
  .label-danger[href]:focus {
    background-color: #c9302c;
  }
  .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
  }
  .badge:empty {
    display: none;
  }
  .btn .badge {
    position: relative;
    top: -1px;
  }
  .btn-xs .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
  }
  a.badge:hover,
  a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff;
  }
  .list-group-item > .badge {
    float: right;
  }
  .list-group-item > .badge + .badge {
    margin-right: 5px;
  }
  .nav-pills > li > a > .badge {
    margin-left: 3px;
  }
  .fixed_layout{
    background-color:#eaeaea;
    min-height:100vh;
    margin:0px auto;
    padding-bottom: 20px;
  }
  .jumbotron {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 30px;
    color: inherit;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit;
  }
  .jumbotron p {
    margin-bottom: 50px;
    padding-top: 20px;
    font-size: 21px;
    font-weight: 200;
    color:#222;
  }
  .jumbotron > hr {
    border-top-color: #d5d5d5;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
  }
  .jumbotron .container {
    max-width: 100%;
  }
  .thumbnail
  {
    display: block;
    padding: 10px 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
  }
  .thumbnail > img,
  .thumbnail a > img {
    margin-right: auto;
    margin-left: auto;
  }
  a.thumbnail:hover,
  a.thumbnail:focus,
  a.thumbnail.active {
    border-color: #337ab7;
  }
  .thumbnail .caption
  {
    padding: 9px;
    color: #333;
  }
  .thumbnail{ margin-bottom: 20px; padding:5px 0px; border-radius:0px; border-bottom:1px solid #ccc;  }
  .thumbnail:hover{border-radius:10px; padding:5px 0px; box-shadow: 0 0 8px #ccc; border:0px; position:relative;  border-bottom:1px solid #fff;}

  .alert
  {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .alert h4 {
    margin-top: 0;
    color: inherit;
  }
  .alert .alert-link {
    font-weight: bold;
  }
  .alert > p,
  .alert > ul {
    margin-bottom: 0;
  }
  .alert > p + p {
    margin-top: 5px;
  }
  .alert-dismissable,
  .alert-dismissible {
    padding-right: 35px;
  }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
  }
  .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
  }
  .alert-success hr {
    border-top-color: #c9e2b3;
  }
  .alert-success .alert-link {
    color: #2b542c;
  }
  .alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
  }
  .alert-info hr {
    border-top-color: #a6e1ec;
  }
  .alert-info .alert-link {
    color: #245269;
  }
  .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
  }
  .alert-warning hr {
    border-top-color: #f7e1b5;
  }
  .alert-warning .alert-link {
    color: #66512c;
  }
  .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
  }
  .alert-danger hr {
    border-top-color: #e4b9c0;
  }
  .alert-danger .alert-link {
    color: #843534;
  }
  @-webkit-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @-o-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }

  .media {
    margin-top: 15px;
  }
  .media:first-child {
    margin-top: 0;
  }
  .media,
  .media-body {
    overflow: hidden;
    zoom: 1;
  }
  .media-body {
    width: 10000px;
  }
  .media-object {
    display: block;
  }
  .media-object.img-thumbnail {
    max-width: none;
  }
  .media-right,
  .media > .pull-right {
    padding-left: 10px;
  }
  .media-left,
  .media > .pull-left {
    padding-right: 10px;
  }
  .media-left,
  .media-right,
  .media-body {
    display: table-cell;
    vertical-align: top;
  }
  .media-middle {
    vertical-align: middle;
  }
  .media-bottom {
    vertical-align: bottom;
  }
  .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .media-list {
    padding-left: 0;
    list-style: none;
  }
  .list-group {
    padding-left: 0;
    margin-bottom: 20px;

  }
  .list-group-item {
    position: relative;
    display: block;
    margin-bottom: -1px;
  }
  .list-group-item:first-child {  }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  a.list-group-item,
  button.list-group-item {
    color: #555;
  }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333;
  }
  a.list-group-item:hover,
  button.list-group-item:hover,
  a.list-group-item:focus,
  button.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  button.list-group-item {
    width: 100%;
    text-align: left;
  }
  .list-group-item.disabled,
  .list-group-item.disabled:hover,
  .list-group-item.disabled:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
  }
  .list-group-item.disabled .list-group-item-heading,
  .list-group-item.disabled:hover .list-group-item-heading,
  .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
  }
  .list-group-item.disabled .list-group-item-text,
  .list-group-item.disabled:hover .list-group-item-text,
  .list-group-item.disabled:focus .list-group-item-text {
    color: #777;
  }
  .list-group-item.active,
  .list-group-item.active:hover,
  .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
  }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small,
  .list-group-item.active:hover .list-group-item-heading > .small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit;
  }
  .list-group-item.active .list-group-item-text,
  .list-group-item.active:hover .list-group-item-text,
  .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef;
  }
  .list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
  }
  a.list-group-item-success,
  button.list-group-item-success {
    color: #3c763d;
  }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-success:hover,
  button.list-group-item-success:hover,
  a.list-group-item-success:focus,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
  }
  a.list-group-item-success.active,
  button.list-group-item-success.active,
  a.list-group-item-success.active:hover,
  button.list-group-item-success.active:hover,
  a.list-group-item-success.active:focus,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
  }
  .list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
  }
  a.list-group-item-info,
  button.list-group-item-info {
    color: #31708f;
  }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-info:hover,
  button.list-group-item-info:hover,
  a.list-group-item-info:focus,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
  }
  a.list-group-item-info.active,
  button.list-group-item-info.active,
  a.list-group-item-info.active:hover,
  button.list-group-item-info.active:hover,
  a.list-group-item-info.active:focus,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
  }
  .list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
  }
  a.list-group-item-warning,
  button.list-group-item-warning {
    color: #8a6d3b;
  }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-warning:hover,
  button.list-group-item-warning:hover,
  a.list-group-item-warning:focus,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
  }
  a.list-group-item-warning.active,
  button.list-group-item-warning.active,
  a.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:hover,
  a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
  }
  .list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
  }
  a.list-group-item-danger,
  button.list-group-item-danger {
    color: #a94442;
  }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-danger:hover,
  button.list-group-item-danger:hover,
  a.list-group-item-danger:focus,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
  }
  a.list-group-item-danger.active,
  button.list-group-item-danger.active,
  a.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:hover,
  a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
  }
  .list-group-item-heading {
    margin-top: 9px;
    margin-bottom:0;
  }
  .list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
  }
  .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  }
  .panel-body {
    padding: 15px;
  }
  .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
  }
  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
  }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit;
  }
  .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .list-group,
  .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
  }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
  }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
  }
  .list-group + .panel-footer {
    border-top-width: 0;
  }
  .panel > .table,
  .panel > .table-responsive > .table,
  .panel > .panel-collapse > .table {
    margin-bottom: 0;
  }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px;
  }
  .panel > .table:first-child,
  .panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
  }
  .panel > .table:last-child,
  .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
  }
  .panel > .panel-body + .table,
  .panel > .panel-body + .table-responsive,
  .panel > .table + .panel-body,
  .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd;
  }
  .panel > .table > tbody:first-child > tr:first-child th,
  .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
  }
  .panel > .table-bordered,
  .panel > .table-responsive > .table-bordered {
    border: 0;
  }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
  }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
  .panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
  }
  .panel-group {
    margin-bottom: 20px;
  }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
  }
  .panel-group .panel + .panel {
    margin-top: 5px;
  }
  .panel-group .panel-heading {
    border-bottom: 0;
  }
  .panel-group .panel-heading + .panel-collapse > .panel-body,
  .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
  }
  .panel-group .panel-footer {
    border-top: 0;
  }
  .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
  }
  .panel-default {
    border-color: #ddd;
  }
  .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
  }
  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }
  .panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
  }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }
  .panel-primary {
    border-color: #337ab7;
  }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
  }
  .panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
  }
  .panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
  }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7;
  }
  .panel-success {
    border-color: #d6e9c6;
  }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
  }
  .panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
  }
  .panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
  }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
  }
  .panel-info {
    border-color: #bce8f1;
  }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
  }
  .panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
  }
  .panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
  }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
  }
  .panel-warning {
    border-color: #faebcc;
  }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
  }
  .panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
  }
  .panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
  }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
  }
  .panel-danger {
    border-color: #ebccd1;
  }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
  }
  .panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
  }
  .panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
  }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
  }
  .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
  }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .embed-responsive-16by9 {
    padding-bottom: 56.25%;
  }
  .embed-responsive-4by3 {
    padding-bottom: 75%;
  }
  .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
  }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15);
  }
  .well-lg {
    padding: 24px;
    border-radius: 6px;
  }
  .well-sm {
    padding: 9px;
    border-radius: 3px;
  }
  .close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #c7c7c7;
  }
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
  }
  button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    color: #808080;
  }
  .modal-open {
    overflow: hidden;
  }
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
         -o-transition:      -o-transform .3s ease-out;
            transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
         -o-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
  .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            padding:10px;

  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
  }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
  }
  .modal-header {
    padding: 0px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom:15px;
  }
  .modal-header h3{ margin:0px; padding:5px 0px;}
  .modal-header .close {
    margin-top: -2px;
  }
  .modal-title {
    margin: 0;
    line-height: 1.42857143;
  }
  .modal-body {
    position: relative;
    padding: 10px;
   word-break:break-word !important;
  }
  .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
  }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: ralewayregular, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;

    line-break: auto;
  }
  .tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
  }
  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
  }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
  }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
  }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
  }
  .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
  }
  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
  }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
  }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

    line-break: auto;
  }
  .popover.top {
    margin-top: -10px;
  }
  .popover.right {
    margin-left: 10px;
  }
  .popover.bottom {
    margin-top: 10px;
  }
  .popover.left {
    margin-left: -10px;
  }
  .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
  }
  .popover-content {
    padding: 9px 14px;
  }
  .popover > .arrow,
  .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .popover > .arrow {
    border-width: 11px;
  }
  .popover > .arrow:after {
    content: "";
    border-width: 10px;
  }
  .popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
  }
  .popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
  }
  .popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
  }
  .popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
  }
  .popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
  }
  .popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
  }
  .popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
  }
  .popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
  }
  .carousel {
    position: relative;
  }
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
         -o-transition: .6s ease-in-out left;
            transition: .6s ease-in-out left;
  }
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    line-height: 1;
  }
  @media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
      -webkit-transition: -webkit-transform .6s ease-in-out;
           -o-transition:      -o-transform .6s ease-in-out;
              transition:         transform .6s ease-in-out;

      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-perspective: 1000px;
              perspective: 1000px;
    }
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0);
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
              transform: translate3d(-100%, 0, 0);
    }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active {
      left: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
  }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block;
  }
  .carousel-inner > .active {
    left: 0;
  }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .carousel-inner > .next {
    left: 100%;
  }
  .carousel-inner > .prev {
    left: -100%;
  }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0;
  }
  .carousel-inner > .active.left {
    left: -100%;
  }
  .carousel-inner > .active.right {
    left: 100%;
  }
  .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
  }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
  }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
  }
  .carousel-control:hover,
  .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
  }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
  }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
  }
  .carousel-control .icon-prev:before {
    content: '\2039';
  }
  .carousel-control .icon-next:before {
    content: '\203a';
  }
  .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
  }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
  }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
  }
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  }
  .carousel-caption .btn {
    text-shadow: none;
  }

  .clearfix:before,
  .clearfix:after,
  .dl-horizontal dd:before,
  .dl-horizontal dd:after,
  .container:before,
  .container:after,
  .container-fluid:before,
  .container-fluid:after,
  .row:before,
  .row:after,
  .form-horizontal .form-group:before,
  .form-horizontal .form-group:after,
  .btn-toolbar:before,
  .btn-toolbar:after,
  .btn-group-vertical > .btn-group:before,
  .btn-group-vertical > .btn-group:after,
  .nav:before,
  .nav:after,
  .navbar:before,
  .navbar:after,
  .navbar-header:before,
  .navbar-header:after,
  .navbar-collapse:before,
  .navbar-collapse:after,
  .pager:before,
  .pager:after,
  .panel-body:before,
  .panel-body:after,
  .modal-header:before,
  .modal-header:after,
  .modal-footer:before,
  .modal-footer:after {
    display: table;
    content: " ";
  }
  .clearfix:after,
  .dl-horizontal dd:after,
  .container:after,
  .container-fluid:after,
  .row:after,
  .form-horizontal .form-group:after,
  .btn-toolbar:after,
  .btn-group-vertical > .btn-group:after,
  .nav:after,
  .navbar:after,
  .navbar-header:after,
  .navbar-collapse:after,
  .pager:after,
  .panel-body:after,
  .modal-header:after,
  .modal-footer:after {
    clear: both;
  }
  .center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .pull-right {
    float: right !important;
  }
  .pull-left {
    float: left !important;
  }
  .hide {
    display: none !important;
  }
  .show {
    display: block !important;
  }
  .invisible {
    visibility: hidden;
  }
  .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  .hidden {
    display: none !important;
  }
  .affix {
    position: fixed;
  }
  @-ms-viewport {
    width: device-width;
  }
  .visible-xs,
  .visible-sm,
  .visible-md,
  .visible-lg {
    display: none !important;
  }
  .visible-xs-block,
  .visible-xs-inline,
  .visible-xs-inline-block,
  .visible-sm-block,
  .visible-sm-inline,
  .visible-sm-inline-block,
  .visible-md-block,
  .visible-md-inline,
  .visible-md-inline-block,
  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block {
    display: none !important;
  }




  .visible-print {
    display: none !important;
  }
  @media print {
    .visible-print {
      display: block !important;
    }
    table.visible-print {
      display: table !important;
    }
    tr.visible-print {
      display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
      display: table-cell !important;
    }
  }
  .visible-print-block {
    display: none !important;
  }
  @media print {
    .visible-print-block {
      display: block !important;
    }
  }
  .visible-print-inline {
    display: none !important;
  }
  @media print {
    .visible-print-inline {
      display: inline !important;
    }
  }
  .visible-print-inline-block {
    display: none !important;
  }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important;
    }
  }
  @media print {
    .hidden-print {
      display: none !important;
    }
  }
  /*# sourceMappingURL=bootstrap.css.map */

  /* my styles */
  .grid_panel{margin:20px 0px; padding:0px 20px;}
  .grid_panel h3{padding:0px; margin:0px; }
  .grid_panel .col-sm-6{padding:0px;}
  .portal_sort_by select {
    background: white url("../img/sorty_by_icon.png") no-repeat right center;
    color: #000;
    float: left;
    font-size: 14px;
    height: 30px;
    padding: 0 10px;
    width: 150px;
    border:1px solid #692d87;
    margin-right:5px;
    border-radius: 5px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
          appearance: none;

  }
  .gallery
  {
      display: inline-block;
      margin-top: 20px;
  }
  .glyphicon { margin-right:5px; }
  .list-group-item .item { float: none; width: 100%; margin:0px 0px;}
  .list-group-item .item .list-group-image{ margin-right: 10px; }
  .list-group-item .item .thumbnail { margin-bottom: 0px; padding:5px 10px;  }
  .list-group-item .item .caption{ padding: 5px; }
  .list-group-item .item .list_style{float:left; margin-top:10px;}
  .caption .btn-success{ border-radius:15px; }
  .list-group-item .item:after
  {
  clear: both;
  }
  .list-group-item-text
  {
  margin: 0 0 11px;
  }
  .search_center{width:660px; margin:0px auto;  margin-top:65px; }
  .first_nine{margin-top:65px;}
  .search { position:relative; float:left; width:580px; border:0px; margin-bottom:0px; padding:15px; background:#692d87; border-radius:30px; }
  .search input{ border-radius: 0px; width:300px; box-shadow: none; color:#000; font-size: 16px; height: 30px; margin:0px auto; font-style:italic; float:left;}
  .search img{position:absolute; right:25px; top:15px;}
  .search_icon img{ width:32px; height:32px;}
  .advenced_search{padding: 0px 0px; width: 100%;}
  .advenced_search .collapse.in{width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 10px 10px 10px;  }
  .advenced_search .collapsing{width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 10px 0px 10px; }
  .advenced_search .adv_search_btn{z-index: 999;top: 1.5px; float: right;}
  .adv_search_btn .btn {padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #692d87; margin: 0px 0px 0px 0px; color: #fff; }
  .adv_search_btn .btn:focus {outline: 0px;}
  .adv_search_btn .btn-default:active:hover {color: #fff; border: 1px #692d87 solid;}
  #button_adv_search .glyphicon{margin-right: 0px; margin-left: 0px; text-align: right !important;}
  .advenced_search label{ margin:0px; color:#c7c7c7; font-weight:normal; }
  .advenced_search select
  {
    background: white url("../img/formelements-select.png") no-repeat scroll right center;
    border-radius: 5px;
    box-shadow: none;
    color: #000;
    float: left;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
  }
  .plusminus {
    display:none;
  }

  select::-ms-expand { display: none; }
  .advenced_search .col-sm-3,.col-sm-6{  }
  .grid_view{float:right;}
  .grid_view .btn{padding:4px; border-radius:5px;}
  .aside_bg{ background:#fff; padding:10px; margin-bottom:10px; font-size:16px; color:#434343; }
  .aside_bg input{border-radius:0px; height:40px; font-style:italic; }

  .about_person{float:left;}
  .personal_info_right{ width:753px; vertical-align:middle; line-height:1.5; display: inline-block; vertical-align: middle; word-wrap: break-word;}
  .personal_info_right .date_info{color:#000; position:relative; padding:15px; background:url(../img/transparent_bg.png);  border-radius:20px;}
  .date_info h1{margin:0px !important; padding:0px !important;}
  .greetings{ padding:8px 0px; background:#fff; margin:5px 0px; padding:5px; }
  .greetings .info{ float:left; padding-left:30px; font-size:11px; color:#6c6c6c; }
  .greetings .info .date{color:#6c6c6c; font-size:9px; float:left;  }
  .greetings .name{float:right; text-align:right; font-size:14px; line-height:40px; margin-right:30px;}

  .candle{ padding:8px 0px; background:#e7e7e6; margin:5px 0px; padding:5px; line-height:50px; }
  .candle img{float:left; margin-right:10px; }

  .photo_tumb {
      float: left;
      height: 40px;
      margin: 0 auto;
      padding: 0;
      width: 40px;
      margin-right:10px;
  }
  .photo_tumb div {
      display: table-cell;
      height: 40px;
      text-align: center;
      vertical-align: middle;
  }
  .photo_tumb img {
      display: inline-table;
      float: none;
      max-height: 60px;
      max-width: 60px;
      text-align: center;
  }
  .personal_info_menu{ color:#752270 !important; }
  .search-panel_mobile{display: none;}
  .ad_search{float:left}

  /********* Redio ***********/
  .radio {
    padding-left: 20px;}
    .radio label {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      padding-left: 5px;
      padding-right:30px;    }
      .radio label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 0;
        margin-left: -20px;
        border: 3px solid #666;
        border-radius: 50%;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out;
        transition: border 0.15s ease-in-out; }
      .radio label::after {
        display: inline-block;
        position: absolute;
        content: " ";
        width: 10px;
        height: 10px;
        left: 5px;
        top: 5px;
        margin-left: -20px;
        border-radius: 50%;
        background-color: #555555;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
    .radio input[type="radio"] {
      opacity: 0;
      z-index: 1; }
      .radio input[type="radio"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px; }
      .radio input[type="radio"]:checked + label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1); }
      .radio input[type="radio"]:disabled + label {
        opacity: 0.65; }
        .radio input[type="radio"]:disabled + label::before {
          cursor: not-allowed; }
    .radio.radio-inline {
      margin-top: 0; }




  .radio-info input[type="radio"] + label::after {
    background-color:#333; }
  .radio-info input[type="radio"]:checked + label::before {
    border-color:#333; float:left; }
  .radio-info input[type="radio"]:checked + label::after {
    background-color:#333; float:left; }




  input[type="checkbox"].styled:checked + label:after,
  input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
  input[type="checkbox"] .styled:checked + label::before,
  input[type="radio"] .styled:checked + label::before {
    color: #fff; }
  input[type="checkbox"] .styled:checked + label::after,
  input[type="radio"] .styled:checked + label::after {
    color: #fff; }


  .more, .less {
      font-weight: 600;
      color: #000;
      text-decoration:none;
  }

  /************ My styels **********/
  .funeral_advisor{ float:left;}
  .funeral_advisor  img{ float:left; width:100px;}
  .funeral_advisor .info{ float:left; margin-left:10px; vertical-align: bottom !important;}
  .align_bottom_right
  {
     position:relative;
     float:left;
  }

  .align_bottom_right_button
  {
   position:absolute;  bottom:0px; right:0px;
  }
.user_photo { width: 65px; height: 65px; background:#fff; border:1px solid #fff; position:relative; float: left;  margin:0px 10px 0px 0px; overflow:hidden; border-radius:65px; }
.user_photo .photos {width: 65px; height: 65px; text-align: center;  vertical-align: middle; border-radius:65px; display: table-cell; padding:0px; }
.user_photo .photos img {max-width:104%; max-height:104%; text-align:center; float:none; margin-left:-1px;margin-top: -1px;}
.search_button a{ border-radius:20px; background:#c7c7c7; color:#fff; padding:10px 20px; text-decoration:none; }
.search_button a:hover{border-radius:20px; background:#c7c7c7; color:#fff; padding:10px 20px; text-decoration:none; }

  #menu_icon{
    left: 222px;
    width: 36px;
    background: url('../img/sprites.png')  -222px 219px;}

  /** Date picker **/
  .datepicker {
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 5px;
    direction: ltr;
  }
  .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-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
  }
  .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 7px;
  }
  .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; }
  .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 {
    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(to 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);
  }
  .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;
  }
  .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(to 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;
  }
  .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(to 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;
  }
  .datepicker table tr td span.old {
    color: #999999;
  }
  .datepicker th.switch {
    width: 145px;
  }
  .datepicker thead tr:first-child th,
  .datepicker tfoot tr:first-child th {
    cursor: pointer;
  }
  .datepicker thead tr:first-child th:hover,
  .datepicker tfoot tr:first-child th:hover {
    background: #eeeeee;
  }
  .input-append.date .add-on i,
  .input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
  }

  /*** Memorial page media ***/
  .profile_header{ padding:33px 0px 48px 0px; position:relative; color:#000; margin:0px auto;}
  .profile_header p{font-size:14.7px;}
  .user_login{ float:right}
  .user_login a span{background:#999; padding:1px 5px; margin-right:-5px; font-size:10px; text-decoration:none; color:#fff; border-radius:5px; }
  .user_login a:hover{text-decoration:none !important; }
  .navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
  }
  /** my Styles ***/
  .pull-right{ float:right; text-align:right;}
  .pull-right{ float:right; text-align:right;}
  .clearfix{ margin:0px; padding:0px; clear:both; }
  .img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
  }

  .personal_photo {
    width: 190px;
    height: 190px;
    background:#fff;
    position:relative;
    float: left;
    padding: 0px;
    border-radius:10px;
    border-radius: 220px;
    overflow:hidden;
    border:5px solid #fff;
    margin-right:20px;
  }

  .personal_photo .admin_btn {
    position: absolute;
    bottom: 15px;
    left: 63%;
    color: white;
    font-size: 16px;
    padding:20px 4px 0px 4px;
    cursor: pointer;
    border-radius: 5px;
    width:25px;
    height:25px;
  }

  .personal_photo .admin_btn_change_photo {
    left: 25%;
  }
  .personal_photo .admin_btn_delete_photo {
    left: 44%;
  }

  .personal_photo .photos
  {
    width: 190px;
    height: 190px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    padding:0px;
  }
  .personal_photo .photos img
  {
    width: 110%;
    padding:0px;
    margin-top:-15px;
    margin-left:0px;
  }
  .personal_photo .photos .admin_btn_change_photo img
  {
    margin-top:-14px;
  }
  .page_header {
    background:url(../img/transparent_bg.png) repeat-x top;
    position:relative;
    z-index: 3;
  }
  .page_header .page_header_menu
  .menu_portal {
    z-index: 3 !important;
  }
  .menu_portal.sticky {
    top: 0 !important;
    z-index: 4;
  }
  .menu_portal.shadow {
    box-shadow: 0 0.4em 0.5em -0.5em #c7c7c7;
  }
  .menu_desktop .page_header .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 80px;
  }
  .menu_desktop.national .page_header .wrapper {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .menu_desktop.national .page_header .logo {
    text-align: center;
  }
  .menu_desktop.page_header .app-download-badge {
    display: flex;
    gap: 0.625rem;
    flex-direction: row;
  }
  .page_header .menu_link { border:1px solid #333; font-size:13px; padding:6.5px; float:right; border-radius:5px;}
  .page_header a.menu_link_menu_setting {padding: 0px !important;}
  .page_header a.menu_link_menu_setting div {padding: 6.5px; float: left;}
  .page_header a.menu_link_menu_setting img {padding: 0 !important; float: left; overflow: hidden;}
  .profile_header{background:#fff; padding:130px 0px 45px 0px; position:relative; color:#000;}
  .profile_header p{font-size:13px; line-height:18px;}
  .menu_portal .menu_translate{margin: 10px 0px 0px 0px !important;}
  .page_header .dropit-submenu ul li{text-align: left !important; }
  .header_bg{width:980px; float:none; margin:0px 0px 0px 15px; border-radius:0px; line-height: 185px; min-height: 185px; text-align:left;}
  article{width:518px; margin:0px 10px; padding:0px; float:left; position:relative;}
  article .line{overflow:hidden;}
  article .line .vl{ border-left:1px solid #cdcdcd; position:absolute; right:-10px; top:0; height:340px; }
  aside{float:right; width:265px; margin-right:10px; padding-top:20px }
  .main_menu{ background: #fff; box-shadow:0 5px 10px -5px #999; padding:17px 0px 7px 0px; position:relative; z-index:2;}
  .ipad_menu_full{width:100%; float:left;}
  .menu { display: block; padding:0px;  font-size:13px; font-family:ralewaymedium; text-align:center; }
  .menu li { display: inline-block; position: relative; z-index: 100; }
  .menu li:first-child { margin-left: 0; }
  .menu li a { font-family:ralewaymedium; text-decoration: none; padding:8px; display: block; color: #797979; transition: all 0.2s ease-in-out 0s; border-radius:15px; }
  .menu li a:hover, .menu li:hover>a { color: #fff; background: #c7c7c7;  }
  .menu li.active{ color: #fff; background: #c7c7c7; border-radius:15px; }
  .menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 200px; position: absolute; left: 0px; top:55px; background: #fff; z-index:0; transform: translate(0, 20px); transition: all 0.2s ease-out; box-shadow: 5px 5px 10px #999;}
  .menu ul:after { bottom: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; }
  .menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; }
  .menu ul li a { font-size: 14px; display: block; color: #333; background: #fff; border-bottom:1px solid #ccc; }
  .menu ul li a:hover, .menu ul li:hover>a {background: #c7c7c7; color: #fff; border-radius:0;}
  .menu li:hover>ul { visibility: visible; opacity: 1; transform: translate(0, 0); }
  .menu ul ul { left: 169px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px, 20px); transition: all 0.2s ease-out; }
  .menu li>ul ul:hover { visibility: visible; opacity: 1; transform: translate(0, 0); }
  .responsive-menu { display: none; width: 100%; padding: 20px 15px; background: #fff; color: #fff; text-transform: uppercase; font-weight: 700; }
  .responsive-menu:hover { background: #333; color: #fff; text-decoration: none; }
  a.homer { background: #fff; }
  h1 {
   margin-top:20px;
   margin-bottom:0px;
    font-size: 40px;
   /* font-family:Myriad Pro; */
  }
  .header_bg .date{ font-size:14.7px; font-family:ralewaymedium;}
  .social_icons{position:absolute; bottom:45px; right:20px; height:50px; border-radius:17px; background:url(../img/transparent_bg.png);}
  .social_icons figure{ float:left; padding:4px 4px 5px 4px; }
  .social_icons figure a:hover{opacity: 0.8}
  .main_button_box{padding:20px 10px 15px 10px; float:left; width:538px; background-color: #eaeaea}
  .main_button_box a{color:#222; text-decoration:none;}
  .main_button_box a:hover{text-decoration:none;}

  .main_button {
    display: flex;
    flex-direction: column;
    align-items: center;
    background:#fff;
    float:left;
    padding:8px;
    border-radius:10px;
    font-size:13px;
    font-family:ralewaymedium;
    border:0px;
    text-align:center;
    line-height:1.2;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .main_button::after {
    content: "";
    border-radius: 10px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .main_button img {
    margin-bottom: 2px;
  }
  .main_button:hover { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
  .main_button:hover::after { opacity: 1; }
  .main_button span{padding:0; clear:both;}

  .main_button_invisible{display:none;}
  .main_button_invisible img{ opacity: 0.2; filter: alpha(opacity=20);}
  .main_button_invisible span{ opacity: 0.2; filter: alpha(opacity=20);}
  .main_button_invisible .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:15px; background: rgba(0, 0, 0, 0); transition: background 0.9s ease; }
  .main_button_invisible:active .overlay { display: block; background: rgba(0, 0, 0, .7); }
  .main_button_invisible .read {  color:#fff; z-index:1; text-align:center; position:relative; top:8px; left:-12px;}

  .main_button .text_mobile {
    display: none;
  }
  .default_share_display{padding:0px 40px; width:100%; background:#fff url(../img/default_share_display.jpg) no-repeat; border-radius:10px; margin-bottom:15px; float:left; text-align:center;  font-size:14px; line-height: 172px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); word-wrap:break-word !important; }
  .default_share_display span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
  }
  .share_dispaly{ padding:5px 10px; width:100%; background:#fff; border-radius:10px; margin-bottom:15px; float:left; font-size:13px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); word-wrap:break-word !important; }
  .share_dispaly .right_content{overflow:hidden;}
  .share_dispaly .left_content{float: left;}
  .share_dispaly img{ float:left; margin-right:10px;}
  .icon_center img {margin-right: 0px !important;}
  .share_dispaly .condolence_left_info{width:90%; float:left; word-wrap:break-word; font-family: 'ralewaymedium'; font-weight:bold;}
  .share_dispaly .condolence_left_info img{float:left;  margin-right:10px; width:32px; padding:0; }
  .share_dispaly .condolence_left_info .text{float:left; width:85%;}
  .share_dispaly .condolence_left_info .date{font-weight:normal;}
  .share_dispaly strong{ font-family: 'ralewaymedium'; font-weight:bold; }
  .share_dispaly span{ font-weight:normal; }
  .share_dispaly p{ padding:0px; font-size:13px; }
  .share_dispaly p img{ margin:5px 0px; text-align:center; }
  .share_dispaly a{ }
  .share_icons{float:left;}
  .share_icons img{float:left; margin-right:5px; padding:0px;}

  .photo_large { width:100%; float:none !important; }
  .photo_large .display_photo{background:#fff; max-height:200px; overflow:hidden; width:100%; margin:0px auto; text-align: center;}
  .photo_large .display_photo img{padding:0px; text-align:center; margin:0px auto; margin:0px auto; display: block; float: none !important;}
  .photo_large .display_large_photo{background:#fff; overflow:hidden; width:100%; margin:0px auto; align-items: center;}
  .photo_large .display_large_photo img{padding:0px; margin:0px auto; text-align:center; float: none !important;}
  .photo_large .display_small_photo{max-height:50px;}
  .photo_large .see_more_box{background:#fff; width:100%; position:relative; z-index:0; margin:0px; padding:5px 0px; float:left; text-align:center;}
  .photo_large .see_more_box a{text-decoration:none; color:#333;}
   .w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

  .post_box, .share_box{
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top:0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
  }

  article .post
  {
    background:#fff;
    font-size:13px;
    width:40%;
    margin:0px auto;
    padding:0;
    border-radius:10px;
    z-index:1;
    padding:20px;
    position:absolute;
    top:20%;
    left:30%;
  }

  article .share
  {
    background:#fff;
    font-size:13px;
    width:416px;
    margin:0px auto;
    padding:0;
    border-radius:10px;
    z-index:1;
    padding:20px;
    position:absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  article .post p{font-size:14px;}
  article .post input{width:100%; border-top:0px;  border-left:0px; border-right:0px; border-bottom:1px solid #e5e5e5; font-size:14px; padding:10px 0px; float:left; margin-bottom:10px;}
  article .post textarea{width:100%; font-family: 'ralewayregular'; border:0px; font-size:14px; padding:10px 0px; float:left; margin-bottom:10px; }
  article .post .button a{background:#797979; border-radius:17px; float:right; margin-top:10px; padding:10px; color: #fff; text-decoration:none;}

  article .post .symbol {width:100%; float:right !important; padding:0px; border-bottom:1px solid #ccc; text-align:right; margin:0px 0px 20px 20px;}
  article .post .symbol .photos img{width:32px; height:32px; border:1px solid #e5e5e5; border-radius:32px; margin-bottom:10px;}

  .cencel{border:1px solid #666; background-color:#fff; color:#666; border-radius:5px; padding:5px; float:right; margin-bottom:10px; }
  .cencel span{margin:0px; padding:0px;}
  .mobile_post{background:#fff; width:100%; float:left; position:fixed; z-index:1; bottom:105px;left:0; padding:10px; }
  .mobile_post p{ margin:5px 0px; padding:0px; font-size:12px; }
  .mobile_post input{width:100%; border:0; font-size:14px; padding:0px 10px; float:left; margin-bottom:10px; border-bottom:1px solid #999; }
  .mobile_post textarea{width:100%; font-family: 'ralewayregular'; border:0px; font-size:14px; padding:10px 0px; float:left; margin-bottom:10px; }
  .mobile_post .button a{background:#797979; border-radius:17px; float:right; margin-top:10px; padding:10px; color: #fff; text-decoration:none;}
  .mobile_post .symbol{width:100%; float:right; padding-bottom:5px; border-bottom:2px solid #ccc; text-align:right; margin-bottom:10px;}
  .mobile_post .symbol img{padding-left:5px;}
  .photo_greating{position: absolute;}

  .candel_button{ width:100%; float:left; text-align: left; background:#f3b20c; padding:10px 5px; color:#fff; box-shadow:0 0 8px #ccc; border-radius:5px; }
  .heart_button{width:100%; float:left; text-align: left; background:#d92627; padding:10px 5px; color:#fff; box-shadow:0 0 8px #ccc; border-radius:5px;}
  .candel_button:hover, .heart_button:hover {color:#fff;}
  .write_button{text-align: left; background:#6e40a2; padding:10px; color:#fff; box-shadow:0 0 8px #ccc;}

  .minimize_button{background:#fff; padding:5px 0px 0px 0px; margin:0px; text-align:center;}
  .logo_info{ width:100%; background:#fff; float:left; padding:20px; border-radius:10px; min-height:40px; margin-bottom:20px; }
  .logo_info img{ text-align:center; margin:0px auto; }
  .logo_info_mobile{border-radius:0px; margin-bottom:0px;margin-bottom: 2px}
  .info_bg .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0s ease;
    border-radius:10px;
    background-color:rgba(0,0,0,0);
  }
  .info_bg:hover .overlay, .trigger_buttons:hover .overlay {
    opacity: 0.6;
    background:#999;
  }
  .info_bg .overlay .text{
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
.share_filter{height:52px; float:right; padding-top:15px; padding-right:15px; width:100%;}
  .home_page_background{background:#fff !important}
  .activation_email_button button{background: transparent; color: #000; width: auto; position: static; padding: 0px;}
  .personal_info_right h5{padding:0px; margin:0px; font-size:14.7px; font-weight:bold;}

  .mobile_user_icon{
    display: flex;
    justify-content: end;
    align-items: center;
    position: relative;
    top: 20px;
  }

  .read_more_box {
    position: relative;
    width: 97%;
    right: 0px;
    top: 0px;
    margin-bottom: 0px;
    min-height: 50px;
    margin-top:  0px;
    line-height: 25px;
   }

  .readmore {
    text-align: center;
    position: absolute;
    bottom: 0px;
    right: -30px;
    margin-top:  0px;
    word-wrap:  break-word;
    overflow: hidden;
  }

  .readless {
    text-align: right;
    position: absolute;
    word-wrap:  break-word;
    font-size: 18px;
    bottom: 0px;
    right: -30px;
    clear:  both;
    margin-top:  0px;
  }

  .readmore .circle,
  .readless .circle {
    padding-top: 2px;
    border: none;
    border-radius: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 30px !important;
    height: 30px !important;
    color: #fff;
    position: relative;
  }

  .desktop_hide.readmore a .circle:hover,
  .readless .desktop_hide a .circle:hover {
    opacity: 0.8;
  }

  .readless .desktop_hide a .circle {
    padding-top: 0;
  }

  #less .description {
    width: 100%;
    float: left;
    overflow: hidden;
    word-wrap: break-word;
  }

  #less .description.trim {
    max-height: 50px;
  }

  .bottom_shadow {position:absolute; top:-10px; width:100%; overflow:hidden;}

  .background{background:#fff; padding:0px;}
  .swipenavigation {
    display: none;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    bottom:0px;
    right:0px;
    z-index:9999;
    width: 100%;
    background:#fff;
    border-top:2px solid #ccc;
    padding: 0 1rem;
  }
  .swipenavigation .back { left: 0; }
  .swipenavigation ul {
    width: 100%;
    max-width: 350px;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style-type: none;
    gap: 0.3rem;
    padding: 0;
  }
  .swipenavigation ul li {
    display: flex;
    width: 100%;
  }
  .swipenavigation ul li a { display: block; height: auto; text-decoration: none; color: #777; padding: 2px; box-sizing: border-box; text-align: center; transition: background-color 0.5s ease-out;}
  .swipenavigation ul li a:hover:not(.hover-disabled) { transition: background-color 0s; }
  .swipenavigation ul li a.hover-disabled.touch { transition: background-color 0s; background-color: #ccb700; }
  .swipenavigation ul li a img{ width:50px; height:50px; clear:both; margin:5px 0px 5px 0px; padding:0px; border:1px solid #706f6f; border-radius:40px; }
  .swipenavigation ul li a.active {
    color: white;
  }

  .mobile_menu{background:#343434; z-index:1111; border-top:1px solid #fff;  width:100%; padding:10px; position:absolute; position:fixed; bottom:50px; font-size:13px;}
  .mobile_menu img{margin-top:3px; margin-right:15px; margin-left:15px; float:left;}
  .mobile_menu span{float:left;  line-height:30px; margin-right:10px; }
  .mobile_menu .left{float:left;  width:71%;  margin:0px; padding:0px; }
  .mobile_menu .right{ float:right; width:29%;  margin:0px; padding:0px; text-align:right;}

  /** Mobile menu **/
  a, a:hover, a:focus {
      color: inherit;
      text-decoration: none;
      transition: all 0.3s;
  }

  #sidebar {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 999;
    background: #c7c6c6;
    color: #fff;
    transition: 0.5s;
    overflow-x: hidden;
    opacity: 0.98
  }
  .mobile_bottom_menu
  {
    position:absolute;
    bottom:57px;
    right:0;
    width:100%;
    display: block;
    transition: 0.5s;
  }


  #sidebar li{list-style:none;}
  #sidebar li a{text-decoration:none; padding:0px 10px; line-height:40px; background:#fff; width:100%; float:left; color:#000; margin-bottom:2px;}


  .select_symbol_box{
    width:100%;
    float:left;
    height:55px;
    background:#fff;
    white-space: nowrap;
    overflow: hidden;
    padding:0px;
    overflow-x: hidden;
  }
  .select_symbol_box .back { left: 0; }
  .select_symbol_box ul { width: auto; list-style: none; margin: 0; padding: 0; overflow-x: auto; -webkit-overflow-scrolling: touch;  }
  .select_symbol_box ul li { display: inline-block; margin: 0; padding: 0;}
  .select_symbol_box ul li a { display: block; height: auto; text-decoration: none; color: #777; padding:5px 0px 0px 0px;}
  .select_symbol_box ul li a:hover:not(.hover-disabled) { transition: background-color 0s; }
  .select_symbol_box ul li a.hover-disabled.touch { transition: background-color 0s; background-color: #ccb700;  }
  .select_symbol_box ul li a img{clear:both; margin:0px; border:1px solid #fff; margin-right:5px; width:31px !important; height:31px !important; border:none !important; outline:0; padding:0px; }
  .select_symbol_box ul li a:hover img{border:1px solid #999;  background:#ccc; border-radius:20px; padding:0px;  }
  .funeral_information{background:#fff; padding:2px;}

  .mobile_top_stripe{ background:url(../img/transparent_bg.png); margin-bottom:10px;}
  .facebook_color {
    fill: #ffffff;
  }
  .symbol_mobile{border-top:1px solid #e5e5e5; width:100%; float:left; line-height:30px; }
  .symbol_mobile a{ padding:0px; width:100%;   }
  .symbol_mobile a img{margin-right:10px; }
  .symbol_mobile:hover{ background:#666; color:#fff; cursor:pointer; }

  .w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}

  .personal_info_text{ max-height:255px; overflow:auto; margin:0; white-space:pre-wrap;}

  .memorial_page_greeting h4{margin:10px 0px; padding:0px;}
  .memorial_page_greeting h5{margin:10px 0px; padding:0px; font-size:18px;}
  .greetings_filters{float:left; width:100%; margin:20px 0px 19px 0px; position:relative;}
  .greeting_image{position:absolute; top:-15px; right:0px; z-index:0; float:right; display: inline-block;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
  .greeting_image img{margin-right:10px; float:left; cursor: pointer;}
  .greeting_image img::after {
    content: "";
    border-radius: 20px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .greeting_image img:hover { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
  .greeting_image img:hover::after { opacity: 1; }




  .memorial_page_greeting .button{ margin:3px 15px 0px 0px; padding-right:20px; float:left; background:#86766a; border-radius:30px; font-size:16px; }
  .memorial_page_greeting .button span{ padding:10px; color:#fff;   float:left; }
  .memorial_page_greeting .button img{float:left;  padding:5px 0px 5px 15px;}
  .memorial_page_greeting .share_dispaly{color:#000;}
  .memorial_page_greeting .date{color:#000 !important;}
  .memorial_page_greeting p{font-size:12px; line-height:22px;}
  article hr{border-top:1px solid #ccc; padding:0px; margin:0px 0px 5px 0px;}

  .memorial_page_streaming_of_ceremony_iframe_column_wrapper {
    margin-top: 10px;
  }
  .memorial_page_streaming_of_ceremony_iframe_wrapper {
    padding: 0px 20px;
  }
  .memorial_page_streaming_of_ceremony_aspect_ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
  }
  .memorial_page_streaming_of_ceremony_aspect_ratio iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .video_link {
    text-align: center;
    padding: 3%;
  }
  .memorial_page_streaming_of_ceremony_link_button {
    box-shadow: 0px 0px 5px 1px #757475;
    border-radius:28px;
    border:1px solid #3b19ab;
    display:inline-block;
    cursor:pointer;
    font-family:Arial;
    font-size:17px;
    padding:15px 5%;
    margin-top: 20px;
    text-decoration:none;
    max-width: 290px;
  }
  .memorial_page_streaming_of_ceremony_link_button:active {
    position:relative;
    top:1px;
  }
  .streaming_video_link_description {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    font-size: 14.7px;
    font-family: ralewaymedium;
    font-weight: bold;
    white-space: pre-wrap;
  }


  /************ Flower Shop ****************/

  .hiddenProduct {
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    opacity: 0;
    transform: scale(0.001);
    transition: all .4s ease-in-out; }

  .product_category_list {
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    height: 0;
    overflow: hidden;
    transition: all .4s ease-in-out;
    position:relative;
    z-index:0;
    }

  .product_category_list.show {
    height: auto;
    overflow: inherit; }

  .product_category_list .wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
  }

  @media only screen and (min-width: 768px) and (max-width: 1200px)
  {
    .product_category_list .wrapper {
      gap: 20px 30px;
      padding: 0 18px
    }
  }

  .visibleProduct {
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    opacity: 1;
    transform: scale(1);
    transition: all .4s ease-in-out; }

  /** Order flower styles  **/

  .flowershop_tabs .inactive { background: #333; position: relative; z-index: 0; }

  .flowershop_tabs { width: 100%; margin: 0px auto; padding:30px;}
  .flowershop_tabs .ceremony_flowers,
  .flowershop_tabs .condolences_flowers_inactive,
  .flowershop_tabs .ceremony_flowers_inactive,
  .flowershop_tabs .condolences_flowers
   {
     width: 48%; min-height: 210px; border-radius:20px; position:relative; float: left; text-align:center; box-shadow:0 0 8px #ccc;
   }
   .flowershop_tabs .condolences_flowers_inactive,
   .flowershop_tabs .condolences_flowers
   {float: right;}
   .flowershop_tabs .condolences_flowers:hover, .flowershop_tabs .ceremony_flowers:hover { transition: 0.2s ease; box-shadow:0 0 10px #696969; }
  .flowershop_tabs .ceremony_flowers { background: url(/assets/common/img/ceremony_active.png) no-repeat; }
  .flowershop_tabs .ceremony_flowers .title
  {
    width:100%;
    float: left;
    color: #000;
    text-align: center;
    position:absolute;
    bottom:0;
    border-radius:0 0 20px 20px;
    margin: 0;
    padding: 0;
    background: #fff;
    height: 80px;
    line-height: 80px;
    font-weight: 600;
  }
  .flowershop_tabs .ceremony_flowers .description {
  color: #fff;
  font-size: 14px;
  text-align: center;
  min-height: 65px;
  margin-top: 10px; }
  .flowershop_tabs .ceremony_flowers .order_button {
  margin: 0px auto;
  float: none;
  text-align: center; }
  .flowershop_tabs .ceremony_flowers_inactive {
    background: url(/assets/common/img/ceremony_inactive.png) no-repeat; }
  .flowershop_tabs .ceremony_flowers_inactive .title {
    width:100%;
    float: left;
    color: #000;
    text-align: center;
    position:absolute;
    bottom:0;
    border-radius:0 0 20px 20px;
    margin: 0;
    padding: 0;
    background: #fff;
    height: 80px;
    line-height: 80px;
    font-weight: 600;
  }
  .flowershop_tabs .ceremony_flowers_inactive .title span, .flowershop_tabs .condolences_flowers .title span, .flowershop_tabs .condolences_flowers_inactive .title span, .flowershop_tabs .ceremony_flowers .title span { display:inline-block; line-height:normal; vertical-align:middle;}

  .flowershop_tabs .ceremony_flowers_inactive .description {
  color: #fff;
  font-size: 14px;
  text-align: center;
  min-height: 65px;
  margin-top: 10px; }
  .flowershop_tabs .ceremony_flowers_inactive .order_button {
  margin: 0px auto;
  float: none;
  text-align: center; }
  .flowershop_tabs .condolences_flowers {
  background: url(/assets/common/img/home_active.png) no-repeat; }
  .flowershop_tabs .condolences_flowers .title {
    width:100%;
    float: left;
    color: #000;
    text-align: center;
    position: absolute;
    bottom:0;
    border-radius:0 0 20px 20px;
    margin: 0;
    padding: 0;
    background: #fff;
    height: 80px;
    line-height: 80px;
    font-weight: 600;
  }

  .flowershop_tabs .condolences_flowers .description {
  color: #fff;
  font-size: 14px;
  text-align: center;
  min-height: 65px;
  margin-top: 10px; }
  .flowershop_tabs .condolences_flowers .order_button {
  margin: 0px auto;
  float: none;
  text-align: center; }

  .flowershop_tabs .condolences_flowers_inactive {
  background: url(/assets/common/img/home_inactive.png) no-repeat; }
  .flowershop_tabs .condolences_flowers_inactive .title {
    width:100%;
    float: left;
    color: #000;
    text-align: center;
    position: absolute;
    bottom:0;
    border-radius:0 0 20px 20px;
    margin: 0;
    padding: 0;
    background: #fff;
    height: 80px;
    line-height: 80px;
    font-weight: 600;
  }

  .flowershop_tabs .condolences_flowers_inactive .description {
  color: #fff;
  font-size: 14px;
  text-align: center;
  min-height: 65px;
  margin-top: 10px; }
  .flowershop_tabs .condolences_flowers_inactive .order_button {
  margin: 0px auto;
  float: none;
  text-align: center; }

  .flowershop_menu {
  border:1px solid #ccc;
  margin: 0px 40px 10px 0px;
  padding: 0px;
  background: #fff;
  height: 28px;
  float:left;
  font-size: 14px;
  border-radius: 6px;
  line-height: 28px; }
  .flowershop_menu a {
  text-decoration: none;
  color: #000;
  text-align: center;
  padding: 4px 16px 4px 10px;
  margin: 0px; }
  .flowershop_menu a:hover {
  padding: 4px 16px 4px 10px;
  text-decoration: none;
  color: #000;
  text-align: center;
  margin: 0px;
  border-radius: 6px; }
  .flowershop_menu a.select {
  padding: 6px 10px 4px 10px;
  text-decoration: none;
  color: #000;
  text-align: center;
  margin: 0px;
  border-radius: 6px;
  background:#c7c7c7;}
  .flowershop_btn {
    margin-bottom: 150px;
  }
  .flowershop_btn a{
  padding:5px 30px; color:#fff; background:#000; font-size:14px; border-radius:5px; }
  .product_btn_div{float: left;}
  .product_sort_by{float: left;}
  .product_sort_by select {
      margin-top: 0px;
      box-shadow: none;
      border:1px solid #c7c7c7;
      width: 300px;
      height: 26px;
      padding: 0px 25px 0px 5px !important;
      font-size: 14px;
      color: #000;
      border-radius: 5px;
      background: white url(../img/sorty_by_icon.png) no-repeat center right;
      -webkit-appearance: none;
      -moz-appearance: none !important;
      appearance: none !important;
  }
  .product_photos .lightbox{display: flex; align-items: center; justify-content: center;}

  /** Orderbox **/
  .h3_title
  {
    padding: 14px 0;
    margin: 0;
   }

  .product_display_text .button {
    background: #c7c7c7;
    height: 40px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #c7c7c7 !important;
    border-radius: 4px !important;
  }
  .product_display_text .button:hover, .product_display_text .button:hover:focus, .product_display_text .button:hover:active {
    background: #c7c7c7;

  }
  .product_view_box{
    float:left;
    width:100%;
  }
  .flower_box
  {
    width:291px;
    height:390px;
    transition: box-shadow .10s;
    border-radius:10px;
    padding:0px !important;
  }
  .flower_box > a
  {
    display: inline-block;
  }
  .flower_box:hover {
    box-shadow: 0 0 10px rgba(33,33,33,.2);
  }
  .choose_product
  {
    width: 291px; height: 390px; float: left; padding: 0px; position:relative; background:#fff; box-shadow:0 0 8px #ccc; border-radius:10px; overflow:hidden;
  }
  .choose_product .photos
  {
    width: 291px; height: 291px; text-align: center; vertical-align: middle; display: table-cell;
  }
  .choose_product .photos img
  {
    max-width: 291px; max-height: 291px;
  }

  .flower_choose
  {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    text-align:center;
    height: 100px;
  }

  .flower_choose h3 {
    margin: 0;;
  }
  .flower_choose h4
  {
    margin:0px;
    padding:4px;
  }

  @media only screen and (max-width: 767px)
  {
    .h3_title
    {
      margin: 15px 0;
      font-size: 1.25em;
    }
    .flower_choose
    {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 50px;
      padding: 0px;
    }
    .flower_choose h3
    {
      margin: 0;
      padding: 0 4px 4px;
      font-size: 0.75em;
    }
    .main_button .text_mobile
    {
      display: block;
    }
    .main_button .text_desktop
    {
      display: none;
    }
  }

  .wizard { margin: 0px auto; padding:0px; position:relative; z-index:0;}
  .wizard .nav-tabs { position: relative; margin: 0px auto; margin-bottom: 0; border-bottom-color: #929292; margin-top:0px; }
  .wizard > div.wizard-inner { position: relative; width:500px; float:left; padding:0px; margin:0px; }
  .donation_wizard .connecting-line {width: 50%;}
  .connecting_line_donation_others{height: 3px; background: #929292; position: absolute; width: 60%; margin: 0 auto; left: 15px; top: 50%; z-index: 1;}
  .donation_wizard_personal_info .connecting-line {width: 60%;}
  .connecting-line { height: 3px; background: #929292; position: absolute; width: 85%; margin: 0 auto; left: 15px; top: 50%; z-index: 1; }
  .profile_edit_line .connecting-line {width: 24%;}
  .profile_edit_line .connecting-line-welcome-mail{width:60% !important;}
  .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus { color: #555555; cursor: default; border: 0; border-bottom-color: transparent; }
  span.round-tab { width: 48px; height: 48px; line-height: 36px; display: inline-block; border-radius: 30px; background: #fff; border: 2px solid #929292; z-index: 111; position: absolute; left: 0; text-align: center; font-size: 25px; padding:5px; }
  span.round-tab i{ color:#555555; }
  .wizard li.active span.round-tab { background: #c7c7c7; border: 2px solid #929292; }
  .wizard li.active span.round-tab i{ color: #c7c7c7; }
  span.round-tab:hover { color: #333; border: 2px solid #333; }
  .wizard .nav-tabs > li { width: 14%; }
  .wizard .nav-tabs > li a {
    width: 48px;
    height: 48px;
    margin: 8px auto;
    border-radius: 100%;
    padding: 0;
  }


  .wizard .nav-tabs > li a:hover {
    background: transparent;
  }

  .wizard .tab-pane {
    position: relative;
    padding-top: 50px;
  }

  .wizard h3 {
    margin-top: 0;
  }

  .add_to_cart{ position:absolute; right:18px; top:3px; font-size:12px; text-align:right; float: right; z-index: 999;}
  .add_to_cart span{ font-size:14px;}
  #product_count{width:30px; position:relative; top:7px; right:44px; }
  .button a{
    background:#c7c7c7;
    padding:7px 20px 7px 20px;
    border-radius:6px;
    float:right;
    cursor:pointer;
  }

  .button_next a{
    background:#c7c7c7;
    padding:7px 20px 7px 20px;
    border-radius:6px;
    float:right;
    cursor:pointer;
    margin-bottom: 10px;
  }
  .button_previous a{
    background:#c7c7c7;
    padding:7px 20px 7px 20px;
    border-radius:6px;
    float:left;
    overflow:hidden;
    cursor:pointer;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .button_basket a{
    padding:7px 20px 7px 20px;
    border-radius:6px;
    margin-right:10px;
    float:right;
    cursor:pointer;
    margin-bottom: 10px;
  }
  .button_next_right a, .button_next_right input, .button_next_right button {
    padding:7px 20px 7px 20px;
    border-radius:6px;
    float:right;
    cursor:pointer;
    margin-bottom: 10px;
  }
  .button_next_left a{
    background:#c7c7c7;
    padding:7px 20px 7px 20px;
    border-radius:6px;
    float:left;
    cursor:pointer;
    margin-bottom: 10px;
  }
  .information_icon{position:absolute; bottom:10px; right:10px; z-index:1111;}
  .follow_information_icon{ position:absolute; top:10px; right:10px; z-index:0;}
  .info_mobile{border-radius:10px; border:1px solid #333; padding:10px; background:#fff; line-height:18px !important;}
  .information_text{font-size:12px; float:left; margin-top:10px; }
  .information_text img{margin:0px; padding:0px; width:20px; height:20px; margin-top:-5px;}
  .product_display{
    background: #fff;
    overflow:hidden;
    border-radius:20px;
    box-shadow: 0 0 8px #ccc;
  }
  .product_display_text{background:#fff; border-radius:15px; padding:10px; margin-bottom:10px; font-size:14px;}
  .product_display_text h4{margin:0;}
  .box_bg{float:left; width:100%; background:#fff; padding:10px; margin-bottom:10px; height:auto; border-radius: 10px; font-size:14px; box-shadow:0 0 5px #ccc;}
  .transparent_box_bg{float:left; width:100%; background:url(../img/transparent_bg.png) repeat-x; padding:5px; margin:20px 0px 0px 0px; height:auto; border-radius: 10px; font-size:12px; border:1px solid #ccc; word-break: break-all;}
  .transparent_box_bg img{margin-right:10px; float:left;}
  .transparent_box_bg p{float:left; margin:0px; padding:0px; }


  .basket .col-xs-12, .basket .col-md-3, .basket .col-sm-3, .basket .col-md-6, .basket .col-sm-6{padding:5px;}
  .basket input{ border-radius: 5px;}
  .basket label{font-size:12px;}
  .star{color:#ff0000;}
  .basket .iti {
    width: 100%;
  }

  .equal_height {
    border:1px solid;
    width:100% !important;
  }

  /** Zoom CSS **/
  .product_view_box
  {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 15px;
  }

  a.lightbox img {
    margin: 0px;
    z-index: -999;}

  .lightbox-target {
    position: fixed;
    z-index: 9999;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out; }
    .lightbox-target img {
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      max-height: 0%;
      max-width: 0%;
      border: 3px solid white;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
      box-sizing: border-box;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out; }

  a.lightbox-close {
    display: block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background: white;
    color: black;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right:0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    background: #fff;
    }

  a.lightbox-close:before {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: black;
    position: absolute;
    left: 26px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

  a.lightbox-close:after {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: black;
    position: absolute;
    left: 26px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  .lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0px; }

  .lightbox-target:target img {
    max-height: 100%;
    max-width: 100%; }

  .lightbox-target:target a.lightbox-close {
    top: 0px; }


  /**service page **/
  .service_bg{
    width:98%;
    background: #fff;
    padding: 10px;
    float: left;
    margin:0 1% 5% 1%;
    border-radius:10px;
    line-height:22px;
  }
  .service_bg img{float:left; margin-right:8px;}
  .service_bg a{display:block; width:100%; text-align:center; background:#a2a2a2; color:#fff; padding:5px 10px;  border-radius:10px; margin-bottom:10px; clear: both;}
  .service_bg .logo_mobile a, .service_bg .logo_mobile a img{float:none !important;}
  .service_bg .logo_mobile a img{display: block; margin-left: auto; margin-right: auto;}
  .service_bg .bg_img a {background:none !important; color:inherit !important; text-align:left; float:left; padding:0px; margin-bottom: 0px;}

  .map_canvas {
    width: auto;
    height: 180px;
    border: 1px solid #cccccc; }
    .map_canvas img {
      float: left; }

  .map_canvas_2 {
    width: auto;
    height: 180px;
    border: 1px solid #cccccc; }

  .map_canvas_3 {
    width: auto;
    height: 180px;
    border: 1px solid #cccccc; }
    .map_canvas_3 img {
      float: left; }

  .map_canvas_4 {
    width: auto;
    height: 180px;
    border: 1px solid #cccccc; }

  .list-group h4{color:#692d87;}
  .advenced_search input, .advenced_search select {border-radius:5px; border:1px solid #692d87;}
  .advenced_search label{color: #692d87; padding-left:10px;}
  .advenced_search label i{font-size:14px;}
  .grid-group-item .btn {float:left;}
  .grid-group-item span{font-size:12px;}
  .death_notice_display{float:left; width:80%;  margin-bottom:30px; }
  .death_notice_display img{float:left; margin-right:20px; }
  .death_notice_text{float:left; width:30%;}
  .death_notice_print {
    margin-top: 10px;
  }
  .death_notice_print a {
    padding: 5px 10px;
    border-radius: 20px;
    color: white;
    font-size: 14px;
    white-space: nowrap;
  }
  .death_notice_right .death_notice_logo{max-width:250px;bottom:10px}
  .links{padding:10px; border-radius:10px; color:#fff; margin-bottom:10px; word-wrap: break-word;}
  .links a{font-size:18px; font-weight:bold; text-decoration:none; line-height:24px;}
  /***********gallery*********/
  .menu ul {top: 27px !important; padding: 10px 5px 5px 5px !important;}
  .gal img, .gal video{ width: 100%; padding: 2px !important;}
  .btn_grey {background: #929292 !important; color: #000000;}
  .btn_grey:hover {background: #afafaf !important; color: #000000 !important;}
  .button_div {background: #f6f6f6; padding: 10px; border: 2px dashed #aeadab; text-align: center;}


  .select_image_remove {font-size: 12px; clear: both;}

  .select_image_greeting{float:left; overflow:hidden; border-radius:5px; width:32px; height:32px; border:1px solid #ccc; margin-right:5px;}
  .select_image_greeting .photos{ width: 32px; height: 32px; text-align: center; vertical-align: middle; display: table-cell; padding:0px; }
  .select_image_greeting .photos img{max-width: 32px; max-height: 32px; padding:0px; text-align:center;}

  .select_symbol_greeting{float:left; margin-right:5px; overflow:hidden; border-radius:5px; width:32px; height:32px; border:1px solid #ccc;  margin-left: 10px;}
  .select_symbol_greeting .symbol{ width: 32px !important; height: 32px !important; text-align: center !important; vertical-align: middle; display: table-cell; padding:0px;}
  .select_symbol_greeting .symbol img {max-width: 32px; max-height: 32px; padding:0px; text-align:center; background: #fff; }

  .select_symbol_greeting .photo_greating {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  .img-upload{
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  .img-upload input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }

  .img-upload-edit{
    position: relative;
    overflow: hidden;
    display: inline-block !important;
  }
  .img-upload-edit input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }

  /** Captcha **/
  .captcha {width: 160px; height: 50px; float: left; margin-bottom: 10px; margin-right:10px;}
  .captcha img { float: left; margin-right: 5px; border: 1px solid #ccc; }
  .refresh { width: 20px; padding: 0; float: left; }
  .refresh img { float: left; padding: 0 0 5px 0; border: 0; }
  .audio { width: 20px; height: 25px; float: left; padding: 0; }
  .audio object { height: 30px; float: left; padding: 0 0 5px 0; border: 0; z-index: -1; position: relative; }

  /* equal width and height */
  .equalwrap { display: flex; }
  .equal { padding: 0px; }
  .equal_height_width { flex: 1; margin-right:5px;}
  .equal_height_width_last{ flex:1; float:right; margin:0;}
  .equal_height_width_wrap { justify-content: space-between; }
  .equal_height_width_flower { flex: 1; margin:0px 10px 10px 0px; word-break: break-word; white-space: pre-line; }
  .equal_height_width_flower_last{ flex:1; float:right; margin:0px 0px 10px 0px; word-break: break-all;}
  .equalwrap .col-xs-12{padding:0px; margin:0px 10px 0px 0px;}
  .total{width:303px;}
  .white_bg{background:#fff; padding:20px; border-radius:10px; overflow-x: hidden;}
  .white_bg_content {padding:5px 10px; background:#fff !important; border-radius:10px; margin-bottom:15px; word-wrap:break-word; box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); margin-left:1%; margin-right:1%;}
  .white_bg_content .trigger_buttons {border: 1px #ccc solid; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
  .equalwrap_container {display: flex;}
  .equal_height_width_maps {flex: 1; padding: 0px 16px; position: relative; max-width:290px; word-wrap:break-word; margin:0px 10px; }

  .map_bottom_align iframe{bottom: 0; position: absolute; width: 95%;}

  .memorial_container.min_gava .white_bg { padding: 0;}

  /***********gallery*********/
  .menu ul {top: 27px !important; padding: 10px 5px 5px 5px !important;}
  .gal img, .gal video{ width: 100%; padding: 2px !important;}
  .btn_grey {background: #929292 !important; color: #000000;}
  .btn_grey:hover {background: #afafaf !important; color: #000000 !important;}
  .button_div {background: #f6f6f6; padding: 10px; border: 2px dashed #aeadab; text-align: center;}

  .tool_tip {position: relative; display: inline-block; white-space: normal; z-index:1; }
  .tool_tip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #fff;
    color: #000;
    text-align: center;
    line-height:1.5;
    border-radius: 12px;
    border: 1px #797979 solid;
    padding: 10px;
    position: absolute;
    z-index: 1;
    margin-bottom: -10px;
    bottom: 0px;
    left: 110%;
    margin-left: 12px;
    min-height: 50px;
    white-space: normal;
    overflow: visible;
  }
  .tool_tip .tooltiptext::after {
    content: "";
    position: absolute;
    z-index:1;
    bottom: 19px;
    left: -5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #fff;
    display: block;
    width: 0;
    margin-top: 5px;
  }
  .tool_tip .tooltiptext::before {content: ""; position: absolute; bottom: 15px; left: -9px; border-top:8px solid transparent; border-bottom:9px solid transparent; border-right:9px solid #797979; display: block; width: 0; margin-top: 5px; z-index:1;}
  .tool_tip:hover .tooltiptext {visibility: visible; }

  .profile_img_preview .modal {
      padding-top: 100px !important; /* Location of the box */
      width: 100% !important; /* Full width */
      height: 100% !important; /* Full height */
      background-color: rgb(0,0,0) !important; /* Fallback color */
      background-color: rgba(0,0,0,0.9) !important; /* Black w/ opacity */
  }

  /* Modal Content (image) */
  .profile_img_preview .modal-content
  {
    margin: auto !important;
    display: block !important;
    width: 80% !important;
    max-width: 700px !important;
  }
  .profile_img_preview .modal-open { overflow: hidden !important; }   /* The Close Button */
  .profile_img_preview .close
  {
    position: absolute !important;
    top: 15px !important;
    right: 35px !important;
    color: #f1f1f1 !important;
    font-size: 40px !important;
    font-weight: bold !important;
    transition: 0.3s !important;
  }

  .profile_img_preview .close:hover,
  .profile_img_preview .close:focus
  {
    color: #bbb !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }


  /**********cart basket******/
  .basket_dropdown .dropdown-menu{margin-right: 0px; border-radius:0 !important; font-weight: bold; color:#fff; margin-top: 20px; padding: 0px; width: 100%; border:0 !important; background: #606060; position:relative; z-index:1 !important; float: right;}
  .basket_dropdown .table {  margin-bottom: 0px !important; padding: 10px; font-size: 12px !important;  }
  .basket_dropdown .table > tbody > tr > td{ border-bottom: 1px #424242 solid!important; border-top: 0px !important; vertical-align: bottom;}
  .basket_dropdown .table > thead > tr > th { border-bottom: 0px !important; border-top: 0px !important; }
  .basket_dropdown .table > thead > tr > th > h4{color: #fff !important;}

  .triangle-border:before {
    content: "";
    position: absolute;
    top: -19px;
    right: 15px;
    border-width: 0px 19px 19px;
    border-style: solid;
    border-color: #606060 transparent;
    display: block;
    width: 0;
  }
  .basket_dropdown tfoot{background: #949494 !important; font-weight: bold !important;}
  .triangle-border:after {
    content: "";
    position: absolute;
    top: -13px;
    right: 20px;
    border-width: 0px 12px 12px;
    border-style: solid;
    border-color: #606060 transparent;
    display: block;
    width: 0;
  }
  .basket_dropdown .table span{color: #ccc !important; font-size: 18px;}

  @media only screen and (max-width: 992px)
  {
    .swipenavigation {
      height:60px;
      display: flex;
      gap: 1rem;
    }
    .swipenavigation ul li a img{ width:40px; height:40px; clear:both; margin:5px 0px 5px 0px; padding:0px; border:1px solid #706f6f; border-radius:40px; }
    .swipenavigation ul li a {
      border: 1px solid black;
      height: 40px;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      color: #333;
    }
    .share_icons_mobile {bottom:55px !important;}
    .text_align_left {margin-left:1%; float:left;}
    .text_align_left h4{float:left; }
    .text_align_left a{margin-top:10px;}
    .menu{width:100%; display:inline-block; overflow-x:scroll; white-space: nowrap; }
    .social_icons{right:10px !important; bottom:64px !important;}

    #less .description{
      float: none;
      display:block;
    }

    #less .description.trim {
      max-height: 70px !important;
    }

    .edit_personal_info{float: none;}
    .profile_header .date{display: inline-block;margin: 0 auto;text-align: center;}

    .mobile_menu_button_right {
      width: 100%;
      max-width: 110px;
    }

    .mobile_menu_button_right a {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0.3rem 0.6rem;
      border: 1px solid #000;
      color: #000;
      border-radius: 0.8rem;
    }

    .mobile_menu_button_right a span {
      font-size: 0.8rem;
      text-transform: uppercase;
      width: 100%;
      text-align: center;
    }
  }
  @media only screen and (width: 1024px)
  {
    .menu{width:100%; display:inline-block; overflow-x:scroll; white-space: nowrap; }
    .social_icons{right:10px !important; bottom:63px !important;}
    .sidenav[style] {width:100% !important;}
  }
  .menu_dropdown .dropdown-menu{margin-top: 5px;}
  .menu_dropdown a:hover, .menu_dropdown a:focus {color: #000; background: #c7c7c7; }
  .menu_dropdown .dropdown-menu > li > a:hover, .menu_dropdown .dropdown-menu > li > a:focus{background: #c7c7c7 !important; color: #000;}
  .menu_dropdown ul li a { font-size: 14px; display: block; color: #333; background: #fff; padding: 6px 18px; border-bottom: 1px solid #ccc; }
  .menu_dropdown ul:after { bottom: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px;}
  .addons_admin { width: 100px; height: 100px; background: #fff; float: left; overflow:hidden; padding: 0px; border: 1px solid #ccc;}
  .addons_admin .photos { width: 100px; height: 100px; text-align: center; vertical-align: middle; display: table-cell; }
  .addons_admin .photos img { max-width: 100px; max-height: 100px; float:none; text-align:center; }
  .input_file { width: 300px; float: left; margin: 0px; padding:0px; background:none; border:0; }
  .default_flower_edit{padding:10px;border:1px solid #ccc;border-radius:10px;background:#fff;}
  .profile_image{border:1px solid #ccc;}
  .embed-responsive-item{width:100%;}
  .box_bg hr{margin:0; padding:0;}

  /* Donations */
  .select_donation { display: inline-block; float: left; margin-top: 10px;}
  .donation_amount { float: left; font-size:13px; }
  .donation_amount a { background: #fff; text-decoration: none !important; padding: 10px; border: 1px solid #c7c7c7; border-radius: 5px; margin-right: 5px; }   .donation_amount a:hover { color: #fff; background: #c7c7c7 !important; box-shadow: 0 0 0 0; }
  .donation_amount a.select { color: #fff; background: #c7c7c7 !important; box-shadow: 0 0 0 0; }
  .donation_amount input{ width:100px; padding:10px; border-radius: 5px; border: 1px solid #c7c7c7; font-size:13px; float: left; margin-top: -6px;}
  .donation_amount .currency {line-height: 2.2; margin-top: 0px; margin-left: 5px; float: left; vertical-align:middle;}
  .donation_amount_input {padding: 5px 10px; margin:0px; width:105px !important; position: relative; z-index:1; top:-4px;}
  .donation_page{padding-left: 15px;}
  .donation_page .left_side_content {width: 19%;  float:left;}
  .donation_page .right_side_content {width: 81%; padding-left: 3px; float:left;}
  .form-inline .form-group{margin-bottom:10px; width:100%;}
  .form-inline label{width:40%; word-break:break-word;}
  .form-inline input[type="text"] {width:58%; border:1px solid #c7c7c7; }
  .certificate_right_column{padding-left: 0px !important; padding-right: 0px !important;}
  .certificate_preview { background: url(/assets/common/img/bg_certificate_preview.png); background-size: 100% 460px; background-repeat:no-repeat; height: 460px; color: #000; padding: 0px 20px; margin: 0px; font-size: 8px; line-height: 11px; text-align: center; -moz-box-shadow: 0 0 8px #ccc; -webkit-box-shadow: 0 0 8px #ccc; box-shadow: 0 0 8px #ccc; overflow: hidden; word-wrap: break-word; }
  .certificate_preview img {width: 100px; height: 100%; margin: 0px 0px 0px 0px; }
  .certificate_preview b { font-size: 10px; font-weight: normal !important; color: #000; }
  .certificate_preview h2 { font-size: 14px; margin: 0px; padding: 0px; line-height: 18px; color: #000; }
  .certificate_preview h3 { font-size: 13px; margin: 0px; padding: 0px; line-height: 16px; color: #000; }
  .form .certificate { float: left; margin: 5px; }
  .select_yes_no{padding:0px; line-height:27px;}

.donation_preview {float: left; margin: 0px; border:1px solid #c7c7c7 !important; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; overflow:hidden; background:#fff; border-radius: 20px; margin:0px 5px; height:26px; }
.donation_preview a {background: #fff; text-decoration: none !important; padding: 4px 40px; border-radius: 20px; margin:0px; margin-left:-20px; line-height:26px; }
.donation_preview a:hover {color: #fff; background: #c7c7c7; box-shadow: 0 0 0 0; }
.donation_preview a.select { color: #fff; background: #c7c7c7; box-shadow: 0 0 0 0; margin-left:-20px; }
article .post_checkbox{line-height: 1.7 !important;}
article .post_checkbox input {width: auto !important;}
article .post_checkbox a {color: blue; text-decoration: underline;}

/****** memorial donation modal popup *****/

.modal_donation_popup #inline {max-width: 820px;}
.modal_donation_popup .certificate ul {list-style: none; padding: 0px !important;}
.modal_donation_popup   #inline .certificate ul li {width: 100px; float: left; margin: 5px !important; list-style: none; }
.modal_donation_popup   #inline .certificate ul li {width: 100px; float: left; margin: 5px !important; list-style: none; }

#css-only-modals { position: fixed; pointer-events: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000000; text-align: center; white-space: nowrap; height: 100%; }
#css-only-modals:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.css-only-modal {width: 40%; background: #FFF; z-index: 1; display: inline-block; position: relative; pointer-events: auto; padding: 25px; text-align: right; border-radius: 4px; white-space: normal; display: inline-block; vertical-align: middle; opacity: 0; pointer-events: none; }
.css-only-modal h2 { text-align: left; }
.css-only-modal p { text-align: left; }
.css-only-modal label { background: #999; padding: 3px 10px; float: right; border-radius: 5px; color: #fff; line-height: 24px; cursor: pointer; }
.css-only-modal-check { pointer-events: auto; display: none; }
.css-only-modal-check:checked ~ .css-only-modal { opacity: 1; pointer-events: auto; }
.css-only-modal-check:checked ~ #screen-shade { opacity: 0.5; pointer-events: auto; }
#screen-shade { opacity: 0; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; transition: opacity 0.8s; }
/* SVG icons color change */
.active .svg { fill: white; }

/* fancybox css */
.list-inline > li {margin-top: 8px;}
a .svg_hover { fill: white; }
#show_content i {font-size: 12px !important;}
.select_image_box{position: absolute; right:40px; float:left; width:280px; height:35px; line-height:25px; }
.select_image_box span{float:right; line-height:32px;}
.select_image_box .select_image{ float:right; overflow:hidden; width:32px; height:32px;}
.select_image_box .select_image .photos{ width: 32px; height: 32px; text-align: center; vertical-align: middle; display: table-cell; padding:0px; }
.select_image_box .select_image .photos img{max-width: 32px; max-height: 32px; padding:0px; text-align:center;}

/* custom-checkbox */
input[type=checkbox]{position:relative;}
input[type=checkbox].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
label.css-label { padding: 0 10px 0 28px; height: 20px !important; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; word-wrap: break-word; font-weight: normal; line-height: 20px;}
label.css-label a { color: blue; text-decoration: underline; }
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -20px;}
label.css-label {background-image:url(../img/checklist_icon.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox-blue.custom-checkbox label:before {border: 1px solid #DDD; width: 30px; height: 30px; background: #fff; margin-top: 5px; }
.memorial_checkbox_container .custom-checkbox input[type="checkbox"]:checked + label:after { content: ""; position: absolute; top: 10px; left: 10px; color: #FFF; }
.checkbox-blue.custom-checkbox input[type="checkbox"]:checked + label:before { background: #00a0de; }
input[class="blue"] + span::before{ border: solid 1px #000; }

/* greeting page */
.donations_bg{ background:#007879; float:left; width:32px; height:32px; border-radius:20px; margin-left:5px;}
.donations_bg .greeting-primary{background:#666; float:left; width:32px; height:32px; border-radius:20px; position:relative; z-index:1; }
.candels_bg .greeting-primary img{ text-align:center; padding:0px; position:relative; z-index:1;}
.condolences_bg{ background:#7a4aa9; float:left; width:32px; height:32px; border-radius:20px; margin-left:5px;}
.condolences_bg .greeting-primary{ background:#666; float:left; width:32px; height:32px; border-radius:20px; position:relative; z-index:1;}
.candels_bg .greeting-primary img{ text-align:center; padding:0px; position:relative; z-index:1;}
.candels_bg{ background:#f6bd06; float:left; width:32px; height:32px; border-radius:20px; margin-left:5px;}
.candels_bg .greeting-primary{ background:#666 !important; float:left; width:32px; height:32px; border-radius:20px; position:relative; z-index:1;}
.heart_bg{ background:#c85b00; float:left; width:32px; height:32px; border-radius:20px; margin-left:5px;}
.heart_bg .greeting-primary{ background:#666; float:left; width:32px; height:32px; border-radius:20px; position:relative; z-index:1;}
.heart_bg .greeting-primary img{ text-align:center; padding:0px; position:relative; z-index:1;}
.flowers_bg{ background:#407700; float:left; width:32px; height:32px; border-radius:20px; margin-left:5px;}
.flowers_bg .greeting-primary{ background:#666; float:left; width:32px; height:32px; border-radius:20px; position:relative; z-index:1;}
.flowers_bg .greeting-primary img{ text-align:center; padding:0px; position:relative; z-index:1;}
.map_address h4{min-height: 48px;  line-height:48px;   vertical-align: middle;}
.map_address h4 span{display: inline-block; vertical-align: middle; line-height: normal;}
.map_address .map_address_line{min-height: 48px;  line-height:48px;   vertical-align: top;}
.map_address .map_address_line span{display: inline-block; vertical-align: top; line-height: normal;}
.extended_search {position: relative; height: 40px; margin-left: 0px;}
.extended_search .extended_search_lable {position: absolute; bottom: 0;}

@media only screen and (min-width: 32px) and (max-width: 480px)
{
  .button a{margin-bottom:10px !important;}
  .text_logo{width:250px; margin-left:-15px;}
  .mobile_user_icon{right:0px !important;}
  .share_dispaly .condolence_left_info{width:85%; float:left; word-wrap:break-word; font-family: 'ralewaymedium'; font-weight:bold;}
  .share_dispaly .condolence_left_info .text{float:left; width:82%;}
  .flowershop_tabs{padding:0px;}
  .certificate_checkbox .info_greeting .publish_greeting{margin-left: 28px !important;}
  .basket_hide {clear: both;}
  .basket_hide img{width: 40px;}
  .basket_hide #product_count{top: 6px !important; right: 31px !important; font-size: 12px;}
  .add_to_cart{float: none;}
  .basket_dropdown .dropdown-menu{width: 100%; margin-top:0px !important;}
  .date ul li{float: none !important; margin-right: 0px;}
  .modal_flowershop_popup{width:95% !important; }
  .modal-content{padding:10px !important;}
  .css-only-modal{width:90% !important; padding:10px !important;}
  .modal-body { padding:0px !important;}
}


@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){
  .flowershop_tabs .ceremony_flowers,
  .flowershop_tabs .condolences_flowers_inactive,
  .flowershop_tabs .ceremony_flowers_inactive,
  .flowershop_tabs .condolences_flowers{ width: 100%; float: none;  }
  .css-only-modal{width:90% !important; padding:10px !important;}
}

.basket_show{padding:5px; position:absolute; right:-15px; top:5px;  margin-right:0px;}

/* portal home page */
.portal_buttons_box{ float:right; width:370px; padding-top:5px; }
.portal_circle_button{width:24% !important; margin:1% 1% 0 0% !important; float:left !important;}
.portal_circle_button .icon{width:100% !important; margin:0px auto !important;}
.portal_circle_button .icon a{float:none !important;}
.portal_circle_button a img{ margin:0px auto; border-radius:22px; width:45px; height:44px; text-align:center;  background:#692d87; padding:5px; }
.portal_circle_button span{font-size:9px; display:block; text-align:center; padding-top:5px;}
.user_icon{float:left; }
.user_text{float:left; }
.list-group-item .item .thumbnail{ border-bottom:1px #ccc solid; padding:5px 10px;}

.grid-group-item .item .user_info{float:left; width:295px; min-height:75px;}
.grid-group-item .item .user_icon{float:left;}
.grid-group-item .item .user_text{float:left; width:210px; height:60px;  }
.grid-group-item .item .user_text h4{ font-size:16px; }

.grid-group-item .item .portal_buttons_box{border-top:1px #ccc solid; padding-top:10px; margin-top:5px;}
.grid-group-item .item .thumbnail{border:none; box-shadow:0 0 8px #ccc; border-radius:10px; padding:5px 10px;}
.new_list .col-xs-12, .new_list .col-lg-4, .new_list .col-md-4, .new_list .col-sm-4{padding-left:5px; padding-right:5px}
.search button{background:none; padding:5px 10px 5px 10px; margin:0; border:0; float:left; color:#fff;}
.advanced_search_circle.advanced_search_circle{border:2px solid #692d87;  float:left; border-radius:60px; width:60px; height:60px;  padding:0px; margin-left:15px;}
.search .dropdown-menu{margin-top:45px;}
.modal_flowershop_popup{width: 80%; margin: 40px auto;}
.search_donation_accounts{padding: 0px 0px;}
#donation_report_start a{ margin-top:10px; float:right;}
#responsive_table .table > thead > tr > th, #responsive_table .table > tbody > tr > th, #responsive_table .table > thead > tr > td, #responsive_table .table > tbody > tr > td{vertical-align: middle !important;}
#responsive_table button{margin-bottom: 0px;}
#responsive_table .glyphicon{margin-right: 0px;}
.modal_warning_popup .modal-content{width:380px !important;border-radius:20px !important;margin: 40px auto}
.modal_warning_popup .button_previous .selected_item .popup-btn{font-size:14px !important;border-radius:20px !important;line-height: 18px !important;display: flex;align-items: center;vertical-align: middle;justify-content: center;position: relative;}
.scrollbar { background-color: #F5F5F5; float: left; margin-bottom: 25px; margin-left: 22px; margin-top: 40px; overflow-y: scroll; }
.force-overflow { min-height: 450px; }
.search select { background: #692d87 url("../img/carrot_sym.png") no-repeat right center; margin: 0; border: 0; float: left; color: #fff; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 160px; font-size: 14px; margin-right: 10px; line-height: 2.5; }
.search select option { position: absolute; color: #692d87 !important; line-height: 1.5; background-color: #fff !important; top: 100%; left: 10px !important; right: 0; padding: 10px !important; z-index: 99; }
.search option:hover { position: absolute; background-color: #692d87 !important; top: 100%; left: 0; right: 0; z-index: 99; padding: 10px !important; color: #fff !important; }
.main_menu_mobile{ position:relative;}
.share_icons_mobile{padding:10px; position:fixed; z-index:1; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3); bottom:95px; left:0; width:100%;  background:#fff; display: none;}
.registration_layout textarea{min-height:80px;}

/**** Standard Home Page ****/
.sidebar_box {font-size: 14px; box-shadow: 0 0 8px #ccc; line-height: 1.5;  padding-bottom: 20px; background: #fff;}
.sidebar_box1 {padding: 10px 10px 20px 10px; margin-top: 30px;}
.sidebar_box h3, .sidebar_box1 h3{margin-top: 0px; padding: 10px 10px 0px 10px;}
.sidebar_box ul{margin:0px; padding:0px;}
.sidebar_box li{list-style-type: none; padding: 0px 10px;}
.sidebar_box ul li:hover {background: #311F82; color: #fff;}
.sidebar_box ul li a{display: block; padding: 1px 0px;}

ul#Menu li.select_menu { line-height: 25px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#SiteFooter { width: 100%; text-align: center; line-height: 20px; font-size: 12px; clear: both; margin: 25px 0 10px 0; padding: 20px 0 0 0; }
#SiteFooter li{list-style-type: none;}
ul .selected_menu li a{ margin-left: 10px; }
@media print
{
  a[href]:after { content: none !important; }
  .main_menu_mobile { display:none; }
  .mobile_user_icon { display:none; }
  .admin_button { display:none; }
  .memorial_container { margin-top:50px !important; }
  @page { size: auto; margin: 5mm 5mm 0mm 5mm; }
  .mobile_view_menu{display: none;}
  .info_bg_mobile{display: none;}
}

.btn[style]{ border:0px solid #fff !important}
.btn_small{padding: 6px 12px; border-radius: 5px;}
.theCount{font-size: 14px !important;}
.menu_mobile {margin: 15px;}
.menu_mobile .navbar{position: static;}
.menu_mobile .collapse.in{border: 1px solid; border-radius: 4px; border: 1px solid rgba(0, 0, 0, .15); margin: 5px 0;}
.menu_mobile .collapsing{border: 1px solid; border-radius: 4px; border: 1px solid rgba(0, 0, 0, .15); margin-top: 5px;}
.menu_mobile .navbar-nav{margin: 0px -15px;}
.menu_mobile .navbar-nav li a{font-size: 14px !important; border-bottom: 1px solid rgba(0, 0, 0, .15); padding: 8px;}
.menu_mobile .navbar-nav li a:hover, .menu_mobile .navbar-nav li a:active{background: #95004d !important; color: #fff; padding: 8px;}
.mobile_view_logo{display: block;}
.logo_mobile{display: block;}
.top_space{margin-top: 10px;}
.company_photo{width: auto; text-align: center; clear:both; justify-content: center; display: flex; align-items: center;}
.company_photo .photos img{border: 1px #8a8a8a solid !important; border-radius: 50%; height: 80px; width: 80px;}

@media only screen and (max-width: 767px)
{
  .flowershop_menu, .product_sort_by select{width: 100% !important;}
  .flowershop_menu {margin: 5px 5px 5px 0px !important; padding: 0px !important; height: auto !important; font-size: 14px; border-radius: 5px; border: 0px; float: left !important; }
  .flowershop_menu a, .flowershop_menu a:hover{margin: 5px 0px !important; padding: 0px !important;}
  .flowershop_menu a{border: 1px #ccc solid; border-radius: 5px;}
  .text_right{width: 100% !important; float: right; margin-bottom: 5px;}
  .text_left{width: 100% !important; float: left; margin-bottom: 5px;}
}

.modal-header button.close{font-size: 20px !important; font-weight: bold !important;}
.menu_down_arrow{vertical-align: middle; margin-top: 8px;}
#nav-icon { width: 25px; height: 25px; position: relative; margin: 10px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#nav-icon span{ display: block; position: absolute; width: 100%; height: 3px; transition: 0.4s; background-color: #ccc; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

/* Icon */
#nav-icon span:nth-child(1) { top: 0px; }
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 8px; }
#nav-icon span:nth-child(4) { top: 16px; }
#nav-icon.open span:nth-child(1) { top: 8px; width: 0%; left: 50%; }
#nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon.open span:nth-child(4) { top: 10px; width: 0%; left: 50%; }
.flower_shop_wizard .wizard{z-index: 1;}

.top-header-edit { margin-top: 5px; padding: 8px 5px; }
.top-header-edit textarea { min-height: 78px; }
.publish_greeting_bg{font-size: 12px; margin: 0px; box-shadow: 0 0 8px #ccc; box-sizing: border-box; padding: 15px 5px; background:#fff; border-radius:10px; text-indent: -3px; margin-left: 3px;}
.publish_greeting input[type=checkbox]{ height: 0; width: 0; visibility: hidden; }
.publish_greeting label { cursor: pointer; width: 50px; height: 25px; background: #eaeaea; display: block; border-radius: 100px; position: relative; float: left; box-shadow: inset 0px 4px 7px -6px; }
.publish_greeting_donation label {float: none !important;}
.publish_greeting label:after {content: ''; position: absolute; top: -5px; left: -1px; right: 0px !important; width: 24px; height: 24px; background: #fff; border-radius: 90px; transition: 0.5s; border: 1px #eee solid; box-shadow: 0 2px 2px #999; -moz-box-shadow: 0 2px 2px #999; -webkit-box-shadow: 0 2px 2px #999; -o-box-shadow: 0 2px 2px #999; }
.publish_greeting input:checked + label:after { left: calc(100% - 20px); transform: translateX(-10%); background: #fff !important; }
.publish_greeting input:checked + label {background: #4bd965 !important;}
.publish_greeting label.css-label { padding: 0 10px 0 10px; height: 15px !important; width: 50px; bottom: 0px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; word-wrap: break-word; font-weight: normal; line-height: 20px;}
.input_checkbox{margin: 6px;}
.certificate_checkbox .info_greeting{text-indent: 0px !important; margin-left: 0px !important;}
.death_notice_hide .info{width: 100% !important;}
.btn_full_width{width: 100%;}
.radio-custom .radio:focus{border: 0px;}
#information_text .information_text{padding:10px; position:relative; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3); top:30%; left:30%; width:50%;  background:#fff;}
#information_text .information_text .close a{color:#000; float:right; margin-top:-40px; font-size:20px;}

.menu_anchors { background: url("../img/main_menu_portal_icon.png") no-repeat left center; padding-left: 30px; display: inline-block; min-height: 16px; white-space: nowrap; }
.main_menu_anchors { background: url("../img/main_menu_portal_icon.png") no-repeat left center; padding-left: 30px; display: inline-block; }
#navMenus { list-style: none; width: 100px; float: left; text-align: center; }
#navMenus .active { background-color: yellow; color: white; }
.menu_translate { float: right; margin: 10px 0px 0px 0px; }
.menu_translate .menus_anchors { background: url("../img/translater_icon.png") no-repeat left center; padding-left: 20px; display: inline-block; min-height: 16px; white-space: nowrap; font-size:14px; cursor: pointer; }
.translater_dropdown { cursor: pointer; }
.translater_dropdown > a { font-size: 1.25em; line-height: 1.4em; position: relative; z-index: 9999; }
ul.menu_hover { margin: 0 auto; overflow: hidden; height: 0; margin-top: 10px; background: #F0efde; color: #000; cursor: pointer; position: absolute; z-index: 1; }
ul.menu_hover li { padding: 2px 10px; font-size: 12px; list-style-type: none; line-height: 1.4em; }
ul.menu_hover li.selected { font-weight: bold !important; }
.menu_hover.showMenu { height: auto; }
@media print
{
  .translate_menu{ display : none;}
  .print_filters{ display : none;}
  @page { size: auto; margin: 0px 15px 0px 20px; }   .equal_height_width_maps{float: left; width: 50% !important;}
}

.funeral_home { width: 80px; height: 80px; background: #fff; float: left; border-radius:100%; overflow:hidden; padding: 0px; border: 1px solid #f5f5f5; margin-right:10px; margin-bottom:10px;}
.funeral_home .photos { width: 80px; height: 80px; text-align: center; vertical-align: middle; display: table-cell; }
.funeral_home .photos img { max-width: 80px; max-height: 80px; float:none; text-align:center; }

/** print **/
.print_condolence{ margin-bottom:20px;}
.print_condolence p{font-size:12px; word-wrap:break-word !important;}
.print_condolence .date{font-size:12px; margin-bottom:10px;}
.print_filters{margin-top:20px; margin-bottom:20px;}
.print_filters ul{list-style:none; padding:0px; margin:0px;}
.print_filters ul li { float:left; border-radius:7px; background:#f9f9f9; width:70px; border:1px solid #ccc; margin-right:10px; padding:5px; }
.print_filters ul li:hover{background:#707070; border:1px solid #707070;}
.print_filters ul li.active{background:#707070; border:1px solid #707070;}

.print_filters .active .svg { fill: white;width:70px}
.print_filters svg:active path { fill: white; width:36px; height:36px; }
.print_filters svg:hover path { fill: white; width:36px; height:36px; }
.print_filters .print_buttons{float:left; }
.print_filters .print_button input[type="button"]{float:left; text-indent:20px; font-size:12px; min-width:200px; height:30px !important; text-align:left !important;  color:#000; background:#eaeaea url(../img/printer.svg) no-repeat 10px 8px; padding:5px 10px !important; margin:0px; border-radius:7px; margin-bottom:5px; border:0px;}

.print_filters .copy_button input[type="button"]{float:left; text-indent:20px; font-size:12px; min-width:200px; height:30px !important; text-align:left !important;  color:#000; background:#eaeaea url(../img/paper.svg) no-repeat 10px 8px; padding:5px 10px !important; margin:0px; border-radius:7px; margin-bottom:5px; border:0px;}

.condolences_readmore_box{width:100%; margin-bottom:10px; margin-top: 0px;}
.memorial_pages_content_box {width:100%; line-height:22px; word-wrap: break-word; white-space:pre-wrap; overflow:hidden; }
.memorial_pages_content_box.collapsed { text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical; max-height: 93px;  }
.show_more, .show_less { display:none;}
#condolences_less span{width:100%; float:left; overflow:hidden; word-wrap: break-word;  }
.funeral_details img{margin-top:4px;}
.funeral_details span{font-size:12px;}
.fe-picture{width: 132px;height: 132px;background: #fff;  border-radius: 100%;border: 3px solid #fff;}

#OpenImgUpload{width:134px; height:134px; position:relative; margin:0px auto; float:left; border-radius:100% !important; overflow:hidden;text-align:center;}
#OpenImgUpload .croppie-result[style] {width:132px !important; max-height:132px; text-align:center;}
#OpenImgUpload .croppie-result[style] {width:132px !important; max-height:132px; text-align:center;}

.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 132px; width: 132px; opacity: 0; transition: .5s ease; background-color: #cccccc; border-radius:100% }
#OpenImgUpload:hover .overlay { opacity: 0.8; }
#OpenImgUpload_advisor:hover .overlay { opacity: 0.8; }
.overlay_text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.modal { text-align: center; vertical-align: top; } .modal-header{margin-bottom:0px;}
.modal:before { vertical-align: top; margin-right: -4px; }
.modal-dialog { text-align: left; vertical-align: top; margin-top:50px; }
.input_file { float: left; margin: 0px; } .add_cart_img img{width: 56px; height: 56px;}
.search_donation_table_responsive table { border-spacing: 0; } /*search donation table responsive*/
.search_donation_table_responsive td, .search_donation_table_responsive th { padding: 0.5em; }
.search_donation_table_responsive th { text-align: left; }
.search_donation_table_responsive td > div { float: none; text-align: center; }

@media (max-width: 767px)
{
  .search_donation_table_responsive thead th { display: none; }
  .search_donation_table_responsive td { display: block; clear: both; }
  .search_donation_table_responsive th { display: block; clear: both; font-weight: bold; }
  .search_donation_table_responsive td[data-th]:before { content: attr(data-th); float: left; font-weight: bold; margin-right: 10px; }
  .search_donation_table_responsive td > div { float: right; }
  .header_bg .personal_photo{margin-top:40px !important;margin-bottom:0px !important;margin-left:auto !important; margin-right:auto !important; float:none !important;}
}

/** responsive table**/
.rwd-table { margin: 1em 0; min-width: 280px; word-wrap:break-word !important; }
.rwd-table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.rwd-table th { display: none; }
.rwd-table td { display: block; }
.rwd-table td:first-child { padding-top: .5em; }
.rwd-table td:last-child { padding-bottom: .5em; }
.rwd-table td:before { content: attr(data-th) ": "; font-weight: bold; display: inline-block; padding-right:10px; }
.rwd-table th, .rwd-table td { text-align: left; }
@media (min-width: 992px)
{
  .rwd-table td:before { display: none; }
  .remove_padding[style]{padding:0px !important;}
}
@media (min-width: 992px)
{
  .rwd-table th, .rwd-table td {display: table-cell; padding: .25em .5em; }
  .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; }
  .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; }
  .rwd-table td:before { width:40% !important; border:1px solid;}
}
.faded-image { background:url(../img/cover_bg.png) repeat-x bottom; position:absolute; bottom:0px; z-index:0; height:150px; width:100%; }
.profile_header_bg{max-height:600px; background:#fff; float:left; width:100%; border-bottom:1px solid #e5e5e5;}
.image_center img{margin-left: auto; margin-right: auto;}

/* flowershop button hover */
.choose_product .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.choose_product:hover .overlay { display: block; }
.choose_product .general_button {position: absolute; left:calc(50% - 65px); bottom:8px; text-align: center; opacity: 0; transition: opacity .35s ease; border-radius:20px; padding:6px; width:130px; color:#fff; z-index:0; }
.choose_product:hover .general_button { opacity: 1; }

/* search charities page in donations */
@media only screen and (min-width: 320px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2)
{
  .select_button{ float: none !important; margin-left: 38px !important; margin-top: 10px !important; }
}

/* next previous */
/* .carousel-wrap-greeting {width:100%; margin: auto; position: relative; z-index:1; padding:0px 0px;} */
.carousel-wrap { width: auto; margin: auto; position: relative; z-index:1; padding:0px 30px; height:40px; overflow: hidden;}
.owl-carousel .owl-nav{ overflow: hidden; height: 0px; }
.owl-carousel .item { text-align: center; }
.owl-carousel .nav-btn{ height: 47px; position: absolute; width: 26px; cursor: pointer; top: 0px !important; }
.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled{ pointer-events: none; opacity: 0.2; }
.owl-carousel .prev-slide{ background: url(../img/nav-icon.png) no-repeat scroll 0 0; left: -34px; }
.owl-carousel .next-slide{ background: url(../img/nav-icon.png) no-repeat scroll -24px 0px; right: -34px; }
.owl-carousel .prev-slide:hover{ background-position: 0px -53px; }
.owl-carousel .next-slide:hover{ background-position: -24px -53px; }
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block; width:30px; height:30px;}
.owl-carousel.owl-loading{opacity:0;display:block}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-dots{display:none;}
.owl-item[style]{width:auto !important; }
.select_symbol_box_greeting{margin-top:10px;}
.select_symbol_box_greeting .owl-stage{margin-top:5px;}
.cart_scrollbar{max-height:160px; margin:0; padding:0; overflow-y: auto; float:left;}
#flower_shop_button_basket #div_3 .stepy_inline_goto7 {background: #c7c7c7 !important;padding: 7px 20px 7px 20px; border-radius: 6px; float: right;cursor: pointer;margin-bottom: 10px;}
.btn-next-right{float:right !important;margin-right:0px!important;}
#donation_button .button_next_right #stripe_payment_button_disabled {background: #c7c7c7 !important;padding: 7px 20px 7px 20px; border-radius: 6px; float: right;cursor: pointer;margin-bottom: 10px;}
#pay_by_invoice {display:none;border:1px #ccc solid;background-color:#eee;padding:5px;margin-top:5px;margin-bottom:5px}
#payment_method_selection {list-style-type:none;margin:0;padding:0;max-width:320px}
#payment_method_selection li{float:left;width:100%;height:90px;vertical-align:middle;line-height:75px;position:relative;margin-top:15px}
#payment_method_selection label,#payment_method_selection input{cursor:pointer;display:block;position:absolute;top:0;left:0;right:0;bottom:0}
#payment_method_selection input[type="radio"] {display:none}
#payment_method_selection .payment_method_option input[type="radio"]+label{width:100%;text-align:center;border-radius:20px; border: 5px solid #ccc;cursor:pointer;z-index:1;border: 5px solid #ccc;box-shadow: inset 0px 0px 0px 5px #fff;box-sizing: border-box}
#payment_method_selection .payment_method_option input[type="radio"]:checked+label{border: 5px solid #A4D65E;box-shadow: inset 0px 0px 0px 5px rgba(164, 214, 94, 0.25)}
#payment_method_selection.hovering_effect .payment_method_option input[type="radio"]+label {border: 5px solid #ccc;box-shadow: inset 0px 0px 0px 5px #fff}
#payment_method_selection.hovering_effect .payment_method_option:hover input[type="radio"]:hover+label:hover {border: 5px solid #A4D65E;box-shadow: inset 0px 0px 0px 5px rgba(164, 214, 94, 0.25)}
#payment_method_selection label .img_and_text{line-height:55px}
#payment_method_selection label .icon_preview{height:35px}
#payment_method_selection label .text_label{ display: block;}
#payment_method_selection label .trustly_text{ margin-top:5px; font-size:11px; }
#payment_info{display: none; }
ul:has(#Swish:checked) + #payment_info { display: block; }

.spam_message_popup{
  position: absolute;
  float: left;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px)
{
  .grecaptcha-badge { visibility: hidden; }
  .recaptha-mobile-term a { color: blue; text-decoration: underline; }
  #payment_method_selection {float:left;width:100% !important;max-width:400px !important}
  #payment_info{text-align: center !important;}
}

@media (min-width: 768px)
{
  .recaptha-mobile-term { visibility: hidden; }
}

.display_center
{
  display: inline-block;
  width: 100%;
  text-align: center;
}

/* Rules for sizing the icon. */
.material-icons.md-16 { font-size: 16px !important;margin:3px !important;position:absolute}
.material-icons.md-16-relative { font-size: 16px !important;margin:3px !important;position:relative}
.btn-streaming-help {text-align:left;vertical-align:middle;margin-right:15px;float:right}
.HelpModal{width:70%;margin: 0 auto !important}
.modal-body-help{width:100%;height:80vh;overflow-x:hidden !important;}
.padding-right-extra {padding-right: 30px !important;}
.share_buttons{float:left;width:120px;margin:auto;cursor:pointer;text-decoration: none;margin-left:4px;text-align: center}
.share_buttons img{width:110px}
.only_mobile,.hide{display:none}
.close_button{width:100%}
.width-300{width:300px}
@media (max-width: 767px)
{

  .material-icons.md-16 {margin:2px !important}
  .btn-streaming-help {position: relative;display:flex;justify-content: center;align-items: center;width:100%;margin:auto !important}
  .HelpModal{width:98%;margin: 0 auto !important}
  .share_buttons{width:300px;margin:auto;cursor:pointer;text-decoration: none;margin-top:5px;text-align: left;margin-bottom:30px !important}
  .share_buttons img{width:80px;padding-right:20px !important}
  .only_mobile{display:block}
  article .share{background:#fff;font-size:12px;width:90% !important;margin:0px auto !important;padding:0;border-radius:10px !important;z-index:1;padding:20px !important;position:absolute !important;top: 10%;left:5%;transform:none;}
}

.share_buttons.share_link {
  position: relative;
}

.share_buttons.share_link a.button_link {
  display: block;
}

.copied-wrapper {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(255 255 255 / 73%);
}

.copied-wrapper span {
  background: #000;
  padding: .25rem .5rem;
  border-radius: 4px;
  color: #fff;
}

input[name=verify]
{
  position: absolute;
  left: -10000px;
}

.break-word {
  word-break: break-word !important;
}

.article a { color: blue; text-decoration: underline; }

.funeral-service .service_info {
  padding: 10px 15px;
}

.funeral-service .ceremony_info {
  margin: 10px 0 25px;
}

.funeral-service .description_message {
  margin-bottom: 25px;
}

/* Cookie bar */
.menu_link.cookie {
  display: flex;
  gap: 2px;
}

.cookie-bar-wrapper {
  position: relative;
  z-index: 9999;
}

.cdk-overlay-container {
  z-index: 9999 !important;
}

.loader
{
  margin: 14px auto;
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 62px;
  height: 62px;
  animation: spin 2s linear infinite;
}

@keyframes spin
{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

p.upload_failed
{
  color: red;
}

img.upload_failed
{
  width: 86px;
}

.page_header_menu
{
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0.625rem;
  flex-direction: row;
  margin-left: auto;
  height: 80px;
}

.page_header_menu .pull-right {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.625rem;
}

.page_header_menu a,
.page_header_menu .pull-right a {
  flex: none;
}

.language-selector .dropdown-menu
{
  right: 0;
  left: auto;
}

.language-selector a > img {
  position: relative;
  top: -1px;
  object-fit: cover;
  border-radius: 3px;
}

.page_header_menu .menu-wrapper {
  position: relative;
  flex-wrap: nowrap;
  display: flex;
}

@media (max-width: 768px)
{
  .language-selector.menu_link {
    margin: 0;
    position: relative;
    top: -3px;
  }

  .language-selector .language-name
  {
    display: none;
  }
  .menu_mobile {
    display: contents;
  }
}

.registration-menu {
  display: none;
  position: fixed;
  width: 100%;
  bottom: 60px;
  background: white;
  z-index: 2;
  border-top: 2px solid #ccc;
}

.registration-menu a {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@media (max-width: 768px)
{
  .registration-menu {
    display: block;
  }
  .chart-img {
    width:100% !important;
  }
}

.info_bg {
  position: relative;
  padding: 0.25rem;
  border-radius: 10px;
  background-color: #fff;
  gap: 0.5rem;
  align-items: start;
  flex-direction: row;
  width: 100%;
  min-height:79px;
  margin-bottom: 15px;
  height: auto;
  display: flex;
  font-size: 13px;
  color: #595959;
}

.info_text_wrapper {
  padding: 6px 0;
}

.info_text_wrapper > span {
  display: inline-block;
  margin-bottom: 10px;
}

.info_text_wrapper > div {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.info_text {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.info_icon {
  padding: 0.5rem;
  border-radius: 9999px;
  width: 2.5rem;
  height: 2.5rem;
}

.trigger_buttons {
  margin-bottom: 0.5rem;
  padding: 0.25rem;
  border-radius: 9999px;
  background-color: #fff;
  gap: 0.5rem;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: auto;
  display: flex;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
  font-family: ralewaymedium;
  font-size: 13px;
  color: #595959;
}

.trigger_button_icon {
  flex: none;
  padding: 0.5rem;
  border-radius: 9999px;
  width: 2.5rem;
  height: 2.5rem;
}

.trigger_button_icon img {
  height: 100%;
  width: 100%;
}

.trigger_buttons:hover {
  color: #fff;
}

.trigger_button_with_info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.trigger_button_with_info .tool_tip {
  padding-right: 10px;
}

@media (max-width: 992px)
{
  .info_bg {
    display: none;
  }
  aside{padding-top:0;}
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

aside.sticky {
  top: 60px;
  z-index: 1;
}

.container-fluid.menu-wrapper.sticky
{
  top: 0;
  z-index: 2;
}

.main_button_box.sticky {
  top: 60px;
  z-index: 1;
}

.donation_amount .info-link,.donation_amount .info-link:hover,.donation_amount .info-link:focus,.info-txt-person-number a,.info-txt-person-number a:hover,.info-txt-person-number a:focus{
  color:#000 !important;text-decoration: underline !important;border:none !important;background: none !important;
}
.info-txt-person-number{color:#000 !important;border:none !important;background: none !important;font-size: 14px;margin-top: 10px;margin-bottom:10px;}
.color-grey {color:#97a0af !important}
.chart-img-container{display: flex;justify-content: center;width: 100%;
}

.arrow-icon-right {
  height: 20px;
  width: 20px;
  position: absolute;
  right: 10px;
}

.arrow-icon-left {
  height: 20px;
  width: 20px;
  position: absolute;
  left: 10px;
}

.publish_greeting_bg {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}

#info_greeting {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}

#publish_greeting_selector {
  display: flex;
  margin: 0;
  padding: 0;

}

#publish_greeting_selector ul {
  display: flex;
  flex-direction: row;
  list-style :none;
}

#publish_greeting_selector li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-right: 0;
}

#publish_greeting_selector input[type="radio"] {
  display: none;
}

#publish_greeting_selector label svg {
  display: none;
  height: 16px;
  width: 16px;
}

#publish_greeting_selector input:checked~label svg {
  display: block;
}

#publish_greeting_selector #yes~label,
#publish_greeting_selector #no~label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 4.5rem;
  height: 1.95rem;
  padding: 0.5rem;
  background-color: #fff;
  border: 1px solid #74796e;
  justify-content: center;
  border-radius: 100px 0 0 100px;
  margin-bottom: 0;
  cursor: pointer;
}

#publish_greeting_selector #yes~label:hover,
#publish_greeting_selector #no~label:hover {
  box-shadow: 0px 2px 4px -2px #888;
}

#publish_greeting_selector #no~label {
  border-left: 0;
  border-radius: 0 100px 100px 0;
}

#publish_greeting_selector #yes:checked~label {
  background-color: #d9e7cb;
  border-right: 1px solid #74796e;
}

#publish_greeting_selector #no:checked~label {
  background-color: #d9abab;
  border-right: 1px solid #74796e;
}

.info_greeting ~ p {
  display: none;
  margin-top: 10px;
  font-size: 12px;
  color: #ec211e;
}

.info_greeting.mandatory_alert {
  background-color: #e6f2fe;
}

@media (max-width: 480px)
{
  .publish_greeting_bg {
    flex-direction: column;
    gap: 10px;
  }
}

.admin_fee_info_icon
{
  cursor: pointer;
}
.admin_fee_info_icon img
{
  height: 17px;
  width: 17px;
  margin:-4px 5px 0px;
}