body, html {

	font-size: 1rem;

	height: 100%;

	padding: 0;
	margin: 0;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
}

body {

	background-color: rgba(219, 219, 219, 1);

	font-family: 'Open Sans', sans-serif;

	color: #4a4a4a;

	background-image: url(../gfx/bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
}

.ertMain {

	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	overflow-x: hidden;
}

a {

	color: #ff1c1c;
	text-decoration: none;

}

a:hover {

	color: #ff1c1c;
	text-decoration: underline;

}

.ertFooterTab {

	cursor: pointer;

	position: absolute;
	bottom: 0;

	height: 6rem;
	width: 20rem;

	background-color: white;

	padding: 1rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);

	        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}


.ertFooterTabTitle {

	position: absolute;
	top: 1rem;
	left: 1rem;
}

.ertFooterSubTitle {

	position: absolute;
	top: 4.5rem;
	left: 1rem;
}

#ertFooterSub3Value{
	display: inline-block;
}

.ertFooterTabValue {

	position: absolute;
	top: 2.5rem;
	left: 1rem;

	font-size: 1.5rem;
	font-weight: 600;
	color: #ec1717;
}



.ertFooterTabButtonClick {

	position: absolute;
	top: 0;
	left: 0;

	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	width: 100%;
	height: 100%;

	font-size: 1.5rem;
	font-weight: 600;
	background-color: transparent;

	cursor: pointer;

	text-align: center;
}



.ertFooterTabButtonNext {

	position: absolute;
	top: 0;
	left: 0;

	padding: 2rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	width: 100%;

	font-size: 1.5rem;
	font-weight: 600;
	background-color: #ec1717;
	color: white;

	cursor: pointer;

	text-align: center;
}

.ertFooterTabButtonNextDisabled {

	opacity: .3;
	pointer-events: none;
	cursor: not-allowed;

}


.ertFooterTabButtonNext:hover {

	background-color: #ff1c1c;
}



#txtCalcParentel {

	font-size: 12px;
	color: white;
}


.ertFooterTabIcon {

	position: absolute;
	right: 1rem;
	right: 1rem;
	width: 1rem;
}

.ertFooterTabIcon:hover {

	cursor: pointer;
	color: #ec1717;
}


.ertFooterTab1 {

	left: 0;
}

.ertFooterTab2 {

	left: 21rem;
}

.ertFooterTab3 {

	left: 42rem;
}



button {

	font-family: 'Open Sans', sans-serif;

}



.ertFooter {

	width: 62rem; /* 1000px */

	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}



.ertHeader {

	position: fixed;

	width: 100%;
	height: 9.5rem;

	background-color: rgba(255, 255, 255, 0.8);

	overflow: hidden;
}


.ertHeaderLogin {

	height: 5rem !important;
}


.ertHeaderContent {

	width: 62rem; /* 1000px */

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.ertHeaderContentLogo {

	cursor: pointer;
	
	width: 175px;
	position: absolute;
	top: 0;
	left: 0;
}

.ertHeaderUserInfo {

	position: absolute;
	top: 0;
	right: 0;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 25px 0 0 0;

	display: none;
}

.ertHeaderTabs {

	width: 62rem; /* 1000px */
	height: 5rem;

	position: absolute;
	top: 4.5rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;

	-webkit-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	display: none;
}

.ertHeaderTab {

	position: absolute;
	height: 4.5rem;
	bottom: 0;
	width: 20rem;
	padding-top: .45rem;
	padding-left: 2.2rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-bottom: 5px solid transparent;
	color: rgba(66, 66, 66, .2);
	font-size: .9rem;
}

.ertHeaderTabNumber {

	font-family: 'Lato', sans-serif;

	position: absolute;
	top: 0;
	left: 0;
	font-size: 2.5rem;
	padding: .1rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}



.ertHeaderTabSelected {

	border-bottom: 5px solid #ec1717 !important;
	color: rgb(66, 66, 66);
}

#ertHeaderTab1 {

	left: 0;
}

#ertHeaderTab2 {

	left: 21rem;
}

#ertHeaderTab3 {

	left: 42rem;
}

#ertHeaderTab4 {

	left: 63rem;
}


.ertTitle {

	position: absolute;
	top: 6rem;

	font-family: 'Lato', sans-serif;
	font-size: 1.5rem;
}



.ertTableTabCalcsContainer {

	font-family: 'Lato', sans-serif;

	width: 62rem; /* 1000px */
	z-index: 1;
	position: fixed;
	top: 20rem;

	height: calc(100% - 21rem);

	overflow: scroll;

	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;

	font-size: 1.5rem;

	-webkit-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}


.ertLinkHelp {

	position: absolute;
	right: 0;
	top: .5rem;

	font-size: 1rem;
	color: #0075CF;
	cursor: pointer;
}

.ertLinkHelp:hover {

	opacity: .8;
}

.popupClose {

	position: absolute;
	top: .5rem;
	right: .5rem;
	font-size: 1rem;

	width: 1rem;
	height: 1rem;
}

.popupClose:hover {

	color: #ec1717;
	cursor: pointer;
}

.popupHelp {

	display: none;

	z-index:2;
	position: fixed;
	top: 12rem;

	width: 62rem;
	height: 28rem;

	left: 0;
	right: 0;

	margin-left: auto;
	margin-right: auto;

	border: 1px solid #424242;
	background-color: white;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 1.25rem;
}



.ertFormTop {

	font-family: 'Lato', sans-serif;

	width: 62rem; /* 1000px */
	z-index: 1;
	position: fixed;
	top: 10.75rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;

	font-size: 1.5rem;

	-webkit-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	display: none;
}

.ertFormTopHiddenLeft {

	-webkit-transform: translateX(-100%);

	        transform: translateX(-100%);
	opacity: 0;
}

.ertFormTopHiddenRight {

	-webkit-transform: translateX(100%);

	        transform: translateX(100%);
	opacity: 0;
}




.ertFormTopControls {

	margin-top: .9rem;
	padding: .4rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color:  #ec1717;
	font-size: 1rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}





.ertFormTopControls > input {

	height: 3rem;
	padding: .5rem .5rem .5rem .5rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 1rem;
	border: 0;

	outline: none;
}

/*
.ertFormTopControls > select {

	color: #4a4a4a;

	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0;
	border-right: 1px solid #ddd;
	border-radius: 0;

	width: 8rem;

	background: white;

	position: relative;
	display: inline-block;

	height: 3rem;
	padding: .5rem .5rem .5rem .5rem;
	box-sizing: border-box;
	font-size: 1rem;
	border: 0;
	border-right: 1px solid #ddd;
	outline: none;



	background-image:
    linear-gradient(45deg, transparent 50%, #4a4a4a 50%),
    linear-gradient(135deg, #4a4a4a 50%, transparent 50%),
    linear-gradient(to right, white, white);
  background-position:
    calc(100% - 20px) calc(1.5rem - 2px),
    calc(100% - 15px) calc(1.5rem - 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;





}


select:focus {

	color: #ec1717;

	background-image:
    linear-gradient(45deg, transparent 50%, #ec1717 50%),
    linear-gradient(135deg, #ec1717 50%, transparent 50%),
    linear-gradient(to right, white, white);
}
*/



.ertButtonStandard {


	height: 3rem;
	padding: .5rem 1rem .5rem 1rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 1rem;
	border: 0;
	outline: none;

	background-color: #ec1717;
	color: white;
}

.ertButtonStandard:hover {

	cursor: pointer;
	background-color: #ff1c1c;

}



.popupInputStandard {

	height: 3rem;
	width: 20rem;
	padding: .5rem .5rem .5rem .5rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid white;
	font-size: 1rem;
	outline: none;
}

.popupInputSearch {

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding-right: 2.5rem;
	background-image: url('../gfx/search.svg');
	background-size: 1.5rem;

	background-repeat: no-repeat;
	background-position: calc(100% - .5rem) center;
}




.ertButtonNext {

	position: absolute;
	top: 0;
	left: 0;
	border: 0;

	height: 3rem;
	padding: .5rem .5rem .5rem .5rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 1rem;
	border: 0;
	outline: none;

	width: 8rem;


	background-color: #ec1717;
	color: white;

	width: 100%;
}

.ertButtonNext:hover {

	background-color: #ff1c1c;
}


#ertIconPDF {

	display: none;
	cursor: pointer;
}

#ertIconPDF:hover {

	color: #ec1717;
}



#ertIconSave {

	cursor: pointer;
}

#ertIconSave:hover {

	color: #ec1717;
}


.ertIconSaveDisabled {

	opacity: .2;
	pointer-events: none !important;
}

#ertIconLogout {

	cursor: pointer;
}

#ertIconLogout:hover {

	color: #ec1717;
}

#ertIconList {

	cursor: pointer;
}

#ertIconList:hover {

	color: #ec1717;
}


.ertButtonNext:disabled {

	opacity: .5;
	cursor: not-allowed;
}


input#ertInputType {

	width: 8rem;
}

#ertInputName {

	width: 14rem;
}

.ertInputAmountContainer {

  position: relative;
	/*display: table-cell;*/
	padding: 0 !important;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	top: 0;

	height: 3rem;
	background-color: white;
}

.ertInputAmountContainerRed {

  position: relative;
	display: table-cell;
	padding: 0 !important;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	top: 0;

	height: 3rem;
	background-color: #ec1717;
}


input#ertInputAmount {

	position: absolute;
	top: 0;
	left: 0;
	outline: none;
	width: 100%;
	height: 100%;

	border: 0;
	padding: 0 5px 0 12px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 1rem;
}

input#ertInputTree {

	position: absolute;
	top: 0;
	left: 0;
	outline: none;
	width: 100%;
	height: 100%;

	border: 0;
	padding: 0 5px 0 12px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 1rem;
}

.inputError {

	border: 1px solid #ec1717 !important;
}

.ertButtonAdd {

	color: #4a4a4a;

	position: absolute;
	top: 0;
	left: 0;
	border: 0;

	height: 3rem;
	padding: .5rem .5rem .5rem .5rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 1rem;
	border: 0;
	outline: none;

	width: 8rem;
}

.ertButtonAdd:hover {

	color: #ec1717;
}

.ertButtonAdd:disabled {

	color: #ddd;
	cursor: not-allowed;
}

input::-webkit-input-placeholder {

	color: #ddd;
}

input::-ms-input-placeholder {

	color: #ddd;
}

input::placeholder {

	color: #ddd;
}



.ertContent {

	width: 62rem; /* 1000px */

	position: fixed !important;
	overflow: scroll;

	top: 17.4rem;
	height: calc(100% - 17.4rem);
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	display: none;
}



.content3TreeDisabled {

	pointer-events: none;
	cursor: not-allowed;
}

.ertInfoBoxNoGifts {

	/*border: 1px solid #424242;*/
	background-color: white;

	display: inline-block;
	padding: 3rem;
}


#ertContentCalcs {

	top: 10rem !important;
	height: calc(100% - 10rem) !important;
}


.ertContentTree {

	width: 100%;
	text-align: center;
	top: 19.4rem;
	height: calc(100% - 26rem);
	left: 0;

	position: fixed !important;
	overflow: scroll;

	padding: 0;
	margin: 0;
	margin-bottom: 8rem;


	-webkit-box-sizing: border-box;


	        box-sizing: border-box;

	-webkit-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	border: 0px solid yellow;

	margin-bottom: 10rem;
}

#ertContent3 {

	position: fixed !important;
	top: 15rem !important;
	height: calc(100% - 15rem);
	overflow: scroll;
	padding-bottom: 8rem;
}




#ertContent3TabsLeft {

	position: absolute;
	top: 0;
	left: 0;
}

.ertContent3TabsLeftTab {

	display: inline-block;
	padding: .25rem;
	opacity: .5;

	font-size: 1.125rem;
	font-weight: 600;

	border-bottom: transparent;
}

.ertContent3TabsLeftTab:hover {

	opacity: 1 !important;
	cursor: pointer;
}

.ertContent3TabsLeftTabSelected {

	opacity: 1 !important;
	border-bottom: .25rem solid rgba(66, 66, 66, 1) !important;
}







#ertContent3TabsRight {

	position: absolute;
	top: 0;
	right: 0;
}

.ertContent3TabsRightTab {

	display: inline-block;
	padding: .25rem;
	opacity: .5;

	font-size: 1rem;
	font-weight: 600;

	border-bottom: transparent;
}

.ertContent3TabsRightTab:hover {

	opacity: 1 !important;
	cursor: pointer;
}

.ertContent3TabsRightTabSelected {

	opacity: 1 !important;
	border-bottom: .25rem solid rgba(66, 66, 66, 1) !important;
}





#ertContent2TabsLeft {

	position: absolute;
	top: 0;
	left: 0;
}

.ertContent2TabsLeftTab {

	display: inline-block;
	padding: .25rem;
	opacity: .5;

	font-size: 1.125rem;
	font-weight: 600;

	border-bottom: transparent;
}

.ertContent2TabsLeftTab:hover {

	opacity: 1 !important;
	cursor: pointer;
}

.ertContent2TabsLeftTabSelected {

	opacity: 1 !important;
	border-bottom: .25rem solid rgba(66, 66, 66, 1) !important;
}





.ertContentHiddenLeft {

	-webkit-transform: translateX(-100%);

	        transform: translateX(-100%);
	opacity: 0;
}

.ertContentHiddenRight {

	-webkit-transform: translateX(100%);

	        transform: translateX(100%);
	opacity: 0;
}


#ertTree {

	padding-top: 2rem;
}

.ertTreeLine {

	display: table;
	table-layout: fixed;
	width: auto;
	text-align: center;
	vertical-align: top;
	border: 0px solid #ec1717;

	margin-left:auto;
	margin-right:auto;
}

.ertTreeItem {

	display: table-cell;
	text-align: center;
	padding: 0.8 rem 0 0 0;
	vertical-align: top;

	min-width: 7.2rem;
	border: 0px solid blue;

}

.ertTreeItemPair {

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	display: inline-block;
	padding: 0 !important;
	width: 50% !important;
}


.ertTreeItemGroup {

	display: inline-block;
	text-align: center;
	padding: 1.5rem 0 0 0;
	vertical-align: top;

	width: 100%;

	min-width: 11rem;
	border: 0px solid blue;

}



.ertTreeItemIcon {

	display: inline-block;

	width: 2.7rem;
	height: 2.7rem;
	border-radius: 50%;
	background-color: white;
	font-size: 1.4rem;

	padding-top: .35rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	margin-bottom: .25rem;
}

.ertTreeItemIconGift {

	font-size: 1rem;

}


.ertTreeItemIconNoAction {

	pointer-events: none;
}

.ertTreeItemIconNotSet {

	opacity: .5;
}

.ertTreeItemTextNotSet {

	opacity: .5;
}

.ertTreeItemIconNotSet .ertTreeItemIcon:hover {

	opacity: 1 !important;
}


.ertTreeItemIcon:hover {

	background-color: #ec1717;
	color: white;
	cursor: pointer;

	opacity: 1 !important;

}




.ertTreeItemName {
	text-align: center;
  width: 100px;
  font-size: .85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: auto;
}

.ertTreeItemRelation {

	font-size: .85rem;
	font-weight: bold;
}

.ertTreeItemPlus {

	display: inline-block;

	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: #424242;
	color: white;
	font-size: 1.05rem;
	margin-top: .25rem;

	margin-bottom: .50rem;
	padding-top: .26rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

}

.ertTreeItemPlusShifted {

	display: inline-block;

	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: #424242;
	color: white;
	font-size: 1.05rem;
	margin-top: .25rem;

	padding-top: .26rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	margin-left: -100%;

}




.ertTreeItemPlusDisabled {

	display: inline-block;

	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: #424242;
	color: white;
	font-size: 1.05rem;
	margin-top: .25rem;
	margin-bottom: .50rem;
	padding-top: .26rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	opacity: .2;

	pointer-events: none;
}

.ertTreeItemValue {

	display: inline-block;

	height: 2rem;
	margin-top: .25rem;

	padding-top: .26rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;


	pointer-events: none;
}

.iconDisabled {

	pointer-events: none;
}



.ertTreeItemPlus:hover {

	background-color: #ec1717;
	color: white;
	cursor: pointer;

	opacity: 1 !important;
}





table {

	width: 100%;
	border-spacing: 0 1px;
}

td {

	padding: 1.2rem;
	background-color: white;
	font-size: 0.875rem;
}

.trEmpty td {

	text-align: left;
	background-color: transparent !important;
	font-size: 0.875rem !important;
}

#ertTableTab1Sum {

	background-color: #4a4a4a !important;
	color: white;
}

#ertContent3Table {

	width: 62rem; /* 1000px */

	margin-right: auto;
	margin-left: auto;
	left: 0;
	right: 0;

}

@-moz-document url-prefix() {
  #ertContent3Table {
    padding-bottom: 12rem;
   }
}

td.ertTableNumber {

	font-size: 1.125rem;
}

td.ertTableClose {

	font-size: 1.125rem;
	width: 1rem;
	text-align: right;
}

td.ertTableDuplicate {

	font-size: 1.125rem;
	width: 1rem;
	text-align: right;
}



.ertTableIcon {

	cursor: pointer;
}

.ertTableIcon:hover {

	color: #ec1717;
}


td.ertTableBold {

	font-weight: 700;
}

#ertTableTab1Sum td {

	background-color: transparent !important;
}

#ertTableTab1Sum td:nth-child(2) {

	text-align: right;
}

.ertTableTab1 td:nth-child(1) {

	width: 7rem;
}

.ertTableTab1 td:nth-child(3) {

	text-align: right;
}





.ertTableTabCalcs td:nth-child(1) {

	width: 1.4rem;
	font-size: 1.6rem;
}


.ertTableTabCalcs td:nth-child(3) {

	text-align: right;
}




th {

	font-weight: normal;
	height: 1.8rem;
}

#ertContent3TableData td:nth-child(1) {

	width: 1.5rem;
	font-size: 1.6rem;
}

#ertContent3TableData td:nth-child(2) {

	width: 5rem;
}

#ertContent3TableData td:nth-child(2) {

	width: 5rem;
}

#ertContent3TableData td:nth-child(9) {

	width: 7rem;
	font-size: 1.125rem;
}




.popupTitle {

	font-size: 1.25rem;
	margin-bottom: 1rem;
}

.popupInput {

	height: 35px;
	width: 100%;
	padding: 5px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	outline: none;
}


.popupDelete {

	position: absolute;

	bottom: 2rem;
	left: 1.3rem;

	margin-top: 1rem;
	text-align: left;
	color: #ec1717;
	width: auto;
	cursor: pointer;

	font-weight: 600;
}

.popupNoGiftsHere {

	z-index:2;
	position: absolute;
	top: 6rem;

	width: 520px;
	height: auto;

	left: 0;
	right: 0;

	margin-left: auto;
	margin-right: auto;

	border: 1px solid #424242;
	background-color: white;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 1.25rem;

}




.popupDelete:hover {

	opacity: .8;
}


.ertListLink:hover {

	cursor: pointer;

}


.ertListLink:hover {

	color: #ec1717;

}


.popupButtons {

	margin-top: 1rem;
	text-align: right;
}

.popupButton {

	width: 2.5rem !important;
	height: 2.5rem !important;
	border-radius: 50%;
	padding: .4rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	font-size: 1rem;

	background-color: #424242;
	color: white;

	cursor: pointer;

	border: 0;
	outline: none;
}

.popupButtonRect {

	width: auto;
	height: 2.5rem !important;
	border-radius: 5px;
	padding: .4rem 1rem .4rem 1rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	font-size: 1rem;

	background-color: #424242;
	color: white;

	cursor: pointer;

	border: 0;
	outline: none;
}

.popupButtonRect:hover {

	opacity: .8;
}


.popupButtonCancel {

	background-color: #9b9b9b;
}

.popupButton:hover {

	background-color: #ec1717;
}


.popupButtonCritical {

	background-color: #ec1717;

	position: absolute;
	bottom: 20px;
	left: 20px;
}


.popupOverlay {
	z-index:1;
	position: fixed;
	top: 9.5rem;
	left: 0;

	width: 100%;
	height: 2000px;

	background-color: rgba(0, 0, 0, .6);

}

.popupOverlayLogin {

	top: 5rem;
	left: 0;

	width: 100%;
	height: 2000px;

	background-color: rgba(0, 0, 0, .6);

}




.popupAddPerson {
	z-index:2;
	position: fixed;
	top: 18rem;

	width: 320px;
	height: auto;

	left: 0;
	right: 0;

	margin-left: auto;
	margin-right: auto;

	border: 1px solid #424242;
	background-color: white;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 1.25rem;

}



.popupAddGift {
	z-index:2;
	position: absolute;
	top: 12rem;

	width: 320px;
	height: auto;

	left: 0;
	right: 0;

	margin-left: auto;
	margin-right: auto;

	border: 1px solid #424242;
	background-color: white;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 1.25rem;

}

.popupLogin {

	z-index:2;
	position: absolute;
	top: 12rem;

	width: 320px;
	height: auto;

	left: 0;
	right: 0;

	margin-left: auto;
	margin-right: auto;

	border: 1px solid #424242;
	background-color: white;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 1.25rem;

}

.popupInfo {

	z-index:2;
	position: absolute;
	top: 12rem;

	width: 320px;
	height: auto;

	left: 0;
	right: 0;

	margin-left: auto;
	margin-right: auto;

	border: 1px solid #424242;
	background-color: white;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 1.25rem;

	display: none;
}


#popupHelpMessage {

	overflow: scroll;

	height: 22rem;
}

.popupDeleteTree {

	z-index:2;
	position: absolute;
	top: 12rem;

	width: 320px;
	height: auto;

	left: 0;
	right: 0;

	color: #ec1717;

	margin-left: auto;
	margin-right: auto;

	border: 1px solid #424242;
	background-color: white;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 1.25rem;

	display: none;

}


.popupNotSaved {


	z-index:2;
	position: absolute;
	top: 12rem;

	width: 600px;
	height: auto;

	left: 0;
	right: 0;

	color: #ec1717;

	margin-left: auto;
	margin-right: auto;

	border: 1px solid #424242;
	background-color: white;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 1.25rem;

	display: none;

}


.popupAddGrandChild {

	z-index:2;
	position: absolute;
	top: 12rem;

	width: 320px;
	height: auto;

	left: 0;
	right: 0;

	margin-left: auto;
	margin-right: auto;

	border: 1px solid #424242;
	background-color: white;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 1.25rem;

}








.popupAddGiftAmount {

	margin-top: .6rem;
}

.popupAddGiftDesc {

	margin-top: .6rem;
	margin-bottom: .6rem;

}

.popupAddGiftDescClearable {

	padding-right: 2rem !important;

}




#popupAddGiftPersonType {

	font-weight: 700;
}

#popupAddGiftPersonName {

	font-weight: normal;
}

#popupAddGiftAddEntry {

	color: #0075CF;
	cursor: pointer;
}

#popupAddGiftAddEntry:hover {

	opacity: .8;
}


.popupAddGiftDescClearableContainer {

	position: relative;
}


.popupAddGiftDescClearableX {

	width: 2rem;
	height: 2rem;

	position: absolute;

	top: .9rem;
	right: .2rem;

	background-image: url('../gfx/close.svg');
	background-size: 1.5rem;

	background-repeat: no-repeat;
	background-position: center center;

	cursor: pointer;

}

#popupAddGiftsContainer {

	overflow: scroll;
}



.ertTreeListFilter {

	text-align: right;
}







.custom-select {
  position: relative;
	display: table-cell;
	padding: 0;
	margin: 0;
	top: 0;
}

.custom-select select {

	display: none !important;

}

.select-selected {
	background-color: white;
	height: 3rem;

}

.select-selected:after {
  position: absolute;
  content: "";
  top: 1.4rem;
  right: .6rem;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #424242 transparent transparent transparent;
}

.select-items div,.select-selected {
  color: #424242;
	padding: .9rem 1rem 1rem .8rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
  border: 0;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}




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













.switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #dcdcdc;
  width: 80px;
  border-radius: 24px;
  padding: 3px;
}




.switch input {
  position: absolute;
  visibility: hidden;
}
.switch label {
  background-color: transparent;
  height: 45px;
  width: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: color 250ms ease;
  transition: color 250ms ease;
}
/*
.fa-female:hover {
  color: #ec1717;
}

.fa-male:hover {
  color: #ec1717;
}*/

.switch-bg {
  position: absolute;
  height: 45px;
  width: 45px;
  border-radius:24px;
  background-color: #4a4a4a;
  z-index: 0;
  -webkit-transition: -webkit-transform 250ms ease-out;
  transition: -webkit-transform 250ms ease-out;
  transition: transform 250ms ease-out;
  transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
}



#popupAddErbGenderLeft:checked ~ .switch-bg {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

#popupAddErbGenderRight:checked ~ .switch-bg {
  -webkit-transform: translateX(80%);
          transform: translateX(80%);
}


@media screen and (min-width:0\0) {
    .switch-bg {
      visibility: hidden;
    }
    .switch input {
      position: relative;
      visibility: visible;
    }
}

.vInfo{
	width: 62rem; /* 1000px */

	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;

	font-size: 0.8rem;
	color: #a5a5a5;
	position: absolute;
	bottom: 5px;
}