#mainFrame {
/*	background:#3b8564; */
	background:white;
}

#zoom {
	position:absolute;
	z-index:100;
	display:inline-block;
	width:100%;
	height:100%;
	-webkit-box-shadow: 10px 10px 12px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: 10px 10px 12px -5px rgba(0,0,0,0.1);
	box-shadow: 10px 10px 12px -5px rgba(0,0,0,0.1);
	overflow:hidden;

}

/*3b8564*/

.page {
	border:none;
	background:#f5f5f5;
}

#content_index {
	border:none;
/*	background:#3b8564; */
}

#topbar, #topbar * {
	line-height:60px;
	height:60px;
}

#topbar {
	overflow:hidden !important;
}

#topbar:after {
	content:'';
	width:100%;
	position:absolute;
	border-bottom:2px solid #e60000 !important;
	top:88px;
}
/*
.ios.phonegap #topbar {
	height:90px;
}

.ios.phonegap #topbar .left, .ios.phonegap #topbar .middle, .ios.phonegap #topbar .right {
	margin-top:10px;
}
*/
.body_content p {
	line-height:25px;
}

.body_content .content_image {
	width:90%;
	margin:5%;
}

.body_content .content_image img {
	width:100%;
}

#topbar .left {
	position:absolute;
	left:10px;
	top:0px;
	width:60px;
	text-align:center;
	
}

#topbar .middle {
	position:absolute;
	left:50px;
	top:0px;
	width: calc( 80% );
	text-align:left;
	text-transform:normal;
	overflow:hidden;
	letter-spacing:1px;
	font-size:20px;
	padding-top:26px;
	font-weight:bold;
}

#topbar .right {
	position:absolute;
	right:20px;
	top:0px;
	width:40px;
	text-align:right;
}

#topbar {
	opacity:1;
	background-color:white !important;
/*	background-image: radial-gradient(ellipse farthest-side at center top, #60b890 0%, #3b8564 100%); */
/*	background-image: radial-gradient(ellipse farthest-side at center top, #6DBA9D 0%, #3B8464 100%); */
	color:black;
}

#topbar .menu {
/*    -webkit-mask-image: url('../data/images/cog.png');
    mask-image: url('../data/images/cog.png');
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center right;
	mask-position:center right;
	background-position:center right;
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:center right;
	-moz-mask-position:center right;
    -o-mask-image: url('../data/images/cog.png');
    -moz-mask-image: url('../data/images/cog.png');*/
    width:25px;
    height:25px;
    background-image:url('../data/wshr_icons/01_settings.svg') ;
    background-size:100% 100%;
    background-position:middle right !important;
    margin:0 !important;
    padding:0 !important;
	margin-top:45px !important;
	right:0px !important;
	position:absolute;
}	

body.darkMode #topbar .menu {
    background-image:url('../data/wshr_icons/01_settings_darkmode.svg');
}

#topbar .menu.selected, body.darkMode #topbar .menu {
/*    background-image:url('../data/wshr_icons/01_settings_selected.svg'); */
	display:inline-block;
	position:relative;
	width:20px;
	height:20px;
	background-image:url('../data/wshr_icons/01_settings_darkmode.svg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	cursor:pointer;
	position:absolute;
	right:0px;
	margin-top:27px;
	margin-right:3px;
	cursor:pointer;
}

body.darkMode #topbar .menu.selected, #topbar .menu.selected {
	background-image:url('../data/wshr_icons/icon_back.svg');
}


#topbar .middle div {
	white-space:nowrap;
}

#topbar .shield {
	margin-top:40px;
/*    -webkit-mask-image: url('../data/images/logo.png');
    mask-image: url('../data/images/logo.png');
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center left;
	mask-position:center left;
	background-position:center left;
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:center left;
	-moz-mask-position:center left;
    -o-mask-image: url('../data/images/logo.png');
    -moz-mask-image: url('../data/images/logo.png');*/
    width:30px;
    height:30px;
    background:none;
    background-image:url('../data/wshr_icons/0_swiss_logo.svg');
    background-size:100% 100%;
}

#frontSlider {
	overflow:hidden;
	white-space:nowrap;
	width:100%;
	height:200px;
	display:block;
	position: relative;
	cursor:pointer;
}


.largerDisplays #frontSlider {
}

#frontSlider .slide {
	width: 100%;
	padding-bottom: 100%;
	float:left !important;
	display:none;
}

#frontSlider .slide {
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:center center;
	display:block;
	position:absolute;
}

.largerDisplays #frontSlider .slide {
	background-size:auto 100% !important;
}

#frontSlider .slide#slide00 {
	left:0%;
}

#frontSlider .slide#slide0 {
	left:100%;
}

#frontSlider .slide#slide1 {
	left:200%;
}

#frontSlider .slide#slide2 {
	left:300%;
}

#frontSlider .slide#slide3 {
	left:400%;
}

#frontSlider .slide#slide4 {
	left:500%;
}

#frontSlider .slide#slide5 {
	left:600%;
}

#frontSlider .slide#slide6 {
	left:-200%;
}

#frontSlider .slide#slide7 {
	left:-100%;
}

.dotSelected {
	position:absolute;
	border-radius:50%;
	background:rgba(255,255,255,1);
	width:20px;
	height:20px;
}

.dotSelectedWrap {
	display:none;
	position:absolute;
	left:50%;
	margin:0;
	margin-left: calc( ( 29px * -3 ) + 1px );
	z-index:10;
	bottom:24.5px;
}

#indexButton {
	opacity:0.9;
/*	background-image: radial-gradient(ellipse farthest-side at center top, #60b890 0%, #3b8564 100%);*/
	background-image: radial-gradient(ellipse farthest-side at center top, #6DBA9D 0%, #3B8464 100%);
	color:white;
}

#indexButton {
	height:100%;
}

#indexButton a.button, a.button {
	border-radius:8px;
	display:inline-block;
	border:none;
	outline: inherit !important;
	background:none;
	border:1px solid white;
	width:220px;
	text-align:left;
	padding:22px auto 22px auto !important;
	line-height:50px;
	height:50px;
	color:white;
	-webkit-appearance: none;
	appearance: none;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	font-family: 'Frutiger Neue LT', serif;
}

#indexButton a.button:hover, a.button:hover {
    color: white;
}

#indexButton a.button .arrow, a.button .arrow {
	background-color: #ecd05c;
    -webkit-mask-image: url('../img/icons/Arrow_right.svg');
    mask-image: url('../img/icons/Arrow_right.svg');
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center right;
	mask-position:center right;
	background-position:center right;
	float:right;
	text-shadow:none;
	width:30px !important;
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:center right;
	-moz-mask-position:center right;
    -o-mask-image: url('../img/icons/Arrow_right.svg');
    -moz-mask-image: url('../img/icons/Arrow_right.svg');
}

#indexButton a.button#go_to_read {
	margin:40px auto 10px auto;
}

#indexButton a.button#go_to_learn, a.button#go_to_learn, a.button#next_section {
	margin:10px auto 40px auto;
}

a.button#next_section {
	display:inline-block;
	width:100px;
	border-radius:8px;
	display:inline-block;
	border:1px solid #2f6b50;
	outline: inherit !important;
	text-align:left;
	padding-top:5px!important;
	padding-bottom:5px!important;
	padding-left:10px!important;
	line-height:40px;
	height:40px;
	color:#2f6b50;
	-webkit-appearance: none;
	appearance: none;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	font-family: 'Frutiger Neue LT', serif;
	margin-left: calc( 50% - 60px );
	margin-bottom:0;
}

.es a.button#next_section {
	width:120px;
}

a.button#next_section span {
	margin-right:10px;
}

a.button#next_section:hover {
	color:white;
}

.next_section_wrap {
	width:100%;
}

#indexButton a:after,#indexButton a:before {
	display:none;
}

#pie1, #pie_learn, #pie_read {
	display:inline-block;
    border-radius: 50%;
    background-color: #eacd5d;
    width:100px;
    height:100px;
    margin:20px auto 20px auto;
}


/*
outer    background-color: #f3eadc;
inner    background-color: #ece9db;
*/

#pie2 {
	display:inline-block;
    border-radius: 50%;
    margin-top:5px;
    background-color: #3a8363;
	width:90px;
	height:90px;
	margin:5px 5px 5px 5px;
}

#pie_read {
    background-color: #3a8363;
}

#pie3 {
	display:inline-block;
    border-radius: 50%;
    background-color: #f6efe2;
    margin-top:5px;
	width:80px;
	height:80px;
	margin:5px 5px 5px 5px;
}

#pie_umbrella {
	display:inline-block;
	width:100%;
	height:100%;
	background-color: #3b8465;
    -webkit-mask-image: url('../img/icons/Logo.svg');
    mask-image: url('../img/icons/Logo.svg');
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center center;
	mask-position:center center;
	-webkit-mask-size:60% 60%;
	mask-size:60% 60%;
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:center center;
	-moz-mask-position:center center;
    -o-mask-image: url('../img/icons/Logo.svg');
    -moz-mask-image: url('../img/icons/Logo.svg');
	-o-mask-size:60% 60%;
	-moz-mask-size:60% 60%;
}

#pie_percent {
	display:inline-block;
    border-radius: 50%;
    background-color: #f6efe2;
    margin-top:5px;
	width:90px;
	height:90px;
	margin:5px 5px 5px 5px;
	font-weight:18px;
	line-height:90px;
}

#mainMenu, #altMenu {
	height:100%;
	background:#f7f0e3;
}

#mainMenu a, #altMenu a {
	font-weight:bold;
	font-size:14px;
	text-align:center;
	border:none;
	margin:0;
	padding:0;
	color:#4a4a4a;/* test
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;*/
}

#mainMenu a:hover, #altMenu a:hover {
}

#mainMenu a:after, #mainMenu a:before, #altMenu a:after, #altMenu a:before {
	display:none;
}

#altMenu {
	width:100%;
	position:absolute;
	z-index:50;
	left:0;
	top:0;
	display:inline-block;
	overflow:hidden !important;
}

#altMenu #pie1 {
/*	position:absolute;
	right:20%;
	margin-left:50px;
	margin-top:100px;*/
}

#altMenu .menuLinks {
/*	margin-top:240px; */
}

#icrc_logo {
	display:inline-block;
	width:120px;
	height:180px;
	margin:80px auto 13px auto;
	background-image:url('../img/icons/international-committee-of-the-red-cross-icrc-seeklogo.com.svg');
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center center;
}

#altMenu #icrc_logo {
	margin-left: calc( 50% - 65px );
	margin-top: 0px;
}

.altMenuWrap {
	width:60%;
	margin-left:40%;
}

#altMenu a {
	width:100%;
	text-decoration:none;
	display:inline-block;
	line-height:30px;
}

.pieWrap {
	width:100%;
	display:inline-block;
	margin-left: calc( 50% - 50px );
}

#icrc {
	display:none;
	margin:0;
	padding:0;
	font-family:helvetica;
	font-size:40px;
	line-height:30px;
	font-weight:lighter;
	color:black;
	text-align:center;
}

#read_menu {
/*	background: #f6efe3; */
}

#learn_menu {
/*	background: #f6efe3; */
}

.largeGreenButton {
	display:inline-block;
/*	background-color: #3b8465; */
/*	background-image: radial-gradient(ellipse farthest-side at center top, #60b890 0%, #3b8564 100%); */
/*	background-image: radial-gradient(ellipse farthest-side at center top, #6DBA9D 0%, #3B8464 100%); */
	width:90%;
	min-height:50px;
	margin:30px auto 10px auto;
	border-radius:8px;
	-webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
	cursor:pointer;
	overflow:hidden;
}

.largeGreenButton h2 {
	font-style:normal;
	color:black;
	font-weight:bold;
	font-size:20px;
	text-align:left;
	margin:20px 20px 10px 20px;
	padding:0;
}

.largeGreenButton h3 {
	font-style:normal;
	color:black;
	font-weight:300;
	font-size:20px;
	text-align:left;
	margin:10px 20px 10px 20px;
	padding:0;
}

.listEnd {
	margin-top:10px;
	width:100%;
	height:70px;
/*	background-image: radial-gradient(ellipse farthest-side at center top, #60b890 0%, #3b8564 100%);*/
/*	background-image: radial-gradient(ellipse farthest-side at center top, #6DBA9D 0%, #3B8464 100%);*/
	cursor:pointer;
}

.listEnd .arrow {
	height:50px;
	width:100%;
	background:white;
    -webkit-mask-image: url('../img/icons/Arrow_up.svg');
    mask-image: url('../img/icons/Arrow_up.svg');
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:bottom center;
	mask-position:bottom center;
	background-position:bottom center;
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:bottom center;
	-moz-mask-position:bottom center;
    -o-mask-image: url('../img/icons/Arrow_up.svg');
    -moz-mask-image: url('../img/icons/Arrow_up.svg');
}

#content_learn_menu .largeGreenButton {
/*	background-color: #fceaa8;
	background-image: radial-gradient(ellipse farthest-side at center top, #fceaa8 0%, #e4cd76 100%);
	background-image: radial-gradient(ellipse farthest-side at center top, #6DBA9D 0%, #3B8464 100%);*/
}

#content_learn_menu .largeGreenButton h2, #content_learn_menu .largeGreenButton h3 {
/*	color:#4a4a4a; */
}

#content_learn_menu .listEnd {
/*	background-color: #fceaa8; */
/*	background-image: radial-gradient(ellipse farthest-side at center top, #fceaa8 0%, #e4cd76 100%); */
/*	background-image: radial-gradient(ellipse farthest-side at center top, #6DBA9D 0%, #3B8464 100%); */
}

#content_learn_menu .listEnd .arrow {
/*	background:#4a4a4a;*/
}

#contentFrame .page {
	border-left:1px solid #3b8564 !important;
}

#contentFrame {
	background:white;
}

.back {
	margin-top:40px;
/*    -webkit-mask-image: url('../img/icons/Arrow_left.svg');
    mask-image: url('../img/icons/Arrow_left.svg');
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center left;
	mask-position:center left;
	background-position:center left;
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:center left;
	-moz-mask-position:center left;
    -o-mask-image: url('../img/icons/Arrow_left.svg');
    -moz-mask-image: url('../img/icons/Arrow_left.svg');*/
	width:30px !important;
    height:30px !important;
    background-image:url('../data/wshr_icons/0_swiss_logo.svg') !important;
    background-size:100% 100%;
}

#oP1.opacityPage, #oP2.opacityPage {
	display:none;
	opacity:0.7;
	width:55%;
	height:75%;
	top:12.5%;
	left:-12.5%;
	background:white;
	position:absolute;
	z-index:90;
	-webkit-box-shadow: 10px 10px 12px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: 10px 10px 12px -5px rgba(0,0,0,0.1);
	box-shadow: 10px 10px 12px -5px rgba(0,0,0,0.1);
	overflow:hidden;
	border-radius:8px;
}

#oP2.opacityPage {
	left:-10%;
	z-index:80;
	height:65%;
	top:17.5%;
}

.largerDisplays #altMenu {
	display:none;
}

.background {
	position:absolute;
	display:block;
	width:inherit;
	height:inherit;
	background-repeat:np-repeat;
	opacity:0.15;
	background-size:100% auto;
	overflow:hidden;
}

#chapter0 .background, .chapter0 .background {
	background-image: url('../img/chapters/chapter_0.png');
}

#chapter1 .background, .chapter1 .background {
	background-image: url('../img/chapters/chapter_1.png');
}

#chapter2 .background, .chapter2 .background {
	background-image: url('../img/chapters/chapter_2.png');
}

#chapter3 .background, .chapter3 .background {
	background-image: url('../img/chapters/chapter_3.png');
}

#chapter4 .background, .chapter4 .background {
	background-image: url('../img/chapters/chapter_4.png');
}

#chapter5 .background, .chapter5 .background {
	background-image: url('../img/chapters/chapter_5.png');
}

#chapter6 .background, .chapter6 .background {
	background-image: url('../img/chapters/chapter_6.png');
}

#chapter7 .background, .chapter7 .background {
	background-image: url('../img/chapters/chapter_7.png');
}

.chapter .background {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	margin-top:-10%;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

.largerDisplays .chapter .background {
	background-size:100% auto;
}

.tablet .chapter .background {
	background-size:100% auto;
}

@media (min-width:690px) {
	.chapter .background {
		background-size:100% auto;
	}
}

.intro_box {
	position:relative;
	margin-top:-30px;
	padding:10% 0 10% 0;
	width:100%;
/*	background-image: radial-gradient(ellipse farthest-side at center top, #60b890 0%, #3b8564 100%); */
/*	background-image: radial-gradient(ellipse farthest-side at center top, #6DBA9D 0%, #3B8464 100%); */
	overflow:hidden;
	margin-bottom:10px;
}

.intro_box_2 {
	position:relative;
	margin:0;
	margin-top:-30px;
	padding:35px 0 5px 0;
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	background-color:#eaeef1;
	height:auto !important;
}

.intro_box_2 h1 {
	font-weight:300;
	font-style:normal;
	font-size:20px;
	line-height:30px;
	display:block;
	height:auto;
	width:90%;
	margin-left:5%;
	margin-right:5%;
}


.intro_box * {
	color:white;
}

.intro_box h1, .intro_box div {
	width:80%;
	margin:10px 10% 10px 10%;
}

.intro_box hr {
	width:10%;
	margin:30px auto 30px auto;
}

.intro_box h1 {
	font-size:20px;
}

.intro_box div {
	font-size:15px;
	line-height:25px;
	font-weight:lighter;
}

.intro_box .arrow_down {
	background-color: white;
    -webkit-mask-image: url('../img/icons/Arrow_up.svg');
    mask-image: url('../img/icons/Arrow_up.svg');
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center center;
	mask-position:center center;
	background-position:center center;
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:center center;
	-moz-mask-position:center center;
    -o-mask-image: url('../img/icons/Arrow_up.svg');
    -moz-mask-image: url('../img/icons/Arrow_up.svg');
}

a.content_link {
	background:#e9edf0;
	margin-top:10px;
	border:none;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    font-family:helvetica;
    font-size:14px;
    width:100% !important;
    white-space:normal;
    height:auto;
    line-height:20px;
    padding-top:13px;
    padding-bottom:13px;
    padding-left:0 !important;
}

a.content_link span {
    line-height:20px;
    margin-left:20px;
    margin-right:20px;
    display:inline-block;
}

#read_page_level_1 a:after, #read_page_level_1 a:before, #read_page_level_2 a:after, #read_page_level_2 a:before, #about a:after, #about a:before , #glossary a:after, #glossary a:before {
	display:none !important;
}

#read_page_level_2 a {
	display:inline;
	border:none;
	width:auto;
	padding:0;
	margin:0;
}

#read_page_level_1 {
	background:white;
}

.list_bottom {
	display:block;
/*	background-image: radial-gradient(ellipse farthest-side at center top, #60b890 0%, #3b8564 100%);*/
/*	background-image: radial-gradient(ellipse farthest-side at center top, #6DBA9D 0%, #3B8464 100%);*/
	width:100%;
	height:69px;
	margin:0;
	padding:0;
	margin-top:0px;
	border-bottom:1px solid #3b8564;
	overflow:hidden;
	margin-top:10px;
}

.list_bottom .arrow_up {
	display:block;
	background-color: white;
    -webkit-mask-image: url('../img/icons/Arrow_up.svg');
    mask-image: url('../img/icons/Arrow_up.svg');
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center center;
	mask-position:center center;
	background-position:center center;
	width:100%;
	height:69px;
	margin:0;
	padding:0;
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:center center;
	-moz-mask-position:center center;
    -o-mask-image: url('../img/icons/Arrow_up.svg');
    -moz-mask-image: url('../img/icons/Arrow_up.svg');
}

.go_to_learn_wrap {
	margin-top:30px;
	margin-bottom:0px;
}

.go_to_learn_wrap a {
	color:#3b8564;
	border-color:#3b8564;
	margin:0;	
}

.body_content {
	width:100%;
	margin:5% 0 5% 0;
	text-align:left;
	line-height:25px;
	font-size:15px;
}

.body_content p {
	padding-top:6px !important;
	padding-bottom:5px !important;
}

.body_content ul {
	padding:0;
	margin:0;
}

#content_read_page_level_2 {
	background:white;
}

#content_read_page_level_2 .list_bottom .arrow_up {
	width:100% !important;
	height:69px !important;
	display:inline-block;
}

.body_content h3, .body_content h4, .body_content h1, .body_content h5, .sysdialogbox h3 {
	width:90%;
	margin:0px 5% 0px 5%;
	margin-top:20px;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
}

.sysdialogbox h2 {
	text-transform:uppercase;
}

.emboss {
	font-size:4vw;
	line-height:4vw;
	text-shadow: 0px 1px 1px #4d4d4d;
	color: #dbd5ca;
	width:100%;
	text-align:center;
	margin-top:30%;
}

.see-footnote {
}

.footnotes {
	border-top:1px solid black;
	width:100%;
	margin:0px 5% 0px 5%;
	padding:0;
	margin-top:25px !important;
}

.footnotes li {
	list-style-type:none;
	font-family:helvetica;
/*	font-size:12px;
	line-height:22px;*/
	margin:0;
	padding:0;
}

.footnotes li:nth-child(1) {
	margin-top:20px;
}

.footnotes li a {
	color:#3b8364;
}
/*
#glossary_content a:before, #glossary_content a:after {
	display:none;
}

#glossary_content a {
	display:inline;
	border:none;
	width:auto;
	padding:0;
	margin:0;
}
*/
.body_content h2:before {
	content:"";
	position:absolute;
	margin-top:-68px;
	margin-left:-5%;
	display:block;
	width:100%;
	height:34px;
/*	background-color: #3b8364;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center center;
	mask-position:center center;
	background-position:center center;
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:center center;
	-moz-mask-position:center center;
*/
}

h2.standard {
	margin-top:20px;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
	width:90%;
	padding:25px 5%  25px 5%;
	background:#cde0d8;
	border-top:50px solid #9dc1b1;
}
/*
h2.standard:before {
    -webkit-mask-image: url('../img/icons/Standards.svg');
    mask-image: url('../img/icons/Standards.svg');
    -o-mask-image: url('../img/icons/Standards.svg');
    -moz-mask-image: url('../img/icons/Standards.svg');
}
*/
h2.standard:before {
	background-image:url('../img/icons_png/Standards.png') !important;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:center center;
}


h2.padlock {
	margin-top:20px;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
	width:90%;
	padding:25px 5%  25px 5%;
	background:#cde0d8;
	border-top:50px solid #9dc1b1;
}

/*h2.padlock:before {
    -webkit-mask-image: url('../img/icons/Padlock.svg');
    mask-image: url('../img/icons/Padlock.svg');
    -o-mask-image: url('../img/icons/Padlock.svg');
    -moz-mask-image: url('../img/icons/Padlock.svg');
}
*/
h2.padlock:before {
	background-image:url('../img/icons_png/padlock-new.png') !important;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:center center;
}



h2.guideline {
	margin-top:20px;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
	width:90%;
	padding:25px 5%  25px 5%;
	background:#cde0d8;
	border-top:50px solid #9dc1b1;
}
/*
h2.guideline:before {
    -webkit-mask-image: url('../img/icons/Guidelines.svg');
    mask-image: url('../img/icons/Guidelines.svg');
    -o-mask-image: url('../img/icons/Guidelines.svg');
    -moz-mask-image: url('../img/icons/Guidelines.svg');
}
*/

h2.guideline:before {
	background-image:url('../img/icons_png/Guidelines.png') !important;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:center center;
}

.body_content a {
	white-space:normal;
	margin:0;
	padding:0;
	line-height:inherit;
}

.body_content p {
	width:90%;
	margin:0px 5% 0px 5%;
}

#content_main .wrap {
	display:none;
}

.controlHolder {
	background:white !important;
	box-shadow:0px 0px 10px 10px rgba(0,0,0,0.4);
}

.sysdialogbox  {
	font-size:16px;
	padding-top:20px;
	padding-bottom:20px;
	position:absolute;
	left:50%;
	margin-left: -45%;
	width:90%;
	padding-left:10px;
	padding-right:10px;
}

.percent0.color2 {
	background-image:
		/* 10% = 94deg = 90 + ( 360 * 0.01 ) */
		linear-gradient(360deg, transparent 50%, #ece9db 50%),
		linear-gradient(0deg,#ece9db 50%, transparent 50%);
	}

.percent0.color1 {
	background-image:
		/* 10% = 94deg = 90 + ( 360 * 0.01 ) */
		linear-gradient(360deg, transparent 50%, #f3eadc 50%),
		linear-gradient(0deg,#f3eadc 50%, transparent 50%);
	}

.body_content a {
	color:#388563;
	font-weight:bold;
}
	
/*
.go_to_learn_wrap a .arrow {
	color:#3b8564;
	background:#3b8564;
}

.go_to_learn_wrap a:hover .arrow {
	background:#ffffff;
}
*/

.body_content p.box, .body_content ul li {
	display:inline-block;
	background-color:#faf7ef;
	width:90% !important;
	margin:0;
	padding-left:5%;
	padding-right:15% !important;
}

.body_content ul li p.box {
	width:90% !important;
	padding-left:0%;
}

.body_content ul li {
	list-style-type:none;
	padding-left:10%;
	line-height:26px;
}

.ar .body_content ul li {
	list-style-type:none;
	padding-right:10%;
	padding-left:0%;
	line-height:26px;
	text-align:right;
	direction:rtl;
}

.body_content ul li:before {
	content:"";
	position:absolute;
	background-color: #3b8364;
    -webkit-mask-image: url('../img/icons/Bulletpoint_02.svg');
    mask-image: url('../img/icons/Bulletpoint_02.svg');
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:left center;
	mask-position:left center;
	height:38px;
	width:26px;
	margin-left:-20px;
	margin-top:-6px;
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:left center;
	-moz-mask-position:left center;
    -o-mask-image: url('../img/icons/Bulletpoint_02.svg');
    -moz-mask-image: url('../img/icons/Bulletpoint_02.svg');
}

.ar .body_content ul li:before {
	margin-left:0px;
	margin-right:-40px;
}

.ar .body_content ul.footnotes li {
	padding-left:10%;
	padding-right:0%;
}

/*
.ar .body_content ul li:before {
	display:none;
}

.ar .body_content ul li:after {
	content:"";
	position:absolute;
	background-color: #3b8364;
    -webkit-mask-image: url('../img/icons/Bulletpoint_02.svg');
    mask-image: url('../img/icons/Bulletpoint_02.svg');
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:right center;
	mask-position:right center;
	height:38px;
	width:26px;
	margin-right:-20px;
	margin-top:-6px;
	-o-mask-repeat:no-repeat;
	-moz-mask-repeat:no-repeat;
	-o-mask-position:right center;
	-moz-mask-position:right center;
    -o-mask-image: url('../img/icons/Bulletpoint_02.svg');
    -moz-mask-image: url('../img/icons/Bulletpoint_02.svg');
}
*/

.body_content ul.hasNoBox, .body_content ul.hasNoBox li {
	background-color: none;
	background: none;
}

.body_content ul.hasNoBox li:before {
	margin-top:-5px;
    -webkit-mask-image: url('../img/icons/Bulletpoint_01.svg');
    mask-image: url('../img/icons/Bulletpoint_01.svg');
    -o-mask-image: url('../img/icons/Bulletpoint_01.svg');
    -moz-mask-image: url('../img/icons/Bulletpoint_01.svg');
}

p.hasBox {
	width:100%;
	margin-left:0;
	background-color: #faf7ef;	
}

p.hasBox span.box {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	display:inline-block;
}

ul.footnotes li {
	list-style-type:none;
	margin-left:-5% !important;
}

ul.footnotes li:before {
	display:none;
}

ul li strong a, ul li span {
	font-size:15px;
}

ul li span {
	line-height:26px;
}

a sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

.sliderTitle {
	font-size:18px;
	line-height:20px;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	white-space:normal;
	bottom:40%;
	position:absolute;
	color:white;
	text-shadow:0px 0px 8px rgba(0,0,0,1) !important;
}
/*
.ios .sliderTitle, .android .sliderTitle {
	font-size:24px;
	line-height:26px;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	white-space:normal;
	bottom:35px;
	position:absolute;
	color:white;
	text-shadow:0px 0px 8px rgba(0,0,0,1) !important;
}
*/

html * {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.body_content, .body_content * {
/* TEST	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;*/
}

body, html {
	user-select: none !important;
    -moz-user-select: none !important;
    -khtml-user-select: none !important;
    -webkit-user-select: none !important;
    -o-user-select: none !important;
}

#topbar, #topbar * {
   -moz-user-select: none !important;
   -khtml-user-select: none !important;
   -webkit-user-select: none !important;
   -ms-user-select: none !important;
   user-select: none !important;
}

.body_content {
   -moz-user-select: auto !important;
   -khtml-user-select: auto !important;
   -webkit-user-select: auto !important;
   -ms-user-select: auto !important;
   user-select: auto !important;
}

.tab_content, .content_wrap, #glossary_content, #glossary_content *, .list_element_wrap, .list_element {
   -moz-user-select: auto !important;
   -khtml-user-select: auto !important;
   -webkit-user-select: auto !important;
   -ms-user-select: auto !important;
   user-select: auto !important;
}

.list_element {
	-moz-user-select: none !important;
   -khtml-user-select: none !important;
   -webkit-user-select: none !important;
   -ms-user-select: none !important;
   user-select: none !important;
}

.phonegap .footnotes *, .phonegap .footnotes li, .phonegap .footnotes li a, .phonegap .footnotes li a em {
/*	font-size:10px !important;
	line-height:18px !important;
*/	font-size:inherit;
	line-height:inherit;
	font-family: 'Frutiger Neue LT', serif;
}

a.list_element_wrap:before {
	display:none;
}

.body_content ul li {
	font-family: 'Frutiger Neue LT', serif !important;
	font-weight:normal !important;
	font-style:normal !important;
}

#content_glossary, #content_about {
	background:white;
}

.noClick {
	position:absolute;
	z-index:10000000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
}

body.es h2.standard:before {
	background-image:url('../img/icons_png/icrc_standards_es.png') !important;
}

body.es h2.padlock:before {
	background-image:url('../img/icons_png/icrc_padlock_es.png') !important;
}

body.es h2.guideline:before {
	background-image:url('../img/icons_png/icrc_guidelines_es.png') !important;
}

body.ar h2.standard:before {
	position:absolute;
	right:0;
}

body.ar h2.padlock:before {
	position:absolute;
	right:0;
}

body.ar h2.guideline:before {
	position:absolute;
	right:0;
}

#indexButton a.button#go_to_learn,#go_to_learn, #indexButton a.button#go_to_read,#go_to_read {
	white-space:normal;
	height:auto;
	line-height:2;
	padding-top:10px;
	padding-bottom:10px;
}

.es #indexButton a.button {
	width:270px;
}

.ar #indexButton a.button {
	width:250px;
}

.go_to_learn_wrap #go_to_learn {
	width:250px;
}

.es .go_to_learn_wrap #go_to_learn {
	width:290px;
}

.back2 {
	position:absolute;
	display:block;
	width:25px !important;
	height:25px !important;
    background-image: url('../img/icons_png/Arrow_left_green.png');
	background-repeat:no-repeat;
	background-size:100% auto;
	left: calc( 50% - 12px );
	top:140px;
}

.back2:hover {
	background-color:none !important;
    background-image: url('../img/icons_png/Arrow_left_green.png') !important;
	background-repeat:no-repeat !important;
	background-size:100% auto !important;
}	

.footnotes li, .footnotes li * {
/*	font-size:12px;
	line-height:22px;*/
	font-size:inherit;
	line-height:inherit;
}

.back3 {
	background:none !important;
	background-color:none !important;
	width:100% !important;
	height:25px !important;
	display:block !important;
    background-image: url('../img/icons_png/Arrow_left_green.png') !important;
	background-repeat:no-repeat !important;
	background-size:auto 100% !important;
	background-position:center center !important;
	margin-top:40px !important;
}

.back3:hover {
	background:none !important;
	background-color:none !important;
	width:100% !important;
	height:25px !important;
	display:block !important;
    background-image: url('../img/icons_png/Arrow_left_green.png') !important;
	background-repeat:no-repeat !important;
	background-size:auto 100% !important;
	background-position:center center !important;
}	

#content_menu_larger_displays .switchLanguage2 {
	text-transform:capitalize;
}

.ar .footnote {
	direction:rtl;
	text-align:right;
}

.ar .body_content .standard, .ar .body_content .guideline, .ar .body_content .padlock {
	direction:rtl;
	text-align:right;
}

.ar .body_content ul li {

}

.ar .taxonomy-tooltip-link {
/* mark glossary	text-shadow:0px 0px 5px black;*/
}

.ar #searchResults ol li {
	text-align:right;
	direction:rtl;
	padding-right:25px;
	padding-left:0px;
	margin-right:5px;
	margin-left:5px;
	cursor:pointer;
}

ul.hasBox li p.box {
	padding:0px;
	padding:0 !important;
}

ul.hasBox li p.box span.box {
	font-size:15px;
}

#glossary_button {
    background-image:url('../data/wshr_icons/icon_menu_keywords.svg');
    background-size:auto 60%;
    background-position:right 20px bottom 20px ;
    background-repeat:no-repeat;
}

#documents_button {
    background-image:url('../data/wshr_icons/icon_menu_documents.svg');
    background-size:auto 60%;
    background-position:right 20px bottom 20px ;
    background-repeat:no-repeat;
}

#bookmarks_button {
    background-image:url('../data/wshr_icons/icon_menu_bookmarks.svg');
    background-size:auto 60%;
    background-position:right 20px bottom 20px ;
    background-repeat:no-repeat;
}

#news_button {
    background-image:url('../data/wshr_icons/icon_menu_calendar.svg');
    background-size:auto 60%;
    background-position:right 20px bottom 20px ;
    background-repeat:no-repeat;
}

#about_button {
    background-image:url('../data/wshr_icons/icon_menu_about.svg');
    background-size:auto 60%;
    background-position:right 20px bottom 20px ;
    background-repeat:no-repeat;
}

#feed_button {
    background-image:url('../data/wshr_icons/icon_menu_news.svg');
    background-size:auto 60%;
    background-position:right 20px bottom 20px ;
    background-repeat:no-repeat;
}

#content_index #search_button {
    background-image:url('../data/wshr_icons/icon_menu_search.svg');
    background-size:auto 60%;
    background-position:right 20px bottom 20px ;
    background-repeat:no-repeat;
    background-color:white;
}


.scroll2letter.selected {
	font-weight:bold;
	color:red;
}

.bottombar {
	width:100%;
}

.bottombar table {
	width:100%;
	margin:5px 0% 5px 0%;
}

.bottombar table tr td {
	text-align:center;
}

.bottombar_button {
	opacity:0.8;
	width:35px;
	height:35px;
	display:inline-block;
    background-size:100% 100%;
    background-repeat:no-repeat;
}

.bottombar_button.selected {
	opacity:1;
}

#home_button {	
    background-image:url('../data/images/large_home.png');
}

#document_button {
    background-image:url('../data/images/large_document.png');
}

#search_button {
    background-image:url('../data/images/large_search.png');
}

#menu_button {
    background-image:url('../data/images/large_menu.png');
}

#bookmark_button {
    background-image:url('../data/images/large_bookmark.png');
}

#share_button {
    background-image:url('../data/images/large_upload.png');
}

#add_button {
    background-image:url('../data/images/large_add.png');
}

#add_button.edit_button {
    background-image:url('../data/images/large_addedit.png');
    background-image:url('../data/wshr_icons/icon_plus.svg');
    background-image:url('../data/images/done-24px_dark.svg');
}

#edit_button {
    background-image:url('../data/images/large_edit.png');
    background-image:url('../data/wshr_icons/icon_plus.svg');
}

.edit_item, .delete_item {
	position:absolute;
    width:50px;
    height:100%;
    right:0px;
    top:0px;
    background-image:url('../data/images/edit-24px_red.svg');
    background-size:30px auto;
    background-repeat:no-repeat;
    background-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    z-index:0;
    display:block !important;
    /*display:none;*/
}

.isMovedLeft .edit_item, .isMovedLeft .delete_item {
	/*display:block;*/
}

.delete_item {
    background-image:url('../data/images/disabled_by_default-24px_red.svg');
	right:40px;
}

.ck {
	max-height:300px;
}

.lds-roller {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  left: calc( 50% - 40px );
  top: calc( 50% - 40px );
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: red;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}