:root {
    --ghostbodytext: 255, 255, 255, 1;
    --gwvcardbgcolor: 41, 41, 41, 0.96;/*232, 141, 27, 0.57;*/
    /*--gwvcardbgcolor: 51, 51, 51, 0.57;*/
    --gwvcardtoolsbgcolor: 71, 71, 71, 1;/*232, 141, 27, 1;*/
    --calm:103,158,183;
}

[contenteditable="true"] {
    background-color: #ffbb5459;
    height:100% !important;
}

[contenteditable="true"]:focus {
    background-color: #905d00;
    color:white;
}

[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-placeholder);
    color:rgb(71, 71, 71, 1);
}

.fieldValid {
  background-color: #217721;
}

.fieldInvalid {
  background-color: #bb0404;
}
.newshideme {
  display:none;
}

.errorhideme {
  display:none;
}

.gwv-cardbg{
	background-color: rgba(var(--gwvcardbgcolor));/* #ffa500d4 !important;*/
}

.gwv-cardtoolsbg{
  background-color: rgba(var(--gwvcardtoolsbgcolor));/* #ffa500d4 !important;*/
}

.gwv-modalbg{
  color: white;
  background-color: rgba(71, 71, 71, 1) !important;/* #ffa500d4 !important;*/
}

.gwv-button-nightbg{
  color:white;
  background-color: #261c0d;/* #ffa500d4 !important;*/
}

.gwv-button-nightbg:hover{
  color:#F2BC8D;/*#5949;36;*/ /*#f2e3d5;*/
}

.gwv-button-blushbg{
  color:black;
  background-color: #F2BC8D;/* #ffa500d4 !important;*/
}

.gwv-button-blushbg:hover{
  color:white;/*#5949;36;*/ /*#f2e3d5;*/
}

.logonscreen{
  position:fixed;
  top:50%;
  left:50%;
  width:500px;
  border:5px solid #A6893D/*rgb(97, 9, 9)*/;
  border-radius:10px;
  background-color:#A6893D;
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  padding:15px;
  /*color:#8C8C8C;*/
  color:#33332a;
}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
	/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  	height: 100%;
    background-image: url(../img/background5.jpg);
  	background-color: #322924;
  	background-position: bottom center;
  	-moz-background-size: cover;
  	-webkit-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

address {
  font-size: 0.6em;
  position: fixed;
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
  /*left: 0px;*/
  bottom: 0px;
}

.body-overlay{
	  /*background-color: transparent;
    background-image: linear-gradient(270deg, rgba(0,0,0,0) 36%, #0a0000 100%);*/
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    /*background-attachment: fixed;*/
}

.headLogo{
  /*width:150px;*/
  position: fixed; 
  left:0;
  top: 0;
  height:75px; 
  /*width: 100%;*/
  /*background-image: url(https://globalwillsvault.com/img/gwv.png);*/
  z-index: -1;
}

.headLogoMain{
  /*width:150px;*/
  display: inline;
  height:200px; 
  /*width: 100%;*/
  /*background-image: url(../img/logo.png);*/
  z-index: 100;
}

.mainLogo{
  /*width:150px;*/
  height:200px; 
  /*width: 100%;*/
  /*background-image: url(../img/logo.png);*/
  z-index: 100;
}

.toolbar {
  text-align: center; 
  position: fixed; 
  left: 48px; 
  bottom: 95px;
}


body {
  display: -ms-flexbox;
  display: flex;
  color: rgba(var(--ghostbodytext)); /*rgba(255, 255, 255, 0.5);*/
  /*text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);*/
}

.cover-container {
  /*max-width: 50em;*/
}

.h1, h1 {
    font-size: 3em !important;
}

.h2, h2 {
    font-size: 2em !important;
}

.h3, h3 {
    font-size: 1.2em !important;
}

.h4, h4 {
    font-size: 1em !important;
}

.h5, h5 {
    font-size: 0.75em !important;
}

.modal-text{
  color: black !important;
}
/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
  font-size: 2em !important;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(var(--ghostbodytext)); 
  /*color: rgba(255, 255, 255, .5);*/
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-right: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Footer
 */
.mastfoot {
  color: rgba(var(--ghostbodytext)); 
  /*color: rgba(255, 255, 255, .5);*/
}

/*
*
* Social Bar
*
*/
#socialbar{
  /*height:39px;*/
  overflow:hidden;
  /*width: 90%;*/
  text-align: center; 
  position: fixed;
  left: 0px;
  bottom: 56px; 
  
}

#socialbar .button{
  width:60px;
  height:39px;
  display:inline-block;
  cursor:pointer;
  background-image: url('../img/btnsocial.png');
  background-repeat: no-repeat;
}

#socialbar .button:hover .shadow{
  display:none;
}
#socialbar .button .shadow{
  width:100%;
  height:100%;
  background:url('../img/btnsocialshadow.png') 0px 0px;
}

#socialbar .instagram{
  background-position: -6243px 10px;
}

#socialbar .instagram:hover{
  background-position: -6243px 0px;
}

#socialbar .facebook{
  background-position: -300px 10px;
}
#socialbar .facebook:hover{
  background-position: -300px 0px;
}

#socialbar .twitter{
  background-position: -360px 10px;
}
#socialbar .twitter:hover{
  background-position: -360px 0px;
}

#socialbar .linkedin{
  background-position: -420px 10px;
}

#socialbar .linkedin:hover{
  background-position: -420px 0px;
}

#socialbar .btnmail{
  background-position: -180px 10px;
}

#socialbar .btnmail:hover{
  background-position: -180px 0px;
}

#socialbar .btnmail2{
  background-position: -120px 10px;
}

#socialbar .btnmail2:hover{
  background-position: -120px 0px;
}

/*
*
* Admin CSS
*
*/
blockquote {
  
  background-color:rgba(255,255,255,0.2);
  margin: 1em;
  padding: 2em 1.5em;
  border-radius: 1.5em 1.5em 1.5em 1.5em;
  box-shadow: black 5px 5px 10px;
}

.editableRow .saving{
  background-color:orange !important; 
}
.editableRow .saved{
  background-color:green !important;  
}
.editableRow .error{
  background-color:red !important;  
}
.success{
  background-color: rgb(0,255,0,.5);
}
.danger{
  background-color: rgb(255,0,0,.5);
}
.tabs{
  /*display:inline-block;*/
  margin-left:16px;
}

.tabs li { 
  /* Makes a horizontal row */
  float: left;  
  /* So the psueudo elements can be
     abs. positioned inside */
  position: relative; 
}
.tabs a { 
  /* Make them block level
     and only as wide as they need */
  float: left; 
  padding: 10px 40px; 
  text-decoration: none;
  
  /* Default colors */ 
  color: #8e8e8e;
  background: rgb(103, 103, 103); 
   
  /* Only round the top corners */
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px; 
}
.tabs .active {
  /* Highest, active tab is on top */
  z-index: 3;
}
.tabs .active a { 
  /* Colors when tab is active */
  background: #232323; 
  color: #8e8e8e; 
}
.tabs li:before, .tabs li:after, 
.tabs li a:before, .tabs li a:after {
  /* All pseudo elements are 
     abs. positioned and on bottom */
  position: absolute;
  bottom: 0;
}
/* Only the first, last, and active
   tabs need pseudo elements at all */
.tabs li:last-child:after,   .tabs li:last-child a:after,
.tabs li:first-child:before, .tabs li:first-child a:before,
.tabs .active:after,   .tabs .active:before, 
.tabs .active a:after, .tabs .active a:before {
  content: "";
}
.tabs .active:before, .tabs .active:after {
  background: white; 
  
  /* Squares below circles */
  z-index: 1;
}
/* Squares */
.tabs li:before, .tabs li:after {
  background: #ddc385;
  width: 10px;
  height: 10px;
}
.tabs li:before {
  left: -10px;      
}
.tabs li:after { 
  right: -10px;
}
/* Circles */
.tabs li a:after, .tabs li a:before {
  width: 20px; 
  height: 20px;
  /* Circles are circular */
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;
  border-radius:         10px;
  background: #222;
  
  /* Circles over squares */
  z-index: 2;
}
.tabs .active a:after, .tabs .active a:before {
  background: #ddc385;
}
/* First and last tabs have different
   outside color needs */
.tabs li:first-child.active a:before,
.tabs li:last-child.active a:after {
  background: #222;
}
.tabs li a:before {
  left: -20px;
}
.tabs li a:after {
  right: -20px;
}

p.tabnav
{
  font-size: 1.1em;
  text-transform: uppercase;
}

p.tabnav a
{
  text-decoration: none;
  color: #999;
}

.details{
  padding-top:10px;
}


.rowfloatingbottomRZVOuter
{
    position:fixed !important;
    bottom:2px !important;
    width: 100% !important;
}


.rowfloatingbottomRZV {
    width: 50%;
   display: inline-block;
}

.rzv_tables {
	color:#fffffff5 !important;
}

.GWVfolderDelete{
  cursor:pointer;
  color:white;
  position: relative;
  display: table-caption;
  left: 17px;
  top: -35px;
}



#backtotopbutton {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#backtotopbutton::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#backtotopbutton:hover {
  cursor: pointer;
  background-color: #333;
}
#backtotopbutton:active {
  background-color: #555;
}
#backtotopbutton.show {
  opacity: 1;
  visibility: visible;
}
.AppStoreimage{
  width: 50%;
}