@font-face {
	font-family: 'fa';
	src:url('fonts/fa.eot?-tcocqt');
	src:url('fonts/fa.svg?-tcocqt#fa') format('svg'),
	url('fonts/fa.eot?#iefix-tcocqt') format('embedded-opentype'),
	url('fonts/fa.woff?-tcocqt') format('woff'),
	url('fonts/fa.ttf?-tcocqt') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*noinspection ALL*/
.fa,
[class^="fa-"], [class*=" fa-"] {
	font-family: 'fa';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.fa-ok:before,
.fa-check:before {
	content: "\e609";
}

.fa-square-o:before {
	content: "\e622";
}

.fa-check-square:before {
	content: "\e618";
}

.fa-check-square-o:before {
	content: "\e60f";
}

.fa-square:before {
	content: "\e61b";
}

.fa-plus-square:before {
	content: "\e61e";
}

.fa-cog:before {
	content: "\e608";
}

.fa-viewlist:before {
	content: "\e634";
}

.fa-addpoll:before {
	content: "\e635";
}

.fa-edit:before {
	content: "\e637";
}

.fa-clock:before {
	content: "\e60b";
}

.fa-envelope-o:before {
	content: "\e607";
}

.fa-envelope:before {
	content: "\e61d";
}

.fa-trash:before {
	content: "\e60a";
}

.fa-remove:before {
	content: "\e60c";
}

.fa-remove-circle:before {
	content: "\e610";
}

.fa-chevron-left:before {
	content: "\e612";
}

.fa-chevron-right:before {
	content: "\e611";
}

.fa-map-marker:before {
	content: "\e60e";
}

.fa-image:before {
	content: "\e60d";
}

.fa-user:before {
	content: "\e624";
}

.fa-user-add:before {
	content: "\e623";
}

.fa-users:before {
	content: "\e625";
}

.fa-sun:before {
	content: "\e626";
}

.fa-moon:before {
	content: "\e619";
}

.fa-bell:before {
	content: "\e629";
}

.fa-comment:before {
	content: "\e614";
}

.fa-lock:before {
	content: "\e627";
}

.fa-printer:before {
	content: "\e628";
}

.fa-question-sign:before {
	content: "\e613";
}

.fa-legal:before {
	content: "\e61a";
}

.fa-eye-close:before {
	content: "\e620";
}

.fa-bone:before {
	content: "\e631";
}

.fa-not:before {
	content: "\e633";
}

.fa-undo:before {
	content: "\e630";
}

.fa-winner:before {
	content: "\e632";
}

.fa-list-ol:before {
	content: "\e61f";
}

.fa-bars:before {
	content: "\e616";
}

.fa-link:before {
	content: "\e602";
}

.fa-whatsapp:before {
	content: "\e606";
}

.fa-google-plus2:before {
	content: "\e605";
}

.fa-facebook2:before {
	content: "\e604";
}

.fa-twitter:before {
	content: "\e603";
}

.fa-globe:before {
	content: "\e617";
}

.fa-spinner:before {
	content: "\e601";
}

.fa-facebook:before {
	content: "\e62a";
}

.fa-google-plus:before {
	content: "\e61c";
}

.fa-info:before {
	content: "\e62b";
}

.fa-new:before {
	content: "\e62c";
}

.fa-hint:before {
	content: "\e62d";
}

.fa-mobile:before {
	content: "\e62e";
}

.fa-desktop:before {
	content: "\e62f";
}
.fa-star:before {
	content: "\e600";
}
.fa-star-filled:before {
	content: "\e621";
}
.fa-checklist:before {
	content: "\e615";
}
.fa-options:before {
	content: "\e61f";
}
.fa-username:before {
	content: "\e636";
}
.fa-comment-o:before {
    content: "\e900";
}

html {
	margin:0;
    height:100%;
    background: #E9EAED;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}

body {
	position:relative;
	font-smoothing: antialiased;
	-webkit-font-smoothing:antialiased;
	/*text-rendering:optimizeLegibility;*/
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: #E9EAED;
	color:#555;
	font-size: 16px;
	line-height: 1.3;
	padding-top:50px;
    height:100%;
	margin: 0;
}

html.menu_home {
    background: #e9eaed;
}

html.wbck body {
	background:#FFF
}

html.p0 body {
	padding:0
}


/*noinspection ALL*/
.menu_home body {
	padding-top:0px;
	background: #e9eaed;

	/*
	background: -moz-linear-gradient(top,  rgba(6,111,223,1) 0%, rgba(30,125,228,0.9) 10%, rgba(228,228,228,0.4) 60%, rgba(228,228,228,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,111,223,1)), color-stop(10%,rgba(30,125,228,0.9)), color-stop(60%,rgba(228,228,228,0.4)), color-stop(100%,rgba(228,228,228,0)));
	background: -webkit-linear-gradient(top,  rgba(6,111,223,1) 0%,rgba(30,125,228,0.9) 10%,rgba(228,228,228,0.4) 60%,rgba(228,228,228,0) 100%);
	background: -o-linear-gradient(top,  rgba(6,111,223,1) 0%,rgba(30,125,228,0.9) 10%,rgba(228,228,228,0.4) 60%,rgba(228,228,228,0) 100%);
	background: -ms-linear-gradient(top,  rgba(6,111,223,1) 0%,rgba(30,125,228,0.9) 10%,rgba(228,228,228,0.4) 60%,rgba(228,228,228,0) 100%);
	background: linear-gradient(to bottom,  rgba(6,111,223,1) 0%,rgba(30,125,228,0.9) 10%,rgba(228,228,228,0.4) 60%,rgba(228,228,228,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066fdf', endColorstr='#00e4e4e4',GradientType=0 );
*/
}



h1, h2, h3, h4, h5, h6 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:inherit;
	/*text-rendering:optimizelegibility;*/
}
h1 { font-size:22px }
h2 { font-size:20px }
h3 { font-size:16px }

em {
	font-style:normal;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="submit"],
textarea {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	resize:none;
	color:#222;
	max-width: 100%;
}
input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	cursor: pointer;
	font-size: 200px;
	direction: ltr;
}
input:not(.ios)[type="checkbox"] {
	display:none;
}
input[type="checkbox"]:not(.ios) + span:before {
	font-family: 'fa';
	font-size: 26px;
	position: absolute;
	content: "\e622";
	/*speak: none;*/
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	border-radius: 6px;
	color: #AAABAE;
	left: 10px;
}
input[type="checkbox"]:not(.ios) + span {
	margin-left: 30px;
	display: inline-block;
	pointer-events: none
}

input[type="checkbox"]:not(.ios):checked + span:before {
	content: "\e618";
	/*background: rgba(0, 0, 0, 0);*/
	-webkit-animation:tick 120ms ease-in;
	animation:tick 120ms ease-in;
	color:#007CFF
}
input[type="checkbox"]:not(.ios) + span:active:before,
input[type="checkbox"]:not(.ios) + span:hover:before,
label:hover input[type="checkbox"]:not(.ios) + span:before {
	/*background: rgba(193, 195, 200, 0.2);*/
}
input[type="checkbox"]:not(.ios):focus {
	outline:none
}

label {
	font-weight: normal;
	margin:0;
	border-radius:0 !important;
	-webkit-border-radius:0 !important;
	height: auto !important;
	cursor: pointer;
}


ul, ol {
	margin-bottom: 0;
	padding: 0;
}
ul,li {
	list-style-type:none;
}

a {
    text-decoration: none;
    color: #007CFF;
}
a:active,
a:hover,
a:focus {
    text-decoration: underline;
    color: #007CFF;
	outline: 0;
}
a.u {
	text-decoration: underline;
}
a.u:hover,
html.mobile a,
html.mobile a:hover,
html.mobile a:active {
	text-decoration: none;
}


/* THIS HACK REMOVES THE 300ms TOUCH DELAY ON IE10 */
a, input, button {
	-ms-touch-action: none !important;
}


.container {
	position:relative;
	padding-right:5px;
	padding-left:5px;
}

.desktop.menu_show footer.container {
    text-align: center;
}

.desktop.menu_show .avatar .fa-user {
    font-size: 70px;
}
.desktop.fullsize .container {
    margin-left:0
}

.account-photo {
	max-width:100%;
	z-index: 2;
	width: 50px;
	position: relative;
	margin-top: -1px;
	margin-right: -20px;
	margin-left: 8px;
}
html.menu_home .account-photo {
	border-radius: 50%;
	border: 2px solid #FFF;
	position: absolute;
	width: 51px;
	top: 10px;
	margin-left: -51px;
}


.phone .container {
    max-width:570px;
}
.alert {
	padding: 10px 15px;
	/*margin-bottom: 18px;*/
	border-radius: 2px;
	border:none;
	position: relative;
	z-index:1
}
.alert h4 {
	margin-top: 0;
	color: inherit;
}
.alert > p,
.alert > ul {
	margin-bottom: 0;
}
.alert > p + p {
	margin-top: 5px;
}
.alert-success {
    background: #1CB929 !important;
    color: #FFF !important;
}
.alert-action {
	background: #007CFF !important;
	color: #FFF !important;
}
.alert-action a:not(.btn) {
	color:#FFF
}
.alert-info {
    background-color: #E4AA17;
    border:none;
    color: #FFF;
}
.alert-warning {
	background-color: #0BF;
	border:none;
	color: #FFF;
}
.alert-dark {
    color:#FFF;
    background:#383838
}
.alert-danger,
.alert-error {
	color:#FFF;
	background: #D70062
}
.alert-red {
	color:#D70062 !important;
}
.alert-error ul li {
	list-style-type: square !important;
	margin-left: 19px;
}
.alert .fa {
	font-size: 20px;
	/*float: left;*/
	margin:0 10px 0 0;
	vertical-align: text-top;
	top:-3px
}
.alert em {
	font-style: normal;
	background: rgba(0, 0, 0, 0.18);
	padding: 2px 5px;
	margin-top: -2px;
	border-radius: 2px;
}
.badge {
	border-radius: 2px;
	margin-top: -1px;
	padding:2px 5px;
	font-weight: normal;
}

.row {
	margin-left:0;
	margin-right:0;
}

.btn {
	padding:0px 15px;
	line-height: 37px;
	/*box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);*/
	outline: 0;
	max-width: 100%!important;
	font-size: 17px;
}
.btn,
.form-control {
    -webkit-border-radius: 3px;
    border-radius: 3px;
	border:none;
}

.btn {
	background-color:#ECECEC;
	color: #007CFF;
	outline:none;
}
.btn:active,
.btn.active {
	outline:none;
}
.btn:hover,
.btn:focus {
	background-color:#F1F1F1;
    outline:none;
}
.btn:active {
	background-color:#e3e6e9;
}
.btn.selected {
    background:rgba(57, 142, 233, 0.75);
    color:#FFF;
}
.btn-white,
.btn-white:active,
.btn-white.ative {
    background: #FFF;
    color: #007CFF;
}


.btn-gray,
.btn-gray:active,
.btn-gray.active  {
	color: #007CFF !important;
	background-color: #F1F1F1 !important;
}
.btn-gray:hover {
	background-color: #e3e3e3 !important;
	color:#444 !important;
}


.btn-primary {
	background:#007CFF;
	color:#FFF;
}
.btn-primary.active,
.btn-primary:active {
	background:#66abfc !important;
    color:#FFF;
	box-shadow: none;
}
.btn-primary:hover {
    background-color:#3393FC;
	color:#FFF
}
.btn-primary:focus {
    background-color: #009DFF;
	color:#FFF;
}
.btn-primary.selected {
	background:rgba(57, 142, 233, 0.75);
}
.btn-bordered,
.btn-bordered:active,
.btn-bordered.ative {
	background: transparent;
	color: #007CFF;
	box-shadow:inset 0px 0px 0px 1px #007CFF;
}

.btn-light,
.btn-light:active,
.btn-light:hover,
.btn-light:focus {
	background:#66abfc !important;
    color:#FFF;
}

.btn-dark,
.btn-dark:active,
.btn-dark.active  {
    color: #FFF !important;
    background-color: #383838 !important;
}
.btn-dark:hover {
    background-color: #000 !important;
}

.btn-trans,
.btn-trans:active,
.btn-trans.active  {
	background-color: rgba(0, 0, 0, 0.3) !important;
	color: rgba(255, 255, 255, 0.9) !important;
}
.btn-trans:hover {
	background-color: rgba(0, 0, 0, 0.7) !important;
	color:#FFF !important;
}


.btn-clear,
.btn-clear:active,
.btn-clear.active  {
	background-color: transparent !important;
}
.btn-clear:hover {
	color: #007CFF;
}

.btn-success,
.btn-success:active,
.btn-success.active,
.btn-greenhover:hover {
	background-color: #00a412 !important;
	color:#FFF !important;
}
.btn-success:hover,
.btn-success:focus {
	background-color: #019600 !important;
}

.btn-danger,
.btn-danger:active,
.btn-danger.active,
.btn-redhover:hover,
.btn-redhover:active {
	color: #FFF !important;
	background-color: #CE3631 !important;
}
.btn-danger:hover {
	background-color: #C22D28 !important;
}

.btn-redhover:hover .fa,
.btn-greenhover:hover .fa {
	color:#FFF;
}

.btn.facebook {
    background: #405D9B;
}
.btn.facebook:hover,
.socialauth:hover span.facebook {
    background: #5475c7;
}
.btn.twitter {
    background: #47B0FF;
}
.btn.twitter:hover {
    background: #65ccff;
}
.btn.google {
    background: #DE4B39;
}
.btn.google:hover,
.socialauth:hover span.google {
    background: #ee5240;
}

.socialauth span.btn {
    width: 42px;
    vertical-align: top;
    left: -10px;
}
.btn.facebook i.fa,
.btn.google i.fa,
.btn.twitter i.fa {
    color:#FFF;
    font-size: 22px;
    position: relative;
    top: 6px;
    left: 0px;
}



.btn > i.fa:not(.dg),
.alert i.fa,
.toggle .active i.fa {
	color: rgba(255, 255, 255, 0.7);
}

.alert#close_action,
.btn.close_poll,
.closed_poll {
	background:#923DC3;
	color:#FFF
}

.btn:hover i.fa {
	color: inherit;
}
.btn > .fa.med {
	position: relative;
	top: 7px;
	margin-right: 10px;
}
.btn > .fa.mid {
	font-size: 21px;
}
.btn:hover > .fa.mid {
	color:inherit !important;
}


.btn-100 {
	padding:0px 15px;
	width: 100%;
	text-align: left;
}
.btn-small {
	padding: 0 10px;
	line-height: 30px;
}
.btn-large {
	padding: 0px 35px;
	width: auto;
	min-width: 135px;
	max-width: 100%;
}
.btn.disabled {
	opacity: 0.7;
}
.btn.pending::after {
	position:absolute;
	content: "\e601";
	margin-left:7px;
	font-family: 'fa';
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	font-size: 16px;
}

.col-sm-3,
.col-sm-9 {
	min-height: 0px;
}

.content {
	margin-bottom: 20px;
}

.header_message {
	z-index: 1000;
	text-align: center;
	border-radius: 0;
	position: relative;
}
.header_message > .alert {
	border-radius: 0;
}


/************************************
 	ICON FONT STYLES
 	ANIMATIONS
*************************************/
a > i.fa,
a:hover i.fa {
    display:inline-block;
    text-decoration: none;
}
.fa-fw {
	width: 1.3em;
	text-align: center;
	display:inline-block;
}
.fa-f {
	width: 1.3em;
	text-align: center;
	display:inline-block;
	position: relative;
	top: 2px;
	font-size: 16px;
}
.fa-stack {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.fa-stack-1x {
	line-height: inherit;
}
.fa-stack-2x {
	font-size: 30px;
}
.icon-ul {
	padding-left: 0;
	margin-left: 2.142857142857143em;
	list-style-type: none;
}
.icon-ul > li {
	position: relative;
}
.icon-li {
	padding-left:1.2em;
}
.icon-li .fa:first-child {
	position: absolute;
	left: 0;
}


.icon-ul-padding li {
	padding-left: 35px;
}
.fa-li {
	position: absolute;
	left: 0;
	width: 2.142857142857143em;
	text-align: center;
}
#settings .fa-li {
	left:4px
}

.btn > .fa {
	position:relative;
	top:3px;
}

.fa-spinner {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}
@-ms-keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

.fa.shw,
.text_shw {
	text-shadow: 0 1px 0 #FFF !important;
}
.fa.shb,
.text_shb {
	text-shadow: 0 1px 0 rgba(0,0,0,0.3) !important;
}

/*******************************************/

.form-group {
	background:#FFF;
	position:relative;
}
.form-control {
	position:relative;
	height:42px;
	font-size:16px;
	line-height: 21px;
	color:#222;
	border: none;
	padding:6px 10px;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}

.form-control:focus {
	position:relative;
	z-index:1;
	border-color:transparent;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
#jalert_container input.form-control {
	border:1px solid #CCC;
}

.icon {
	font-size:23px;
	margin-right:6px;
	vertical-align:middle;
	top:-1px;
	position:relative;
}


.input {
	padding-top:9px;
	vertical-align:middle;
	line-height:inherit;
}

.input.selected {
	background:#2CC71C;
	color:#fff;
}
.input.selected:hover {
	background:#14BB27;
}
.input.selected span {
	color:#FFF
}
.input.selected .icon {
	color:rgba(255, 255, 255, 0.7) !important;
}




.bot {
	border-top:1px solid #E9E9E9;	 /*#d9d8db*/
}
.bob {
	border-bottom:1px solid #E9E9E9;
}

.border {
	border-top:1px solid #E9E9E9;
	border-bottom:1px solid #E9E9E9;
}

.box {
	padding: 20px 0;
	word-break:normal;
}

#content_box {
	word-wrap: break-word;
	background: #FFF;
	padding: 20px 30px 30px 30px
}
#content_box h1:first-child {
	margin-top: 0;
}
.menu_account #content_box {
	min-height: 250px;
}

/*noinspection CssInvalidPseudoSelector*/
::-webkit-input-placeholder { /* WebKit browsers */
	color:#b9b9be !important;
	font-weight:normal;
}

/*noinspection ALL*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #b9b9be !important;
	font-weight:normal;
}

/*noinspection CssInvalidPseudoSelector*/
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #b9b9be !important;
	font-weight:normal;
}

/*noinspection ALL*/
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #b9b9be !important;
	font-weight:normal;
}

/*noinspection ALL*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color:#b9b9be !important;
	font-weight:normal;
}

/*noinspection ALL*/
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #b9b9be !important;
	font-weight:normal;
}

.error {
	border: 1px solid #CF184F;
	box-shadow: -3px 0 0 #CF184F;
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
}
.error:focus {
	box-shadow: -3px 0px 0 #CF184F, 0 0 0 3px rgba(0, 0, 0, 0.15);
}
.error.changed {
	border-color: #009800;
	box-shadow: -3px 0px 0 #009800;
}
.errmess.changed  {
	color: rgba(0, 0, 0, 0.4);
}
/**********************************************************************************
    Navbar
**********************************************************************************/
.navbar {
	background:#007CFF;
	min-height:50px;
	color:#FFF;
	margin-bottom:0;
	/*border-bottom:6px solid #72AFF3*/
    border-bottom: none;
}

.navigation li {
	width:33.33%;
	display:inline-block;
	float:left;
	white-space:nowrap;
}

.navbar-collapse {
	padding-left:0;
    padding-right: 20px;
	max-height:100%;
}
.navbar-nav {
	margin:0;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
	margin-right: -10px;
}

html.menu_register .navbar-fixed-top,
html.menu_login .navbar-fixed-top,
html.menu_new .navbar-fixed-top,
html.menu_done .navbar-fixed-top {
	position:absolute;
}

.navigation li.tal > a {
	padding-left:26px;
}
.navigation li.tar > a {
	padding-right:15px;
}
.navbar-toggle {
	float:none;
	border:none;
}

.navbar-nav > li > a,
.navbar h1 {
	line-height:49px;
	font-size:17px;
	margin:0;
	padding:0;
}
.navbar-fixed-top {
    border:none
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover {
	color:#FFF;
    outline:none !important;
}


.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background:#7DB6F5;
}

.navbar-nav > li > a.b {
	font-weight:500;
}

.navbar-collapse > ul > li > a:hover {
    background: #f0f0f0 !important;
}

.container > .navbar-header, .container > .navbar-collapse {
	margin:0;
	border:none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color:#9d9d9d;
}


/**********************************************************************************
	HOME
**********************************************************************************/
.menu_home .topmenu a {
	color:#DEEBFF
}
#start_list {
	/*box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.2);*/
	/*box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.7);*/
	box-shadow: none;
	font-size:20px;
	line-height:14px;
	padding:14px 40px;
	color:#FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,.12);
	background: #FB0;
	/*background: transparent;*/
	/*border:1px solid #FFF;*/
	transition: background-color 300ms ease;
	min-width: 260px;
	margin:10px 0 20px
}
#start_list:hover {
	background: #eaa900 !important;
}
#start_list:active {
	background: #eac838 !important;
}

.intro, .intro h1,
.features, .features h1,
#start_list {
	font-family: 'PT Sans', Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.intro {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,0.2);
	font-size: 18px;
}

.fragab_bck {
	background-image: url("/img/pictos.svg");
	background-position: center center;
}

#recent_lists {
    max-width: 570px;
    margin:10px auto;
    margin-bottom: 0;
}
#recent_lists a.lh {
    display: block;
    color:#FFF;
	background: #383838;
    padding:6px 6px 15px 6px;
    position: relative;
	border-bottom: 1px solid #232323;
	border-top: 1px solid #525252;
}
#recent_lists a.lh:hover,
#recent_lists a.lh:focus,
#recent_lists a.lh:active {
    text-decoration: none;
    background:#333;
	cursor: pointer
}
.mobile #recent_lists a.lh:hover {
	background:#383838;
}
#recent_lists div a.lh:first-child {
    border-top-left-radius:3px;
    border-top-right-radius:3px;
	border-top:0
}
#recent_lists div a.lh:last-child {
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
	box-shadow: 0 2px 3px rgba(128, 128, 128, 0.5);
	border-bottom:0
}
#recent_lists div a.lh div.ss {
	color:#ADADAD;
}
#recent_lists a.lh em {
    position: absolute;
    right: 6px;
    font-size: 24px;
    top:-4px;
    color:rgba(0, 0, 0, 0.4);
    z-index: 1;
}
#recent_lists a.lh:hover em {
    color:#999
}
#recent_lists a.lh em:hover {
    color:#ff0000;
}
#recent_lists span {
    color:#677079;
    font-size: 12px;
    font-weight: normal;
    margin-bottom:5px;
    display: inline-block;
}
#recent_lists span a {
    color: #007CFF;
}
#recent_lists a.lh.closed {
	background: #3D2758 !important;
	border-bottom: 1px solid #2B1935;
	border-top: 1px solid #574073;
}


.feature {
	background-image: -webkit-linear-gradient(top, #fafafa, #e9eaed);
	background-image: -moz-linear-gradient(top, #fafafa, #e9eaed);
	background-image: -o-linear-gradient(top, #fafafa, #e9eaed);
	background-image: -ms-linear-gradient(top, #fafafa, #e9eaed);
	background-image: linear-gradient(to bottom, #fafafa, #e9eaed);
	overflow: hidden;
	color: #808080;
	text-align: center;
}
.feature .wrapper {
	max-width: 900px;
	margin: 0 auto;
	padding:20px
}
.feature h1 {
	margin-top:30px;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 30px;
	padding: 0;
	color: #444;
}
.feature p {
	width: 100%;
	padding-bottom: 20px;
	font-size: 18px;
}
.feature img {
	max-width:100%;
}
.feature .wrapper img {
	max-width: 90%;
	margin:20px;
}
.menu_home .feature:last-child {
	border-bottom: 1px solid #CECECE;
}


/**********************************************************************************
	NEW LIST
**********************************************************************************/
.new {
	margin:0 auto;
}
.new h1 {
	padding-left:4px;
	color:#5F5F5F;
	margin-top:0;
}
.menu_new h3 {
	color: #949494;
}
h6 {
	font-size:14px;
	line-height:15px;
	color:#949494;
	padding:0 10px;
	position:relative;
}
h6.explanation {
	margin-right: 85px;
}
#title {
	font-size: 22px;
	line-height: 26px;
	color: #000;
	padding: 10px 90px 10px 0px;
	min-height: 70px;
	margin-left: 15px;
	border-radius: 0;
}

#title_addons {
	position: absolute;
	margin-top: -35px;
	right: 95px;
	z-index: 3;
}
#title_addons > .btn {
	padding: 5px 10px;
	line-height: inherit;
	background-color: rgba(0, 0, 0, 0);
}
.basics.add_date_span {
	height:34px
}
.help_info {
	margin-left: -5px;
}
.help_info ul {
	margin-top: 10px;
	color:#555;
	padding: 10px;
}

.group {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow:hidden;
	background:white;
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
	min-height:33px;
}
#request_options li.options .btn.call_text_button {
	margin-left: 5px;
	width:170px
}

.box_expanded .hide_on_expand {
	display:none;
}
.box_expanded .show_on_expand {
	display:block
}
.call_location_button {
	position: absolute;
	right: 67px;
	min-width: 50px;
}
.call_image_button {
	position: absolute;
	right: 15px;
	min-width: 50px;
}
.box_expanded .call_location_button,
.box_expanded .call_image_button {
	top:55px;
}

.subfield {
	position:relative;
	z-index: 3 !important;
}
.group.user_voted,
.logged_in .border_if_logged_in {
	box-shadow: none;
}
.user_voted #voter_name:not(:focus),
.logged_in .border_if_logged_in input:not(:focus) {
	background: #E9EAED;
	color:#007CFf;
	box-shadow: none
}

#homearrow {
	display: none;
}


.subfield .field,
.subfield .form-control {
	height:30px;
}

.subfield.inline_label i.fa {
    top:5px;
    color:#AAA;
}

.field {
	padding:6px;
	display:inline-block;
	cursor:pointer;
}
.field.touch_bck {
	background:inherit !important;
	color:#000
}

.inline_label {
	font-size:18px;
	z-index:2;
}
.inline_label i.fa {
	position:absolute;
	font-size:18px;
	left:7px;
	top:6px;
}
.inline_label i.remove {
	right: 65px;
	left: auto !important;
	font-size: 20px;
	padding:8px;
	top:-2px !important;
	cursor: pointer;
	z-index:3;
	display:none;
    color:rgba(155, 155, 155, 0.6) !important;
}
.inline_label i.remove:hover {
	color: #F02923 !important;
}
#basics .inline_label:first-child i.remove {
	right:90px
}
.basics.inline_label i.remove {
	right: 65px;
}
#basics .inline_label:first-child i.remove {
	top:3px !important
}
#request_options .inline_label i.remove {
	right:0;
	top:-1px !important;
}

.add_time_field_show,
.add_endtime_field_show {
	left: 205px;
	position: absolute;
	min-width: 70px;
}

.date_expired,
.add_date_field_show {
    width:177px
}
.add_date_field_show b,
.add_time_field_show b,
.add_endtime_field_show b {
	font-weight:normal;
}
.add_time_field_show i,
.add_endtime_field_show i {
    font-style:normal;
    cursor: pointer;
}

.add_date_span.empty .add_time_field_show,
.add_date_span.empty .add_endtime_field_show {
	display: none;
}

.basics.add_date_span > .field {
	background: inherit;
	color: #007cff;
	left: 180px;
}
.add_time_field_show:hover i,
.add_endtime_field_show:hover i,
.basics.add_date_span > .field:hover {
	color:#444;
}
.basics .add_endtime_field_show {
	left: 240px !important;
}
.basics .add_endtime_field_show.btn-primary:before {
	content: "-";
	position: absolute;
	left:-6px;
	width:10px;
	line-height: 16px;
}

.call_menu {
	min-width: 50px;
}
#add_options {
	margin-left:10px;
	min-width:180px;
}
.add_location_field {
	padding-right: 30px !important;
	margin-top: 5px;
	font-size:12px;
	max-width:90% !important;
	text-overflow: ellipsis;
}
#basics .add_location_field {
	color:#007cff;
}

#request_options .inline_label i.fa {
	left:0px;
}
#request_options .add_date_span .remove {
	left:350px !important;
}

#request_options .add_time_field_show,
#request_options .add_endtime_field_show {
	left:189px;
	top:0
}
#request_options .add_endtime_field_show {
	left: 262px;
}
#request_options .add_endtime_field_show.btn-primary:before {
	content: "-";
	position: absolute;
	left:-5px;
	background: #007CFf;
	width:10px
}
.switch {
	float:right;
	color:#a3a3a3;
}
.selected .s_y,
.s_n {
	display:inline-block;
}
.selected .s_n,
.s_y {
	display:none;
}
.selected .s_y,
.switch i.fa {
	position: relative;
	top:2px
}

#titlecounter {
	position: absolute;
	font-size: 11px;
	color: #999;
	right: 10px;
	bottom: 10px;
	z-index: 1;
}

.form-group .fa {
	position:absolute;
	margin-top: 5px;
	font-size: 32px;
	color:#a4a4a9;
	left:15px;
	z-index:3;
}
.form-group .fa.active {
	color:#0d52bf;
}
.settings .form-control {
	margin-top:1px;
	border-radius: 0;
}
.settings .form-control:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.settings .form-control:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.settings img {
	position: relative;
	top:-3px;
	margin-right:10px;
}

#request_options {
	padding-left:0;
	list-style:none;
	position:relative;
    margin-top: 10px;
}

#request_options li.options {
	padding: 5px;
	margin: -5px;
	position:relative;
	margin-bottom:5px;
	border-radius:3px;
	min-height:35px;
}
#request_options h5 {
	margin: 0;
	height: 0px;
}
#request_options h5 span {
	font-size:15px;
	color:#A3A3A3;
	display:inline-block;
	padding:9px 0 0 4px;
}
#request_options h5 span b {
	font-weight:normal;
	display:inline-block;
	background:#D3D3D3;
	color:#FFF;
	padding:2px;
	margin-left:5px;
	border-radius:3px;
	z-index:3;
	position:relative;
	width: 22px;
	text-align: center;
}
#request_options li.options .btn {
	/*min-width: 100px;*/
	min-height: 35px;
}

#request_options textarea {
	border:none;
	width:100%;
	margin-top:5px;
	padding:10px 20px 5px 5px;
	color:#000;
	height:25px;
	min-height:25px;
	font-weight: bold;
}
#request_options .btn-group .btn {
	padding:4px;
	background:#fff;
}
#request_options .btn-group .btn i.fa {
	color:#007CFF;
	font-size: 22px;
}

#request_options .options:not(.box_expanded) .add_date_span {
	display: inline-block;
}
#request_options .options.box_expanded .add_date_span {
	width:370px
}

#request_options .text_span {
	margin-right: 70px;
}

.sort_button_icon {
	position: relative;
	padding: 2px;
	border-radius: 2px;
	background: transparent;
	top: 2px;
	color: #007CFF;
}

#request_type span {
    font-size: 17px;
	line-height: 16px;
	min-height: 53px;
	height: auto;
	padding-top: 10px;
}
#request_type span p {
	font-size: 14px;
	margin-top:1px;
	margin-bottom: 0;
}
#request_type span.active p {
	color:rgba(255, 255, 255, 0.67);
}


#date_text_options {
    position: relative;
    z-index: 3;
}
#date_text {
	position: relative;
}
#date_text.active:after {
	bottom: -4px;
	border: solid rgba(0, 0, 0, 0);
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #E9EAED;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}

#yes_no_buttons button {
    padding: 10px;
}
#yes_no_buttons button i {
    font-size: 28px;
	margin-right: 0;
}
.mobile #yes_no_buttons button i,
#yes_no_buttons button.blue {
    color:#007CFF;
}
.desktop #yes_no_buttons button:not(.blue):not(:hover) i {
	color: #737378;
}
#yes_no_buttons button.btn-success i,
#yes_no_buttons button.btn-danger i {
	color:#FFF !important;
}

table.list.yes_no td.first {
    text-align: center;
}
table.list.yes_no td {
    width:auto !important;
}
table.list td.yes_no,
table.list.yes_no td.first {
    min-width: 300px;
}
table.list td.yes_no .btn-group {
    background: #E9EAED;
}
table.list td.yes_no #yes_no_buttons button {
    background: #E9EAED;
    border: none;
    border-radius: 0;
    padding:3px;
    height:38px;
    box-shadow: none;
}
table.list td.yes_no #yes_no_buttons button.blue {
    background: #656D79;
    color: #FFF !important;
}
table.list td.yes_no #yes_no_buttons button.blue:hover {
    background: #E9EAED;
    color: #5C6274 !important;
}
table.list.yes_no tr.v td i.fa-remove {
    position: relative;
    right:-73px
}
table.list.yes_no tr.v td i.fa-check {
    position: relative;
    left:-77px
}

table.list.yes_no #action_row td {
    text-align: center;
}
table.list #actions {
	background: #E9EAED;
	position: absolute;
	top: 5px;
	z-index: 21;
	padding: 10px;
}
.on_phone table.list #actions {
	left:-100px;
	/*min-width: 400px;*/
}
.list_type_yesno table.list #actions {
	position: relative;
}

table.list.yes_no #actions #save_vote_button,
table.list.yes_no #actions #add_vote_button {
    right:auto !important;
    bottom:auto !important;
    position: relative;
}
table.list.yes_no tr.h td.voted,
table.list.yes_no tr.h td.unvoted {
    background: #DA4F4A ;
	color: #fff;
}
table.list.yes_no tr.h td.voted div > i,
table.list.yes_no tr.h td.unvoted div > i {
    border-color:#DA4F4A  transparent transparent transparent;
}

/*noinspection ALL*/
.smooth-sortable li {
/*

	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
*/

	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-transition: all .33s ease;
	-moz-transition: all .33s ease;
	-o-transition: none;
	-ms-transition: all .33s ease;
	transition: all .33s ease;

	outline-offset: -2px;
	outline: 2px solid transparent;
}

li.sliding {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	opacity:1 !important;
}

/*noinspection ALL*/
.smooth-sortable li.drag_shadow:active,
.ui-draggable-dragging {

	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	opacity: .9;
	z-index: 1019;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.drag_shadow {
	box-shadow: 0px 2px 10px rgba(0,0,0,.8);
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	opacity: .9;
}
/*noinspection ALL*/
.drag_shadow input::-webkit-input-placeholder {
	color:rgba(255,255,255,0.5) !important;
}


.ui-sortable .placeholder {
	margin-bottom:10px;
}


.navbar-default .navbar-nav > li > a.invert,
a.invert {
	background:#9BC8FA;
	color:#FFF;
	padding:6px 12px;
	font-size:15px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align:center;
	display:inline-block;
	text-decoration:none;
}
.navbar-default .navbar-nav > li > a.invert {
	margin-top:7px
}

a.button {
	border:1px solid #007CFF;
	color:#007CFF;
	padding:5px 12px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align:center;
	display:inline-block;
	text-decoration:none;
}
a.button:hover {
	background:#e3efff;
}

.whatsapp {
	background: #56AC1D
}
html.menu_done .whatsapp_canvas iframe {
	border-radius: 3px;
}

#done_confirmation {
	margin-left:-10px;
	margin-right:-10px;
}

.done_link {
	display: inline-block;
	text-align: center;
	border:1px solid #007CFF;
	border-radius: 3px;
}

/***************
	GOOGLE PLACES API
***************/
.pac-container {
	background-color: #383838;
	border-top: none;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
	overflow: visible;
	padding: 5px;
	margin-top: 5px;
}
.pac-container:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #383838;
	border-width: 10px;
	left: 38px;
	margin-left: 0px;
}
.pac-item {
	border-top: none;
	line-height: 26px;
	padding:0
}
.pac-item:hover {
	background-color: #5C5C5C;
	border-color: transparent;
}
.pac-item-selected {
	background-color: #207ee4;
}
.pac-item-selected span {
	color:#EDEDED
}
.pac-icon {
	margin-top:4px;
	margin-left: 2px;
}
.pac-item-query {
	font-size: 15px;
	color: #EDEDED;
}
.pac-matched {
	color: #FFF;
	font-weight: normal;
}
.map_canvas {
	width: 100%;
	height: 150px;
	margin-top:5px;
	overflow: hidden;
}
ul.list li div.map_canvas {
	margin-left: 0;
}
.map_exists .fa.fa-map-marker,
[data-geo] .fa-map-marker {
	color: #ff575e !important;
	cursor: pointer;
}
.map_exists .add_location_field:hover {
	color:#007cff !important
}
.unvoted .map_exists .fa.fa-map-marker,
.unvoted [data-geo] .fa-map-marker {
	color: #666 !important;
}

#save_vote_button,
#add_vote_button {
	min-width:120px;
}


/**********************************************************************************
    SETTING ETC
**********************************************************************************/

.slider_prepend {
	font-size: 11px;
	right: 60px;
	top: 9px;
	width: 70px;
	text-align: center;
	line-height: 12px;
	color: #999;
	z-index: 1;
	position:absolute;
}


input.ios[type="checkbox"] {
	appearance: none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-color: #fafafa;
	border: 1px solid lightgrey;
	border-radius: 27px;
	box-shadow: inset 0 0 0 0px lightgrey;
	cursor: pointer;
	height: 30px !important;
	position: relative;
	transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
	-webkit-transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
	width: 50px !important;
	vertical-align: top;
	margin:0;
	outline:none;
	position: relative;
	top: -3px;
}
input.ios[type="checkbox"]:after {
	background-color: white;
	border: 1px solid lightgrey;
	border-radius: 24px;
	box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.25), -1px 2px 4px rgba(0, 0, 0, 0.15);
	content: '';
	display: block;
	height: 28px;
	left: 0;
	position: absolute;
	right: 20px;
	top: 0;
	transition: border .25s .15s, left .25s .1s, right .15s .175s;
	-webkit-transition: border .25s .15s, left .25s .1s, right .15s .175s;
}
input.ios[type="checkbox"]:checked {
	border-color: #007CFF;
	box-shadow: inset 0 0 0 15px #007CFF;
	padding-left: 18px;
	transition: border .25s, box-shadow .25s, padding .25s .15s;
	-webkit-transition: border .25s, box-shadow .25s, padding .25s .15s;
}
input[type="checkbox"]:checked:after {
	border-color:rgba(115, 169, 232, 0.76);
	left: 20px;
	right: 0;
	transition: border .25s, left .15s .25s, right .25s .175s;
	-webkit-transition: border .25s, left .15s .25s, right .25s .175s;
}

.animate_height {
	-webkit-transition: max-height 100ms ease-out;
	-moz-transition: max-height 100ms ease-out;
	-o-transition: max-height 100ms ease-out;
	transition: max-height 100ms ease-out;
}
.animate_background {
	-webkit-transition: background-color 150ms linear;
	-moz-transition: background-color 150ms linear;
	-o-transition: background-color 150ms linear;
	-ms-transition: background-color 150ms linear;
	transition: background-color 150ms linear;
}
.bezier {
	-webkit-transition: all .3s cubic-bezier(.10, .10, .25, .90);
	-moz-transition: all 1s cubic-bezier(.10, .10, .25, .90);
}
.animate_slide {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	-moz-transition-property: top, opacity;
	-webkit-transition-property: top, opacity;
	-o-transition-property: top, opacity;
	-ms-transition-property: top, opacity;
	transition-property: top, opacity;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);

	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}



/***********************************
	POPUP
***********************************/
.pp {
	position:absolute;
	z-index:1031;
	padding:10px 15px;
	background:rgba(23, 40, 58, 0.50) !important;
	color:#000;
	border:1px solid transparent;
	font-size:15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.pp.bubble {
    background: #383838 !important;
	color:#FFF;
    border:0;
	line-height: 18px;
	padding:10px 15px !important;
	margin:0 10px !important;
	text-align:center;
}
.pp.bubble a,
.pp.bubble span {
	display:inline-block;
	padding:10px 15px;
	color:#FFF;
	text-decoration: none!important;
}
.pp.bubble a:active {
	background: #000 !important;
}
.desktop .pp.bubble a:hover {
    background: #494949  !important;
    cursor: pointer;
}

/*noinspection CssInvalidElement*/
.pp.bubble a:last-child,
.pp.bubble span:last-child {
    border-radius: inherit;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/*noinspection CssInvalidElement*/
.pp.bubble a:first-child,
.pp.bubble span:first-child {
    border-radius: inherit;
}
.pp.bubble.vertical a,
.pp.bubble.vertical span {
    width: 100%;
}
.pp.bubble.vertical a:last-child,
.pp.bubble.vertical span:last-child {
    border-radius: inherit;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.pp.bubble a + a,
.pp.bubble span + span {
    border-left: 1px solid #cfd0d3;
}
.pp.bubble.vertical a + a,
.pp.bubble.vertical span + span {
    border-left:0;
    border-top: 1px solid #cfd0d3;
}


.pp.bubble.p0 {
	padding:0 !important
}
.pp.bubble a.mark_remove:hover {
    background: #FF2839 !important;
}

.pp.bubble input {
    height:34px;
	margin:2px;
    min-width: 90px;
	max-width: calc(100% - 4px);
    padding: 6px 10px;
}
.pp.black {
    background:#383838 !important;
	color:#FFF;
	border-color:#383838;
}
.pp.dark {
	background:#6F6F6F !important;
	color:#FFF;
	border-color:#6F6F6F;
}
.pp.light {
	background: #77AEEB;
	color:#444;
	border-color: #77AEEB;
}
.arrow_box:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #8B949D;
	border-width: 10px;
	left: 43px;
	margin-left: -10px;
}
.arrow_box.date:after {
	left: 78px;
}
.arrow_box.time:after {
	left:223px;
}
.arrow_box.endtime:after {
	left: 295px !important;
}
#basics .arrow_box.time:after {
	left:200px;
}
#basics .arrow_box.endtime:after {
	left: 270px !important;
}

.arrow_box.r:after {
	left: auto;
	right:20px;
}
.arrow_box.r:before {
	left: auto;
	right:20px;
}

.arrow_box.black:after,
.arrow_box.bubble:after {
	border-bottom-color: #383838;
}
.arrow_box.dark:after {
	border-bottom-color: #6F6F6F;
}
.arrow_box.light:after {
	border-bottom-color:#77AEEB;
}

.pp button,
.bigbutton {
	width:100%;
	background:rgba(255,255,255,0.95);
	border:none;
	border-radius:3px;
	padding:7px;
	margin-bottom:1px;
	font-size:20px;
	color:#007CFF;
	outline:none;
}
a.bigbutton {
	display:inline-block;
}


/***********************************
 ALERT / CONFIRM / PROMPT
 **********************************/
#jalert_overlay {
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
#jalert_container {
	font-family: sans-serif, Arial;
	min-width: 320px;
	max-width: 600px;
	color: #333;
	border-radius: 2px;
	box-shadow:0 0 20px #333333;
	background: #fff;
	padding: 10px;
	outline: 0;

	text-align: center;
}

#jalert_content {
	padding: 1em 1.4em;
	margin: 0em;
}

#jalert_content.alert {

}

#jalert_content.confirm {
}

#jalert_content.prompt {
}

#jalert_message {
	font-size: 18px;
	line-height:20px;
}

#jalert_panel {
	margin-top: 30px;
}

#jalert_prompt {
	margin: .5em 0em;
}

/* hacks */

#jalert_panel input,
#jalert_panel button {
	margin: 0px;
	width: auto;
	height: auto;
	min-width: 70px;
	outline:none;
	padding: 0 20px;
}
#jalert_panel button+button {
	margin-left: 10px;
}
#jalert_title {
	font-size:22px;
	font-weight:bold;
	margin:10px;
	text-shadow: 1px 1px 0px #fff;
	color: #333;
	text-align: center;
}


/**********************************************************************************
    Footer
**********************************************************************************/
footer {
	text-align:center;
	padding: 40px 15px !important;
	margin-bottom: 20px;
}
html.mobile footer {
    -webkit-user-select: none;
}
footer,
footer a {
	color:#999999;
	font-size: 13px;
}
footer a:hover {
    color: #686868;
}
footer ul {
	padding-left:0;
	margin:0;
	display:inline-block;
	margin-left: -30px;
}
.menu_home footer ul {
	margin-left: 0px;
}
footer ul li {
    float:left;
}
footer ul li a {
    padding: 5px 5px;
}

.menu_home .topmenu li {
	float: left;
	border-left: 1px solid rgba(0, 0, 0, 0.15);
	/*margin-bottom: 10px;*/

}
.menu_home .topmenu li:first-child {
	border-left: none;
}

.menu_home .topmenu a {
    font-size: 17px;
    line-height: 50px;
    padding: 0px 25px;
    display: inline-block;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.menu_home .topmenu a:hover {
    background:#045ECC;
    color: #FFF;
    text-decoration: none;
}

.menu_home footer,
.menu_home footer a {
	text-align:center;
	color:#939393;
}
footer a:hover {
	background:rgba(155, 155, 155, 0.24);
    text-shadow:none;
    text-decoration: none;
    border-radius: 2px;
	color: #686868;
}

.hide_small {
	display:none
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #066FDF
}
.nav-pills > li > a {
    border-radius: 2px;
    background:#FFF;
    color:#646E80;
}
.nav-pills > li.active,
.arrow_right {
    position: relative;
    background: #066FDF;
	border-radius: 2px;
	border-bottom-right-radius:0;
	border-top-right-radius:0;
}
.nav-pills > li.active:after,
.arrow_right:after {
    display: none;
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(28, 123, 225, 0);
    border-left-color: #066FDF;
    border-width: 20px;
    margin-top: -20px;
}
.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #DADCDF;
}

#sidebar {
    margin-bottom: 20px !important;
}


/**********************************************************************************
    SHOW (LARGE)
**********************************************************************************/
table.list {
	table-layout:fixed;
	border-collapse:separate;
}
html.mobile table.list {
    -webkit-user-select: none;
}
table.list td {
	position:relative;
	z-index:1;
	text-align:center;
	line-height: 19px;
    border-bottom: 1px solid #E9EAED;
	border-left:1px solid #E9EAED;
    height: 37px;
}
/* :Header */
table.list tr.h td {
	background:#FFF;
	color:#333;
	font-size:15px;
	line-height:20px;
	padding:14px;
	border-bottom:none;
	border-left:1px solid #E9EAED;
	vertical-align: top;
	position:relative;
	z-index:3;
	word-wrap: break-word;
	max-width:140px;
}

html:not(.no_edit) table.list tr.h td[data-opid]:hover {
	cursor:pointer;
	-webkit-user-select: none;
}
.is_admin table.list tr.h td {
	box-shadow: inset 0px 4px rgba(0, 0, 0, 0);
}
.is_admin.close_poll table.list tr.h td[data-opid]:hover {
	cursor:pointer;
	background: #923DC3;
	color: #FFF;
}
.is_admin.close_poll table.list tr.h td[data-opid]:hover div > i {
	border-color:#923DC3 transparent transparent transparent;
}


.tablet table.list tr.h td {
	font-size:16px;
	line-height:19px;
}

table.list tr td.newgroup:not(.first) {
    border-left: 8px solid #E9EAED;
}

table.list tr.h td:first-child {
	background:inherit;
	color:#888;
	border:transparent;
	border-left:none;
    min-width: 180px;
}
table.list tr.h td.first {
	border-top-left-radius:3px;
	border-left:transparent !important;
}
table.list tr.h td.last {
	border-top-right-radius:3px;
}
/* :Header -> Arrows */
table.list tr.h td div {
	position:absolute;
	z-index:1;
	bottom:-11px;
	text-align:center;
	width:100%;
    pointer-events:none;
	left: 0;
}
.tablet table.list tr.h td div {
	bottom: -9px;
}
table.list tr.h td div > i {
	position:relative;
	left:0;
	display:inline-block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 18px 0 18px;
	border-color: #FFF transparent transparent transparent;
	line-height: 0px;
	_border-color: #FFF #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}


table.list.yes_no tr.h td.uvoted div {
    width: 50%;
}
table.list.yes_no tr.h td.unvoted div {
    width: 150%;
}

table.list tr.h td i.fa-map-marker {
    color:rgba(56, 56, 56, 0.5);
}
/*table.list tr.h td span.day {
    color: rgba(97, 97, 97, 0.6);
    margin-bottom: 2px;
    display: inline-block;
}
table.list tr.h td span.day.sa {
    color: rgba(0, 121, 216, 0.6);
}
table.list tr.h td span.day.so {
    color: rgba(226, 154, 0, 0.8);
}
table.list tr.h td.selected span.day {
	color:#FFF;
}*/

table.list tr.h td.single {
	background: #9D9FA9;
	color:#FFF
}
table.list tr.h td.single div > i {
	border-color:#9D9FA9 transparent transparent transparent;
}

table.list tr.h td.voted,
table.list tr.h td.uvoted,
table.list tr.h td.unvoted {
    background: #23B300;
    /*border-left: 1px solid rgba(255, 255, 255, 0.6);*/
	color: #FFF;
}
table.list tr.h td.selected div > i,
table.list tr.h td.voted div > i,
table.list tr.h td.uvoted div > i,
table.list tr.h td.unvoted div > i {
    border-color:#23B300 transparent transparent transparent;
}
table.list tr.h td.uvoted span.day,
table.list tr.h td.unvoted span.day {
	color: rgba(255, 255, 255, 0.7);
}
table.list tr.h td.nvoted {
    background: #fff !important;
}
table.list tr.h td.nvoted div > i {
    border-color:#fff transparent transparent transparent !important;
}
table.list tr.h td.unvoted {
	background: #DA7B7B !important;
}
table.list tr.h td.unvoted div > i {
	border-color:#DA7B7B transparent transparent transparent !important;
}
table.list tr.h td.selected {
	background: #8235AF;
	color: #FFF;
}
table.list tr.h td.selected div > i {
	border-color:#8235AF transparent transparent transparent;
}
table.list tr.h td.selected i.fa-winner {
	color:#E4AA17
}
table.list tr.h td.selected a {
	color:#007cff
}

/* :Header -> If New Vote Row is not in first line */
table.list tr.h.uv td div {
	/*bottom: -6px;*/
}


/* :Votes */
table.list tr.v td i.fa {
	font-size:20px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}
table.list tr.v td i.fa-remove {
	top: 2px;
	position: relative;
}

/* :Votes -> If New Vote Row is not in first line */
table.list tr.v.uv td {
	border-top:1px solid #E9EAED;
}
table.list tr.v.uv td.na {
	border-top:1px solid transparent;
}

/* :Votes -> Avatar */
table.list td.av {
	border-left:none !important;
	border-bottom:none !important;
	width:30px !important;
}

/* :Votes -> Name */
table.list tr.v td.na {
	text-align:right;
	border-left:none;
	font-size:16px;
	width:auto;
    min-width: 180px;
    max-width: 180px;
	border-bottom:1px solid transparent;
	padding-right:10px;
	padding-left:10px;
	word-wrap: break-word;
	line-height:16px
}
.desktop table.list tr.v:hover td.na,
.desktop table.list tr.v.hl td.na {
	color:#000;
}
.desktop table.list tr.v td.na > div > i {
	display:block;
	color: rgba(0, 0, 0, 0.45);
	font-size: 11px;
}
.desktop:not(.no_edit) table.list tr.v td.na:hover {
    /*background:inherit;*/
	color:#007CFF;
	cursor: pointer;
}
table.list tr.v td.first {
	border-left-color:transparent;
}

/* :Votes -> Yes */
table.list tr.v td.y {
	background:#C4E9BB;
}
.desktop table.list tr.v:hover td.y,
.desktop table.list tr.v.hl td.y {
	background:#A9DD9D;
}
table.list tr.v td.y i.fa {
	color:#43A824;
}
table.list tr.v td.un i.fa {
	color:#D2322D;
}
/* :Votes -> None */
table.list tr.v td.nn {
    background:#CED2D6;
    color:#FFF;
}
table.list tr.v:hover td.nn {
    background: #c1c5c9;
}

/* :Votes -> No */
table.list tr.v td.n,
table.list tr.v td.un {
	background:#F2C8C9;
	color:#FFF;
}
.desktop table.list tr.v:hover td.n,
.desktop table.list tr.v.hl td.n,
.desktop table.list tr.v:hover td.un,
.desktop table.list tr.v.hl td.un {
	background:#F0C0C0;
}
/* :Votes -> Maybe */
table.list tr.v td.m {
    background:#FFCB7C;
}
table.list tr.v td.m i.fa {
    color:#E09900;
	position:relative;
	top:2px;
}
.desktop table.list tr.v:hover td.m,
.desktop table.list tr.v.hl td.m {
	background:#FCC75E;
}

/* :Votes -> Non-Selectable (single) */
table.list tr.v td.ns {
	background:#CED2D6;
}
table.list tr.v:hover td.ns {
	background: #c1c5c9;
}

table.list tr.v.last td,
table.list tr.v td.na {
	border-bottom:none;
}


/* :New Vote */
table.list tr.n td {
	background:#656D79;
	height:38px;
	padding:0;
    border-left: 1px solid #E9EAED;
    border-bottom: none;
	position:relative;
    z-index: 2;
	outline: none;
}

table.list tr.n div.name {
	background:#007cff;
	padding:4px;
	height:38px;
    border-radius: 3px;
}
table.list tr.n div.name img.a {
	position:absolute;
	right:-15px;
	top:0;
	z-index:1;
	height:38px;
}
.fullsize #voter_name,
.desktop #voter_name,
.tablet #voter_name {
	padding:2px 3px 2px 8px;
	font-size:16px;
	outline:none;
	border:none;
	width:100%;
    min-width: 172px;
    max-width: 172px;
	height:30px;
	border-radius:1px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}
.fullsize tr.uv #voter_name,
.desktop tr.uv #voter_name,
.tablet tr.uv #voter_name {
    background: #007CFF;
    color: #FFF;
    text-align: right;
    box-shadow: none;
    line-height: 19px;
}
.desktop tr.uv:hover #voter_name,
.desktop tr.uv #voter_name:hover,
.desktop tr.uv #voter_name:focus,
.fullsize tr.uv #voter_name:focus,
.tablet tr.uv #voter_name:hover,
.tablet tr.uv #voter_name:focus {
    background: #FFF;
    color:#000;
	padding-bottom: inherit !important;
	z-index: 100;
}
.desktop #voter_name:focus {
    background: #fffde7;
}
table.list tr.n div.name.comment b {
	font-weight: normal;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
	display: block;
	position: absolute;
    bottom: 0px;
	right: 8px;
}
table.list tr.n div.name.comment #voter_name {
	padding-bottom: 12px;
}

#comment {
	color:#007cff;
	font-size: 14px;
	font-weight: normal;
}
#comment:focus {
	color:#000
}

table.list tr.n td.vote_options i {
	color:#ECECEC;
	font-size:26px;
	top:2px;
    left: 1px;
    position: relative;
}
table.list tr.n td.vote_options i.y {
	display:none;
	font-size:21px;
	margin-top:-5px;
	margin-left:2px;
    color:#FFF
}
table.list tr.n td.vote_options i.m {
	display:none;
	margin-left:0px;
	margin-top:-4px;
    font-size: 22px;
    color:#FFF
}
table.list tr.n td.vote_options i.un {
	display:none;
	font-size:21px;
	margin-top:-5px;
	margin-left:2px;
	color:#FFF
}
table.list tr.n td i.ns {
	color:rgba(255, 255, 255, 0.39);
	font-size:26px;
	top:2px;
	left: 1px;
	position: relative;
}

table.list tr.n td.vote_options:hover,
table.list tr.n td.vote_options:focus {
    background: #D2D4D8;
	cursor:pointer;
    outline: none;
}
table.list tr.n td.vote_options:hover i.n,
table.list tr.n td.vote_options:focus i.n {
    color:#5C6274
}
table.list tr.n td.vote_options.y {
	background:#63ce3f;
    border-bottom-color:transparent
}
.desktop table.list tr.n td.vote_options.y:hover,
.desktop table.list tr.n td.vote_options.y:focus {
	background:#44C31B;
}

/*table.list tr.n td.vote_options.n,*/
table.list tr.n td.vote_options.un {
	background:#E9AAAA;
	border-bottom-color:transparent
}
/*
.desktop table.list tr.n td.vote_options.n:hover,
.desktop table.list tr.n td.vote_options.n:focus {
	background: #e49597;
}*/
.desktop table.list tr.n td.vote_options.un:hover,
.desktop table.list tr.n td.vote_options.un:focus {
	background: #e49597;
}

table.list tr.n td.vote_options.m {
	background: #ffc44d;
    border-bottom-color:transparent
}
.desktop table.list tr.n td.vote_options.m:hover,
.desktop table.list tr.n td.vote_options.m:focus {
	background: #f8b937;
}
/* only if user edits his vote */
table.list tr.n.uv td.vote_options {
    border-left-color:#E9EAED
}
table.list tr.n.uv td.vote_options.n {
	background:#627180;
    border-bottom-color:transparent
}
table.list tr.n.uv td.vote_options.un {
	background:#E9AAAA;
    border-bottom-color:transparent
}

table.list tr.n.uv td.vote_options.nn {
    background:#627180;
}
table.list tr.n td.vote_options.nn:hover {
    background: #D2D4D8;
    border-bottom:1px solid #E9EAED;
}
table.list tr.n.uv td.vote_options.n > i {
    color:#FFF;
}
.desktop table.list tr.n.uv td.vote_options.n:hover,
.desktop table.list tr.n.uv td.vote_options.n:focus {
	background: #E79494;
}


table.list tr.n td.av {
	background:#0083F9 !important;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	padding:2px 0 0 4px;
}
table.list tr.n td.na:hover {
	background:none
}
table.list tr.n td.nbb,
table.list tr.n td.first {
	border-left:none !important;
}
table.list tr.n td.nbb {
	border-bottom:none;
	z-index:4;
    background: none;
}

#action_row {
	display:none;
	height:90px;
}
#action_row td {
    /*border-top: 1px solid #CCCCCC;*/
	border-bottom:1px solid #E9EAED;
    border-left: none;
	padding:0;
	text-align:right;
	position:relative;
	z-index:0;
}
#action_row td:first-child {
	/*border-color:transparent;*/
}


/* :Sums */
table.list tr.s td {
	color:#737373;
	border:none;
	font-size:19px;
	padding: 10px 0 5px 0;
    line-height: 20px;
}
table.list tr.s td:first-child {
	color:#737373;
	text-align:right;
	font-size:17px;
    padding-right: 8px;
    border: none;
}
table.list tr.s td div {
	color: #aeaeae;
	font-size:13px;
	margin-top:3px;
}
table.list tr.s td.high,
table.list tr.s td.high div {
    color:#23B300;
    font-weight: bold;
}
.is_admin table.list tr.s td.high b {
	display: inline-block;
	background:#23B300;
	color:#FFF;
	padding:2px 12px;
	border-radius: 3px;
	margin-bottom: -2px;
}
.is_admin:not(.list_type_yesno) table.list tr.h td.high:not(.uvoted):not(.unvoted) {
	box-shadow: inset 0px 4px #23B300;
}


table.list p {
    margin: 9px 0 0;
    border-top: 1px solid rgba(120, 124, 129, 0.25);
    padding-top: 7px;
    text-align: center;
}
table.list p:first-child {
    margin: 0 0 10px;
    border: none !important;
    padding-top: 0;
}
/*-------------------------------------
	SHOW (SMALL)
---------------------------------------*/
.wrapper {
	padding:10px;
	margin-top:0
}
#upload_avatar {
	z-index:2;
	width: 100%;
	height: 100%;
}
.avatar {
	position:absolute;
	left:10px;
	width:60px;
	height:60px;
	z-index:2;
	top:-35px;
	display:inline-block;
	overflow:hidden;
	text-align:center;
	border-radius: 50%;
	border:1px solid #C1C3C8;
}
.avatar .fa {
	font-size: 36px;
	position: absolute;
	left: 10px;
	top: 8px;
	z-index: 0;
}
.avatar img {
	width:inherit;
	height:inherit;
	max-width:100%;
	max-height:100%;
    cursor: pointer;
}

.avatar.centered {
	position: relative;
	top:auto;
	left:auto;
	right:auto;
}

html.menu_new #content_top {
	margin-top:0px;
}
.menu_new .avatar {
	left:auto;
	right:10px;
	top:-25px
}
.menu_new .avatar:active {
	cursor:pointer;
	opacity:0.7;
}
.menu_new .avatar:hover {
    background: #1178E6;
    color: #FFF !important;
}
.menu_new .avatar span {
	position:relative;
	z-index:1;
}

.avatar .fa-spinner {
	font-size: 36px;
	left: 10px;
	top: 10px;
	z-index: 1;
}
.avatar.nb {
	border:1px solid #FFF !important;
}

#remove_avatar {
	position: absolute;
	right: 70px;
	top: -30px;
	font-size: 20px;
	color: #ADAEB0;
}
#remove_avatar:hover,
.redhover:hover {
	cursor: pointer;
	color:#F02923
}

.title_wrapper h6 {
	margin-bottom: 4px;
	text-align: left;
}

#show_title {
	padding:10px 15px;
	background:#383838
}
#show_title h2 {
	font-size:20px;
	line-height:26px;
	margin: 20px 0 5px 0;
	color:#000;
	color: #FFF;
}
#show_title .avatar + h2 {
	margin-right: 46px;
}
#show_title li {
	margin-top:10px;
	margin-bottom:0px;
	position:relative;
	line-height:18px;
	color: #FFF;
	font-size:15px;
}
#show_title li .fa {
	font-size: 20px;
	top:-2px;
	color: #E9EAED;
}
#show_title a {
	color: #007cff;
}
.title_wrapper #show_title + .alert,
.title_wrapper .alert + .alert {
	margin-top: -3px;
	border-top: 1px solid #E9EAED;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-bottom: 0;
}


ul.list {
	margin:0;
	padding:0;
}
ul.list li {
	line-height: 18px;
	background:#FFF;
	padding:15px 40px 11px 20px;
	min-height:55px;
	margin-top:5px;
	color:#444;
	font-size:15px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(187, 187, 187, 0.9);
	position:relative;
	min-height: 60px;
}
ul.list li:first-child {
	margin-top:0;
}
ul.list li div {
	margin-left:45px;
}
ul.list li div:first-child {
	margin-left:0;
	float:left;
	position:relative;
}
.datebox {
	text-align: center;
	min-width:93px;
	display: inline-block;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 5px;
	overflow: hidden;
	font-size: 13px;
	line-height: 18px;
	white-space: nowrap;
	max-width: 100%;
}
.datebox p {
	margin:0 !important;
	overflow: hidden;
}
.datebox p:nth-child(1) {
	background: #007cff;
	color: #FFF;
	padding: 0 5px;
}

.datebox p:nth-child(2) {
	color:#000;
	font-size: 22px;
	font-weight: bold;
	padding: 7px 0 4px 0;
	border-left: 1px solid rgba(6, 6, 6, 0.1);
	border-right: 1px solid rgba(6, 6, 6, 0.1);
	border-top: 0;
}
.datebox p:nth-child(3) {
	border: 1px solid rgba(6, 6, 6, 0.1);;
	border-top:0;
	border-bottom-width: 1px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 12px;
	color:rgba(0, 0, 0, 0.5) !important;
}
ul.list li .datebox + p {
	margin-top: 8px;
}
.no_edit .vote_options .datebox p:nth-child(1) {
	background: #939393;
}
.datebox p:nth-child(3) b {
	font-weight: normal;
	display: inline-block;
	width: 14.285%;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	height:16px;
	line-height: 16px;
	vertical-align: middle;
}
.datebox p:nth-child(3) b.b {
	background: rgba(0, 0, 0, 0.1);
	color: #000;
	font-size: 9px;
	font-family: tahoma, Helvetica, Arial;
}
.datebox p:nth-child(3) b + b {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.date_expired,
.datebox p.expired {
	background:#000;
	padding:0;
	font-size: 12px;
	color: #E9EAED;
}
.date_expired {
	padding:2px;
	top:-3px;
	position: relative;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	text-align: center;
}
#show_title .datebox {
	background: #FFF;
}


/* selected datebox */
.vote_options.s .datebox p:nth-child(1) {
	background: #007cff;
}
ul.list li.vote_options.s .datebox {
	background: rgba(255, 255, 255, 0.2);
}
ul.list li.ns .datebox p,
ul.list li.y .datebox p,
ul.list li.m .datebox p,
ul.list li.vote_options.s .datebox p,
#show_title .datebox p {
	border-color: transparent;
}
ul.list li.vote_options.s .datebox p {
	color:#FFF !important;
}
.final .datebox {
	background: #FFF;
	margin-top:5px
}
.finalwrapper {
	border:1px solid rgba(255, 255, 255, 0.2);
	display: inline-block;
	margin-top: 5px;
	padding:7px 12px 0;
	border-radius: 3px;
	min-width: 160px;
	background: #8235AF;
}
.finalwrapper a {
	color:#007cff
}
.final i.fa {
	color:rgba(0, 0, 0, 0.5);
}
.bubble.map {
	padding:5px!important;
	height:200px;
	z-index:10;
	min-width: 200px;
}

ul.list li.vote_options i {
	font-size:32px;
	position: relative;
}
ul.list li.vote_options i.y {
	display:none;
	top:-1px
}
ul.list li.vote_options i.n,
ul.list li i.ns {
	color:#CFCFCF;
	font-size:33px;
	top: -2px;
	position: relative;
}
ul.list li.ns {
	background:#9D9FA9;
	color:#FFF;
	box-shadow: none;
}
ul.list li.show_votes.ns {
	background:#797A81;
}

ul.list li i.ns,
ul.list li.unselectable i.fa {
	left:-2px;
	color: rgba(255, 255, 255, 0.7)
}

ul.list li.vote_options.y {
	background:#2CC71C;
	color:#FFF;
	box-shadow: 0 1px 0 #14880A !important;
}
ul.list li.vote_options.m {
	background:#ffaa00;
	color:#FFF;
	box-shadow: 0 1px 0 rgb(203, 135, 0) !important;
}
ul.list li.vote_options.n {
	background:#F2C8C9;
	color:#8C4E4E;
	box-shadow: 0 1px 0 #BE9494 !important;
}
ul.list li.vote_options.n :not(.quote) i {
	color:#CA8B8B
}
ul.list li.vote_options.s {
	background:#8235AF;
	color:#FFF
}
ul.list li.vote_options.s .g {
	color:inherit;
}
.no_edit ul.list li.vote_options i.n,
ul.list li.vote_options.s i.n {
	display:none
}
ul.list li.vote_options div > i.fa-winner {
	color:#C0C0C0
}
ul.list li.vote_options.s div > i.fa-winner {
	color:#E4AA17;
	display:block !important
}
ul.list li.vote_options.s .quote {
	color:rgba(255, 255, 255, 0.4);
}

.maytext {
	display:none;
	position:absolute;
	font-size:10px;
	top:-16px;
	left:-15px;
	font-family: tahoma,verdana, arial;
}
li.vote_options.m .maytext {
	display:block;
}

li.vote_options p {
	margin:0;
}

ul.list li b.quote.y,
ul.list li b.quote.m {
	font-size:14px;
	position:absolute;
	right: 7px;
	bottom: 5px;
	color:rgba(109, 111, 116, 0.5);
}
ul.list li b.quote .fa {
	font-size:18px;
	position:relative;
	top:3px
}


ul.list li.date_header {
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	padding: 5px 0 0 5px;
	min-height: 19px;
	display: inline-block;
	color: #007cff;
	font-size: 14px;
}
ul.list li.date_header:first-child {
	padding-top:0px
}

ul.list li.vote_options .g {
	color:rgba(0, 0, 0, 0.5);
}
ul.list li.vote_options.s .g {
	color:rgba(255, 255, 255, 0.5);
}
ul.list li.vote_options.y .g,
ul.list li.vote_options.m .g {
	color:rgba(255, 255, 255, 0.7);
}
ul.list li.vote_options p + p {
	margin-top:10px
}
ul.list li.vote_options p > i {
	font-size:inherit;
	color: inherit;
	margin-left:-17px;
	margin-top:1px;
	position:absolute;
}
ul.list li.vote_options i.fa-clock {
	font-size: 14px;
}
/*-------------------------------------
	VOTE OPTIONS EXISTING VOTES
---------------------------------------*/
ul.list li.show_votes {
	padding:0;
	margin-top:-3px;
	margin-bottom:15px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	background:#DFE0E4;
	color:#8A8C93;
	min-height:inherit;
	font-size:15px;
	display:none;
}
ul.list li.show_votes.s {
	background:#8235AF;
}
ul.list li.show_votes div:not(.pp) {
	padding:10px;
	margin:0;
	float:none
}
li.show_votes div + div:not(.pp):not(.w50p) {
	padding-top:0 !important;
	margin-top: -6px !important;
}

.show_votes b,
.show_votes u,
.show_votes em {
	display:inline-table;
	color:#FFF;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	background:#2CC71C;
	border-radius:2px;
	padding:2px 5px;
	margin:4px 4px 0 0;
	text-align: center;
	line-height: 18px;
}
.show_votes u {
	background:#f18f91;
}
.show_votes em {
	background:#ffaa00;
}
.show_votes b:after,
.show_votes u:after,
.show_votes em:after {
	clear:both
}
.show_votes b > i,
.show_votes u > i,
.show_votes em > i {
    font-size: 12px;
    font-style: normal;
    margin-left: 5px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 12px;
}

.show_votes .hl {
	box-shadow:0 0 10px #000;
	position: relative;
	z-index: 1;
}
.show_votes .left .active {
	background: #019600;
}
.show_votes .right .active {
	background: #CE3631;
}
.show_votes:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #DFE0E4;
	border-width: 10px;
	left: 34px;
	margin-left: -10px;
}
.show_votes.s:after {
	border-bottom-color: #8235AF;
}
.show_votes.ns:after {
	border-bottom-color: #797A81;
}
/*-------------------------------------
	VOTE OPTIONS ICONS
 	-> valid for both, mobile and desktop
---------------------------------------*/
.vote_options i.m,
.vote_options i.un,
.vote_options.y i.m,
.vote_options.y i.n,
.vote_options.y i.un,
.vote_options.m i.y,
.vote_options.m i.un,
.vote_options.m i.n,
.vote_options.un i.n {
	display:none !important;
}
.vote_options.y i.y,
.vote_options.n i.n,
.vote_options.m i.m,
.vote_options.un i.un {
	display:block !important;
}



/*-------------------------------------
	TOGGLE BUTTONS (BUTTON GROUPS)
---------------------------------------*/
.btn-group {
	width:100%;
}
.btn-group > .btn {
	font-size:17px;
	line-height:21px;
	z-index:1;
	padding: 8px 12px;
}

/*noinspection ALL*/
.btn-group > .btn:first-child {
    width:49.9%;
    width:calc(50%);
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .btn:not(:first-child):not(:last-child) {
	margin-left:1px;
	width:49.9%;
	width:calc(50% - 1px);
}

/*noinspection ALL*/
.btn-group.tri > .btn:first-child {
	width:33%;
    width:calc(33.33%);
}
.btn-group.tri > .btn:last-child:not(:first-child),
.btn-group.tri > .btn:not(:first-child):not(:last-child) {
	width:33.3%;
	width:calc(33.33% - 1px);
}

.btn-group .btn .fa {
	top: 1px;
	position: relative;
	font-size: 20px;
}
.btn-group > .btn[disabled] {
	color:#637E9B
}


.toggle {
	color:#007CFF;
	overflow:hidden;
}
.toggle.dark {
	color: #383838;
}

html.mobile .toggle {
    -webkit-user-select: none;
}
.toggle span {
	display:inline-block;
	font-size:15px;
	line-height:32px;
	float:left;
	padding:0;
	text-align:center;
	width:50%;
	min-height:34px;
	cursor:pointer;
}
.toggle span:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.toggle span:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.toggle.double span {
	line-height:15px;
	min-height:44px;
}

.toggle.vlines span {
	border:1px solid #007CFF;
}
.toggle.vlines.dark span {
	border:1px solid #383838;
}
.toggle.vlines span:first-child {
	border-right: none;
}
.toggle.tri.vlines span:last-child {
	border-left: none;
}
.toggle span.active {
	margin-left:0;
	background:#007CFF;
	color:#FFF;
	-webkit-transition: background-color 100ms linear;
	-moz-transition: background-color 100ms linear;
	-o-transition: background-color 100ms linear;
	-ms-transition: background-color 100ms linear;
	transition: background-color 100ms linear;
}
.toggle.dark span.active {
	background:#383838;
}
.toggle span.selected {
	background:rgba(57, 142, 233, 0.75);
	color:#9BC8FA;
}
.toggle.dark span.selected {
	background: rgba(61, 61, 61, 0.75);
	color: #e6e6e6;
}

.toggle.tri span  {
	width:33.33%;
}

.toggle_hidden span:hover,
span:hover.toggle_hidden {
	text-decoration:none;
}

.toggle.buttons {
	border-right:none;
	border-left:none;
	border-color:#DDDCE0;
	position:relative;
	top:-1px;
}
.toggle.buttons span {
	border-left:1px solid #DDDCE0;
	width:60px;
	height:33px;
	padding-top:6px;
}

/* Button style for popup */
.toggle.button span {
	padding:4px;
	font-size:18px;
	background: rgba(255,255,255,0.95);
	height:auto;
}
.toggle.button.vlines span {
	border-color:#9EA6B0
}


#home_logo {
    background:url('/img/fragab_logo_world_250.png') no-repeat;
    background-size: 100%;
	width:250px;
	height:81px;
	display: inline-block;
}
.lang_de #home_logo{
    background:url('/img/fragab_logo_de_250.png') no-repeat;
    background-size: 100%;
}
#nav_logo,
#nav_logo_toggle {
	background:url(/img/fragab_logo_world_100.png) no-repeat !important;
	background-size:100px !important;
	width:100px;
	height:32px;
	display: inline-block;
	padding:0;
	margin-top:10px;
	margin-left:10px;
    margin-right: 1px;
    outline:none
}
.lang_de #nav_logo,
.lang_de #nav_logo_toggle {
    background:url(/img/fragab_logo_de_100.png) no-repeat !important;
    background-size:100px !important;
    width:100px;
    margin-right: 0;
}

#homearrow + #nav_logo_toggle {
	margin-left: 20px;
}

#ex {
    background:url('/img/ex1.png') no-repeat;
    width:251px;
    height: 98px;
    background-size: 100%;
    border:4px solid #FFF
}


/************************************
    LOGIN / REGISTER
*************************************/
.social_login .btn {
	width:250px;
	max-width:100%;
	text-align:left;
	white-space: nowrap;
}
.social_login {
	margin-left: 0 !important;
}

#register_container,
#login_container {
	max-width:460px;
	margin:0 auto;
}

#login_container .btn.facebook,
#login_container .btn.google {
	width: 48%;
	min-width: 147px;
	width: calc(50% - 3px);
}



/************************************
    FEEDBACK
*************************************/
.feedback p {
	display: block;
	margin-bottom: 10px;
}
.feedback p > span {
	background:#007cff;
	border-radius: 3px;
	color:#fff;
	position: relative;
	float:right;
	display:inline-block;
	min-width: 200px;
	max-width:80%;
	padding:8px 20px 8px 8px;
	margin-right:6px;
}
.feedback p > span:after {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #007cff;
	border-width: 10px;
	right: -16px;
	top:8px;
}

.feedback p > span.support {
	background:#1CAE1E;
	float:left;
	margin-right: 0;
	margin-left:6px
}
.feedback p > span.support:after {
	border-left-color: transparent;
	border-right-color: #1CAE1E;
	right:auto;
	left:-16px;
}

/************************************
    ANIMATIONS
************************************/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.half {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .7s;
	-moz-animation-duration: .7s;
	-ms-animation-duration: .7s;
	-o-animation-duration: .7s;
	animation-duration: .7s;
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}
@-moz-keyframes flipInX {
	0% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}

	40% {
		-moz-transform: perspective(400px) rotateX(-10deg);
	}

	70% {
		-moz-transform: perspective(400px) rotateX(10deg);
	}

	100% {
		-moz-transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}
@-ms-keyframes flipInX {
	0% {
		-ms-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}

	40% {
		-ms-transform: perspective(400px) rotateX(-10deg);
	}

	70% {
		-ms-transform: perspective(400px) rotateX(10deg);
	}

	100% {
		-ms-transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}
@-o-keyframes flipInX {
	0% {
		-o-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}

	40% {
		-o-transform: perspective(400px) rotateX(-10deg);
	}

	70% {
		-o-transform: perspective(400px) rotateX(10deg);
	}

	100% {
		-o-transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}
@keyframes flipInX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotateX(-10deg);
	}

	70% {
		transform: perspective(400px) rotateX(10deg);
	}

	100% {
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}



@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}


@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}



@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

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

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}


@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}


@-webkit-keyframes tick {
	0%   {-webkit-transform: scale(0); }
	90%  {-webkit-transform: scale(1.2); }
	100%  {-webkit-transform: scale(1); }
}

@keyframes tick {
	0%   {transform: scale(0); }
	90%  {transform: scale(1.2); }
	100%  {transform: scale(1); }
}

@-webkit-keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		-ms-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}

.tick {
	-webkit-animation:tick 120ms ease-in;
	animation:tick 120ms ease-in;
}
@-webkit-keyframes tick {
	0%   {-webkit-transform: scale(0); }
	90%  {-webkit-transform: scale(1.2); }
	100%  {-webkit-transform: scale(1); }
}

@keyframes tick {
	0%   {transform: scale(0); }
	90%  {transform: scale(1.2); }
	100%  {transform: scale(1); }
}

/*-------------------------------------
	ADMIN AND OTHER
---------------------------------------*/



/*-------------------------------------
	INFO
---------------------------------------*/
.languages {
    padding:0;
    margin-bottom:20px;
    margin-left: -10px;
}
.languages li {
    float:left;
    width:33%;
    margin: 0;
    margin-bottom: 8px;
}
.languages li a {
    display: inline-block;
    padding:5px 10px;
    min-width: 150px;
    max-width: 100%;
}
.languages li a:hover,
.languages li a.active {
    text-decoration: none;
    background: #EBEEF3;
    border-radius: 2px;
}
.languages li a p {
    padding-left: 27px;
    margin-bottom: 0;
}
#switcher {
	background: #FFFFFF !important;
    top:-360px;
}
.pp .languages {
    margin:0;
    width: 150px;
}
.pp .languages li {
    width: 100%;
    margin-bottom: 1px;
    text-align: left;
}

/*noinspection ALL*/
.pp .languages li a {
    padding:5px;
    min-width: auto;
}
.info_overflow {
	margin: -30px;
	margin-top: -20px;
}



/**********************************************************************************
    Other
**********************************************************************************/
.rounded {
	border-radius: 3px;
}
.rounded_b {
	border-radius: 5px;
}
.shadow {
	box-shadow:0px 1px 10px rgba(0, 0, 0, 0.33);
}
.shadow_small {
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);
}
.shadow_line {
	height:20px;
	position:relative;
	z-index:0;
	top:-10px;
	left:-10px;
	width:106%;
	width: calc(100% + 20px);
	box-shadow: 0 7px 10px -7px rgba(160, 160, 160, 0.6);
}
.shadow_wide {
	box-shadow:0 0 50px #333333;
	*border:8px solid #999;    /* IE 7 fix */
	*background:#777;
	*padding:2px
}
.shadow_dark {
	box-shadow:0px 0px 3px #666;
}
.shadow_btn {
	box-shadow: 0 7px 8px -5px rgba(0, 0, 0, 0.7);
}

.btn_shadow {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	transition: none;
	-webkit-transition: none;
}
.btn_shadow:hover {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.35);
}

.shadow_inset {
	box-shadow:         inset 0 0 8px rgba(0,0,0,0.4);
	border-radius:inherit;
}
.no_shadow {
	box-shadow:         none !important;
}

.nowrap {
	white-space: nowrap;
}

.pointer {
	cursor:pointer
}

.m0 { margin:0 !important}
.m5 { margin:5px }
.m10 { margin:10px }
.m15 { margin:15px }
.m20 { margin:20px }
.m25 { margin:25px }

.mt0 { margin-top:0 }
.mt1 { margin-top:1px }
.mt2 { margin-top:2px }
.mt3 { margin-top:3px }
.mt5 { margin-top:5px }
.mt6 { margin-top:6px }
.mt7 { margin-top:7px }
.mt10 { margin-top:10px }
.mt15 { margin-top:15px }
.mt20 { margin-top:20px }
.mt25 { margin-top:25px }
.mt30 { margin-top:30px }

.mb0 { margin-bottom:0 }
.mb1 { margin-bottom:1px }
.mb2 { margin-bottom:2px }
.mb3 { margin-bottom:3px }
.mb5 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb25 { margin-bottom:25px }

.ml0 { margin-left:0 }
.ml5 { margin-left:5px }
.ml3 { margin-left:3px }
.ml10 { margin-left:10px }
.ml15 { margin-left:15px }
.ml20 { margin-left:20px }
.ml25 { margin-left:25px }
.ml50 { margin-left:50px }
.ml80 { margin-left:80px }
.ml100 { margin-left:100px }
.ml25p { margin-left:inherit }

.mr0 { margin-right:0 }
.mr3 { margin-right:3px }
.mr5 { margin-right:5px }
.mr10 { margin-right:10px }
.mr15 { margin-right:15px }
.mr20 { margin-right:20px }
.mr25 { margin-right:25px }

.p0i { padding:0 !important;}
.p0 { padding:0px }
.p2 { padding:2px }
.p3 { padding:3px }
.p5 { padding:5px }
.p10 { padding:10px }
.p15 { padding:15px }
.p20 { padding:20px }

.p0_3 { padding:0 3px }
.p0_5 { padding:0 5px }
.p1_3 { padding:1px 3px }
.p1_5 { padding:1px 5px }
.p2_8 { padding:2px 8px }
.p0_15 {padding:0 15px}
.p5_12 {padding:5px 10px}

.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px}
.pl30 {padding-left:30px}
.pl40 {padding-left:40px}
.pl45 {padding-left:45px}
.pl50 {padding-left:50px}
.pl80 {padding-left:80px}
.pl100 {padding-left:100px}

.pr5 {padding-right:5px}
.pr50 {padding-right:50px}
.pr80 {padding-right:80px}

.pb0 {padding-bottom:0px}
.pb5 {padding-bottom:5px}

.w50p {
	width:50%;
}
.w100p {
	width:100%;
}

.tal {text-align:left}
.tar {text-align:right !important}
.tac {text-align:center}
.vat {vertical-align:top}
.vab {vertical-align:bottom}
.vam {vertical-align:middle}
.vami {vertical-align:middle !important}
tr.vam td {vertical-align:middle}
.right { float:right }
.left { float:left }
.db { display:block }
.dib { display:inline-block }
.dibi { display:inline-block !important }
.clb { clear:both }

.nts {
	text-shadow:none
}

.b {
	font-weight:bold;
}
.nob {
	font-weight:normal !important;
}
.nb {
	border:none !important;
}
.nbck {
	background:none !important;
}
.bl {
	border-left:1px solid #DDDCE0
}
.normal {
	font-style:normal;
}
.tradius {
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.bradius {
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.no_radius {
	-webkit-border-radius: 0 !important;
	border-radius:0 !important;
	-moz-border-radius:0 !important;
}
.no_tradius {
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
}
.no_bradius {
	border-bottom-left-radius:0 !important;
	border-bottom-right-radius:0 !important;
}
.no_rradius {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
}

.oh {
	overflow:hidden
}
.ov {
	overflow:visible
}
.z1 {
	z-index:1
}
.z2 {
	z-index:2
}
.z100 {
	z-index:100
}

/*noinspection ALL*/
.faded {
	height:0;
	opacity:0;
	-moz-transition:height 0.5s opacity 0.5s;
	-webkit-transition:height 0.5s opacity 0.5s;
	-o-transition:height 0.5s opacity 0.5s;
	-ms-transition:height 0.5s opacity 0.5s;
	transition:height 0.5s, opacity 0.5s;
}

.h37 {
	height:37px;
}
.h42 {
	height:42px;
}
.h43 {
	height:43px;
}

.invisible {
	visibility:hidden;
}
.show {
	display:block !important;
}

.op0 {
	opacity:0;
	filter:alpha(opacity=0);
}
.op5 {
	opacity:0.5;
	filter:alpha(opacity=50);
}
.op7 {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.op1 {
	opacity:1;
	filter:alpha(opacity=100);
}

.btn.img_opa img,
.btn.img_opa i[class*="fa-"],
img.img_opa {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.btn.img_opa:hover img,
.btn.img_opa:hover i[class*="fa-"],
img.img_opa:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.pa {
	position:absolute;
}
.pr {
	position:relative;
}
.pf {
	position: fixed;
}
.fixed {
	position: fixed;
	width: 100%;
}
.lg {
	color:#B9B9BE
}
.g {
	color:#8F8F94
}
.dg {
	color:#737378;
}
.w {
	color:#FFF
}
.ss {
	font-size:12px;
}
.s {
	font-size:13px;
}
.nor {
	font-size:15px
}
.big {
	font-size:16px
}
.big1 {
	font-size:17px
}
.big2 {
	font-size:18px;
}
.med,
.big3 {
	font-size:20px;
}
.big4 {
	font-size:22px;
}
.big5 {
	font-size:26px;
}
.huge {
	font-size:34px;
}


.black {
	color:#000 !important;
}
.lblack {
	color:#383838 !important;
}
.blue {
	color:#007CFF !important;
}
.lblue {
	color:#acd3f0
}
.dblue {
	color:#007CFF;
}
.turkey {
	color:#37B7FF !important;
}
.purple {
	color:#9E4CF7 !important;
}
.green {
	color:#53d76a !important;
}
.darkgreen {
	color:#00b237 !important;
}
.orange {
	color:#FF9500 !important;
}
.red {
	color:#ff4141 !important;
}
.darkred {
	color: #D2322D !important;
}
.purpur {
	color:#f14577 !important;
}
.white {
	color:#FFF !important;
}
.grey {
	color:#C1C3C8 !important;
}
.wbck {
	background:#FFF
}
.bbck {
	background:#383838
}
.fragab_blue_bck {
	background:#007CFF;
}
.touch_bck:not(.ntb) {
	opacity:0.9 !important;
}
.mark_remove {
	background:#FF4141 !important;
	color:#FFF !important;
}
.mark_remove i.fa {
	color:#FFF !important;
}
.lblue_bck {
	background:#5CA0F0 !important;
}
.gback {
	background: #E9E9E9;
}
.lgbck {
	background:#DFDFE0;
}

.woodbck {
	background: url(/img/fragab_background_wood_small.jpg) no-repeat !important;
	background-size:100%
}
/* prevent popping up menu when holding down on elements */
.no_co,
html.mobile img,
html.mobile .btn {
	-webkit-touch-callout: none;
}

/* prevent any actions like magnifier glass etc */
/*

* {
-webkit-text-size-adjust:none;
	-webkit-user-drag: none;
	-webkit-user-modify: none;
	-webkit-highlight: none;
	-webkit-touch-callout: none;

	-webkit-user-select:    none;
	-khtml-user-select:     none;
	-moz-user-select:       none;
	-ms-user-select:        none;
	-o-user-select:         none;
	user-select:            none;
}
*/

/* prevent select text, magnifier */
html.mobile .no_cp,
html.mobile .btn,
.unselectable {
	-webkit-user-select:    none;
	-khtml-user-select:     none;
	-moz-user-select:       none;
	-ms-user-select:        none;
	-o-user-select:         none;
	user-select:            none;
}

.force_wrap {
	word-break:break-all;
	white-space:normal;
	line-height: initial !important;
}
.s-resize {
	cursor:s-resize;
}
.trans {
	background:transparent;
	border-color:transparent;
}

.fullback {
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2000;
	position: fixed;
	top:0;
	left: 0;
}
.fullback div {
	position: absolute;
	left:50%;
	left:calc(50% - 50px);
	top:50%;
	top:calc(50% - 50px);
	padding:15px;
	background: rgba(0, 0, 0, 0.35);
	border-radius: 5px;
	/*height:100px;*/
	min-width:100px;
	color:#FFF;
	text-align: center;
	padding-top: 70px;
	line-height: 10px;
}
.fullback div .fa-spinner {
	font-size: 50px;
	position: absolute;
	top:10px;
	left:25px;
	left: calc(50% - 25px);
}

.flag {
	margin-top: 1px;
	width: 16px;
	height: 11px;
	background:url(/img/flags.png) no-repeat;
	display: inline-block;
}

.flag-ao {background-position: -16px 0}
.flag-ar {background-position: -32px 0}
.flag-at,
.flag-de_at {background-position: -48px 0}
.flag-au {background-position: -64px 0}
.flag-be,
.flag-fr_be,
.flag-nl_be {background-position: -80px 0}
.flag-bg {background-position: -96px 0}
.flag-br,
.flag-pt_br {background-position: 0 -11px}
.flag-ch,
.flag-de_ch {background-position: -16px -11px}
.flag-cn {background-position: -32px -11px}
.flag-cz {background-position: -48px -11px}
.flag-de {background-position: -64px -11px}
.flag-da,
.flag-dk {background-position: -80px -11px}
.flag-es {background-position: -96px -11px}
.flag-fi {background-position: 0 -22px}
.flag-fr {background-position: -16px -22px}
.flag-en,
.flag-gb,
.flag-uk {background-position: -32px -22px}
.flag-gr {background-position: -48px -22px}
.flag-hr {background-position: -64px -22px}
.flag-hu {background-position: -80px -22px}
.flag-id {background-position: -96px -22px}
.flag-ie {background-position: 0 -33px}
.flag-hi,
.flag-in {background-position: -16px -33px}
.flag-it {background-position: -32px -33px}
.flag-jp {background-position: -48px -33px}
.flag-lt {background-position: -64px -33px}
.flag-lu {background-position: -80px -33px}
.flag-mz {background-position: -96px -33px}
.flag-nl {background-position: 0 -44px}
.flag-no {background-position: -16px -44px}
.flag-pl {background-position: -32px -44px}
.flag-pt {background-position: -48px -44px}
.flag-ro {background-position: -64px -44px}
.flag-ru {background-position: -80px -44px}
.flag-sv,
.flag-se {background-position: -96px -44px}
.flag-si {background-position: 0 -55px}
.flag-sk {background-position: -16px -55px}
.flag-tr {background-position: -32px -55px}
.flag-tw {background-position: -48px -55px}
.flag-ua {background-position: -64px -55px}
.flag-en_us {background-position: -80px -55px}


/*************************
*	SCROLL BIG TABLE
*************************/
.fullsize.menu_show table.list:after {
	content: '';
	position: fixed;
	right: 0;
	height: 100%;
	top:0;
	width: 15px;
	z-index: 20;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(235,236,239,1) 90%, rgba(233,234,237,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(90%,rgba(235,236,239,1)), color-stop(100%,rgba(233,234,237,1)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(235,236,239,1) 90%,rgba(233,234,237,1) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(235,236,239,1) 90%,rgba(233,234,237,1) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(235,236,239,1) 90%,rgba(233,234,237,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(235,236,239,1) 90%,rgba(233,234,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e9eaed',GradientType=1 );
}
.menu_show .admin {
	z-index: 21;
}
.fullsize.scroll #votes_form div.overflow {
	overflow-x: auto;
	/*-webkit-overflow-scrolling:touch*/
}
.fullsize.scroll table.list td.na,
.fullsize.scroll table.list tr.h td:first-child,
.fullsize.scroll table.list tr.s td:first-child {
	position: absolute;
	z-index: 3;
	background: #E9EAED;
	width: auto;
	min-width: 180px;
	max-width: 180px;
	height: 39px;	/* safari fix */
}
.fullsize.scroll table.list td.na > div:not(.name) {
	padding-top: 10px;
}

.fullsize.scroll table.list tr.h td:first-child {
	z-index: 4;
	box-shadow: none;

	background: -moz-linear-gradient(left,  rgba(233,234,237,1) 20%, rgba(233,234,237,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(20%,rgba(233,234,237,1)), color-stop(100%,rgba(233,234,237,0)));
	background: -webkit-linear-gradient(left,  rgba(233,234,237,1) 20%,rgba(233,234,237,0) 100%);
	background: -o-linear-gradient(left,  rgba(233,234,237,1) 20%,rgba(233,234,237,0) 100%);
	background: -ms-linear-gradient(left,  rgba(233,234,237,1) 20%,rgba(233,234,237,0) 100%);
	background: linear-gradient(to right,  rgba(233,234,237,1) 20%,rgba(233,234,237,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eaed', endColorstr='#00e9eaed',GradientType=1 );

}
.fullsize.scroll table.list tr.s td:first-child {
	height: 58px;
	padding-top: 12px;
}
.fullsize.scroll table.list tr.n td.na {
	padding:0
}
.fullsize.scroll table.list tr.e td {
	position: relative;
	box-shadow: none;
	height: 0;
	line-height: 0;
	border-bottom: 0;
	padding: 0;
}

.fullsize.scroll #content_top.container {
	width: 100%;
	max-width: 100%;
}

.fullsize.scroll .title_wrapper {
	position: relative;
	z-index: 21;
	margin-right: 15px;
	max-width: 750px;
}
.fullsize.scroll .wrapper {
	padding-right: 0;
}

.fullsize.scroll.scrolled table.list td.na  {
	-webkit-box-shadow: 5px 0px 3px -2px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 0px 3px -2px rgba(0, 0, 0, 0.2);
	-webkit-transition: box-shadow linear .2s;
	-moz-transition: box-shadow linear .2s;
	-o-transition: box-shadow linear .2s;
	transition: box-shadow linear .2s;
}

/***********************************/



/**********************************************************************************
    RESPONSIVE
**********************************************************************************/
/* PHONES VERTICAL */
@media (max-width: 767px) {

	.on_phone #homearrow {
		display: block;
		position: absolute;
		left: -24px;
		top: 2px;
	}

	.navbar {
		background:#007CFF;
	}
	.navbar-collapse {
		text-align:center;
		padding-right:0;
		padding-bottom:12px;
		padding-top:0;
		box-shadow: none;
	}
	.navbar-collapse #nav_logo,
	.navbar-collapse #nav_logo_toggle,
	.navbar-collapse #account_menu_link {
		display: none;
	}
	.navigation .account-photo {
		margin-top: -1px;
		border-radius: 50%;
		width: 46px;
		border: 2px solid rgba(255, 255, 255, 0.5);
		margin-left: 0;
	}
	.navigation .account-photo {

	}

	.navbar-collapse > ul > li > a {
		background:#FFF;
		margin:0 20px 1px 20px;
		-moz-border-radius: 3px;
		color:#007CFF !important;
		line-height:28px;
		font-size: 19px;
		padding: 3px;
		outline:none;
	}
	.navbar-collapse .navbar-nav.navbar-right:last-child {
		margin-right: 0px;
	}
	#content_box {
		padding:10px;
	}
	.content {
		padding: 10px !important;
	}
	#new_request .group,
	.settings .form-control:last-child,
	.settings .form-control:first-child,
	#add_option,
	#recent_lists div a.lh:first-child
	 {
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	#new_request h6 {
		padding-left:10px;
	}
	#new_request .submit_form {
		margin-right:10px;
	}

	#menu_icon {
		font-size:28px;
		position: relative;
		top: 7px;
	}
	.s_xs {
		font-size:13px;
	}
	.w100p_xs {
		width:100%;
	}
	.tac_xs {
		text-align: center;
	}

    .desktop.menu_show .container {
        padding-left: inherit !important;
    }

    table.list tr.h td:first-child {
        min-width: 100%;
    }

    table.list td {
        padding:6px
    }
    table.list tr.v td.na {
        font-size: 14px;
        padding-left: 0;
    }

	.fullsize #voter_name,
    .desktop #voter_name,
    .tablet #voter_name {
        font-size: 14px;
        min-width: 115px;
		text-overflow: ellipsis;
    }

    .languages li {
        width:50%
    }

    .help {
        font-size: 15px;
        line-height: 18px;
    }

    .admin a.btn {
        width:100%;
        margin:3px 0;
		text-align: left;
		margin: 1px 0;
		border-radius: 0;
    }
	.admin a.btn:first-child {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.admin a.btn:last-child {
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	#jalert_container {
		width: auto !important;
		min-width: inherit !important;
		max-width: 90% !important;
	}

	.header_message {
		margin:0
	}

	.fullsize.scroll table.list td.na, .fullsize.scroll table.list tr.h td:first-child, .fullsize.scroll table.list tr.s td:first-child {
		min-width: 125px;
		max-width: 125px;
	}
	.fullsize.scroll table.list td.na > div:not(.name) {
		padding-top: 4px;
	}

	.date_expired,
	.add_date_field_show {
		width:150px
	}
	#request_options li.options {
		padding-left:0;
		padding-right:0;
		margin-left:0;
		margin-right:0;
	}
	#request_options li.options .btn.call_text_button {
		width: 120px;
	}
	#request_options .text_span {
		margin-right: 70px;
	}
	#request_options .options.box_expanded .add_date_span {
		width: 322px;
	}
	#request_options .add_date_span .remove {
		right: -15px !important;
		left: auto !important;
	}

	.box_expanded .date_expired,
	.box_expanded .add_date_field_show {
		width:150px
	}
	#request_options .add_time_field_show {
		left: 152px;
	}
	#request_options .add_endtime_field_show {
		left: 223px
	}
	.arrow_box.time:after {
		left: 186px;
	}
	.arrow_box.endtime:after {
		left: 256px !important;
	}
	.call_menu,
	.call_location_button,
	.call_image_button {
		width:40px;
		min-width: 40px;
		padding: 0 !important;
	}
	.call_image_button {
		right: 10px
	}
	.call_location_button {
		right:10px
	}
	.call_menu {
		right: 10px;
		position: absolute;
	}
	#title {
		border-bottom: 1px solid #E9EAED;
	}
	.title_wrapper h6 {
		text-align: right;
		font-size: 12px;
		background: #333;
		margin: -12px -10px 0px -10px;
		padding: 12px;
		padding-right: 90px;
		padding-bottom: 0px;
		background: #383838;
		border-radius: 0;
	}
	.title_wrapper.no_avatar h6 {
		padding-right: 20px;
	}
	.title_wrapper .avatar {
		top: -20px;
		right: 20px;
		left: auto;
	}
	#show_title {
		margin: 0px -10px 10px -10px;
		padding-top: 5px;
		border-radius: 0;
	}
	#show_title h2 {
		margin-top:0
	}
	#title_addons {
		right: 5px;
		margin-top: -33px;
	}
	.basics.inline_label i.remove {
		right: 30px;
	}

	.add_location_span.inline_label i.remove {
		right:20px;
		top: -4px !important;
	}
	#basics {
		margin: 0 -5px;
	}
	.new > .alert {
		margin:0 -5px;
		padding-left: 15px;
		background:#007CFf;
		color: rgba(255, 255, 255, 0.6);
	}
	#total_results {
		color:#007CFf;
	}

	.alert#close_action {
		margin: -10px -10px 10px;
		border-radius: 0;
	}

}


/* SMALL PHONES (IPHONE 3-5) */
@media (max-width: 320px) {


	#app_info_layer .fa-info {
		display: none;
	}

	#request_options .add_time_field_show {
		left: 155px;
	}
	.done_link {
		font-size: 15px;
	}
	.date_expired,
	.add_date_field_show {
		width:150px
	}
	.btn.call_text_button {
		width: 80px;
	}
	.box_expanded .date_expired,
	.box_expanded .add_date_field_show {
		width: 140px;
	}
	#request_options .add_time_field_show {
		left: 142px;
	}
	.add_date_span .btn {
		padding:0 10px;
	}
	#request_options .add_endtime_field_show {
		left: 203px;
	}
	#request_options .add_endtime_field_show.btn-primary:before {
		left:-5px;
	}
	.add_time_field_show, .add_endtime_field_show {
		min-width: 60px;
	}
	#request_options .text_span {
		margin-right: 70px;
	}
	#request_options textarea {
		padding: 10px 0px 5px 5px;
	}
	.arrow_box.time:after {
		left: 172px;
	}
	.arrow_box.endtime:after {
		left: 232px !important;
	}
	#request_options
	.options.box_expanded .add_date_span {
		width: 264px;
	}
	#request_options .add_date_span .remove {
		right: -20px !important;
		top: -16px !important;
		left:auto !important
	}
	#request_options li.options .btn.call_text_button {
		width: 80px;
	}
	.container {
		padding-left: 0;
		padding-right: 0;
	}
}


/* PHONES LANDSCAPE */
/* TABLET + DESKTOP */
@media (min-width: 460px) {

	.pp {
		-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
		box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
	}
	.navbar-fixed-top {
		position:absolute;
	}

	#request_options .text_span {
		margin-right: 109px;
	}
	#request_options .add_date_field_show b,
	#request_options .add_time_field_show b {
		font-size: 17px;
	}
	#request_options .btn-group .btn {
		padding: 3px 12px;
		background:#007CFF;

	}
	#request_options .btn-group .btn i.fa {
		color:rgba(255, 255, 255, 0.7);
		font-size: 21px;
	}
	#request_options .btn-group .btn:hover i.fa {
		color:#FFF
	}
	.sort_button_icon {
		padding: 2px 7px;
		color: #BBD9FA;
		background: #007CFF;
	}


	#app_info_layer .fa-info {
		display: none;
	}
	#app_info_layer #home_logo {
		background:url(/img/fragab_logo_world_100.png) no-repeat !important;
		background-size:100px !important;
		width:100px;
		height:32px;
		padding-top: 0;
	}
}

/* PHONES LANDSCAPE */
/* TABLET + DESKTOP */
@media (min-width: 550px) {

	#help_add_title {
		display:inline-block;
		margin-top:15px;
	}


    #add_desc.btn {
        border-radius: 0;
    }
    .admin a.btn {
        width:auto;
        margin:0 3px;
    }

	#home_logo {
		background:url('/img/fragab_logo_world_375.png') no-repeat;
		width:375px;
		height:122px;
	}
	.lang_de #home_logo {
		background:url('/img/fragab_logo_de_375.png') no-repeat;
		background-size: 100%;
	}

	.map_canvas {
		height: 200px;
	}

	html.menu_home .account-photo {
		width: 74px;
		top: 15px;
		margin-left: -76px;
	}

}



/* TABLET + DESKTOP */
@media (min-width: 768px) {

	html {
        background: #E9EAED;
		height:100%;
	}
	body {
        background: #E9EAED;
		height:100%;
	}

	html.menu_account .navbar-fixed-top,
	html.menu_info .navbar-fixed-top {
		position:fixed;
	}

	.mobile #account_menu_link span {
		display: none;
	}
	.mobile .navbar-collapse > .navbar-nav:first-child > li:first-child {
		margin-right: 20px !important;
	}
	.mobile.logged_in .navbar-collapse > .navbar-right > li:last-child > a {
		padding:0
	}
	.mobile .navbar-collapse > .navbar-right .account-photo {
		border-radius: 50%;
		margin: -1px 5px 0 5px;
		float: none;
	}
	.btn {
		line-height: 35px;
	}

    #ex {
        width:400px;
        height: 156px;
        background-size: 100%;
    }
	h1 {
		font-size:24px;
	}
	h2 {
		font-size:22px;
	}
	h3 {
		font-size:20px;
	}
	.navbar {
		min-height:50px;
	}
	.navbar-nav > li > a,
	.navbar h1 {
		line-height:50px;
	}
	.navbar-nav > li > a {
		padding: 0 20px;
	}
	.navbar-collapse > ul > li > a:hover,
    .navbar-collapse > ul > li > a.active {
		background:#066FDF !important;
	}
	.navbar-fixed-top {
		position:fixed;
	}
	.new,
	#new_request,
	.smaller,
	.title_wrapper {
		max-width:570px
	}
	#show_title {
		min-height: 100px;
	}
	.desktop.menu_show .title_wrapper,
	.desktop.menu_show #votes_form h6 {
		margin-left: 122px;
	}
	.desktop.menu_show .avatar {
		left: -120px;
		width: 100px;
		height: 100px;
		top: 0;
		border-radius:6px;
		border: 0;
	}
	.desktop.menu_show .title_wrapper,
	.desktop.menu_show #votes_form h6 {
		margin-left: 180px;
		max-width: 750px;
	}
	.border {
		border:1px solid #E9E9E9 !important;
		box-shadow:0px 1px 5px rgba(0, 0, 0, 0.16);
	}

	.box {
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
	}
	.box.small > div {
		max-width:570px;
		float:left;
	}


	#admincanvas {
		display:block;
	}
	.hide_smalli {
		display:inline-block
	}
	.hide_small {
		display:block
	}
	span.hide_small {
		display:inline-block;
	}
	ul.list li {
		cursor:pointer;
	}

	ul.list li b.badge {
		padding:2px 4px 1px 4px;
		border:2px solid #fff;
	}
	.toggle {
		max-width: 700px;
		margin-left:0 !important;
		cursor:pointer;
	}

	.toggle span.active:hover {
		background: #1c7adf
	}

	.toggle.buttons {
		top:-2px;
	}
	.toggle.buttons span {
		width:100px;
		height:35px;
		padding-top:7px;
	}

	.pp button {
		font-size:18px;
		cursor: pointer;
	}

	#save_vote_button,
    #add_vote_button {
		display:inline-block;
        max-width: 100%;
	}
	a.button {
		padding:5px 12px 6px 12px;
		font-size:13px;
	}
	footer {
		font-size:15px;
		text-align:left;
	}
	footer ul li a {
		padding: 5px 10px;
	}

    #done_confirmation {
        padding-left:25px !important;
		margin-left:0;
		margin-right:0;
    }

	.menu_show .container {
		max-width: 940px;
	}
    .container {
        max-width: 750px;
    }
    .nav-pills > li.active:after,
    .arrow_right:after {
        display: block;
    }
    #sidebar {
        padding-left: 0;
        padding-right: 10px;
        min-width: 135px;
		z-index: 1;
		display: block;
    }
	.col-sm-3,
	.col-sm-9 {
		min-height: 1px;
	}
	.ml25p {
		margin-left:25%
	}
	#register_or {
		position: absolute;
		margin-left: -63px;
		margin-top:5px;
	}
	#register_container {
		padding-left: 40px;
		border-left: 1px solid #DDD;
	}
	#register_container_social {
		padding-right: 40px;
	}

	.header_message {
		margin:0 0 15px 0
	}

	.pac-icon {
		margin-right: 14px;
		margin-left: 12px;
	}
	.map_canvas {
		height: 250px;
	}
	#basics .inline_label:first-child i.remove {
		right:65px
	}

	.feature form {
		width:400px;
	}
}

/* TABLET LANDSCAPE + DESKTOP */
@media (min-width: 992px) {


}


/* DESKTOP */
@media (min-width: 1200px) {
    .toggle span:hover {
        background:#DFDFDF
    }

}



/***** RETINA RESOLUTION *****/
/* ALL */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 1.5dppx) {

    #home_logo {
        background:url('/img/fragab_logo_world_500.png') no-repeat;
        background-size: 100%;
    }
    .lang_de #home_logo {
        background:url('/img/fragab_logo_de_500.png') no-repeat;
        background-size: 100%;
    }
    #nav_logo,
    #nav_logo_toggle {
        background:url(/img/fragab_logo_world_200.png) no-repeat !important;
        background-size:100px !important;
    }
    .lang_de #nav_logo,
    .lang_de #nav_logo_toggle {
        background:url(/img/fragab_logo_de_200.png) no-repeat !important;
        background-size:100px !important;
    }
}

/* TABLET / DESK */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)      and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 1.5)      and (min-width: 700px),
only screen and (     -o-min-device-pixel-ratio: 3/2)    and (min-width: 700px),
only screen and (        min-device-pixel-ratio: 1.5)      and (min-width: 700px),
only screen and (                min-resolution: 1.5dppx)  and (min-width: 700px) {

    #home_logo {
        background:url('/img/fragab_logo_world_750.png') no-repeat;
        background-size: 100%;
    }
    .lang_de #home_logo {
        background:url('/img/fragab_logo_de_750.png') no-repeat;
        background-size: 100%;
    }
}


@media print {
    * {
        color:#000 !important;
        text-shadow:none !important;
        background:transparent !important;
        box-shadow:none !important;
    }

    body {
        padding:0;
    }

    a[href]:after,
    a[href^="#"]: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;
    }


    @page {
        margin:0.5cm;
    }

    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }

    h2,
    h3 {
        page-break-after:avoid;
    }

    .desktop.menu_show .title_wrapper,
    .desktop.menu_show #votes_form h6 {
        margin-left:0
    }
    .title_wrapper h6 {
        padding-left: 0;
    }
    #show_title {
        border:1px solid #ccc;
    }
    table.list,
    table.list td {
        border:1px solid #ccc !important;
        border-width:1px !important
    }

    #print_title {
        display:block;
        margin-top:0;
        font-size: 30px;
    }
    header,
    footer {
        display:none
    }

    #fixer {
        display: none;
    }
}


html.phone.menu_show .toggle {
	color: #E9EAED;
	background: #383838;
    margin: -10px;
    padding: 10px;
    margin-bottom: 5px;
	padding-bottom: 12px;
}
html.phone.menu_show .toggle.vlines span {
	border-color: #E9EAED;
}
html.phone.menu_show .toggle span.active {
	background: #E9EAED;
	color:#383838
}
html.phone.menu_show #total_results {
	color: #E9EAED;
	background: #383838;
    margin: -10px -10px 5px -10px;
    padding-top: 10px;
    padding-left: 15px;
}
html.phone.menu_show .show_votes .left,
html.phone.menu_show .show_votes .right {
	margin-bottom: 10px;
}
html.phone.menu_show .show_votes .left > div.g {
	color:#00A412;
}
html.phone.menu_show .show_votes .right > div.g {
	color:#E46466;
}





/** DARK THEME */
html.dark,
html.dark body,
html.dark .alert-dark {
	background: #2B3B4B;
}
html.dark #show_title {
	background: rgba(255, 255, 255, 0.15);
}
html.dark .toggle.dark {
	color:#888
}
html.dark .toggle.vlines.dark span {
	border-color:#888
}
html.dark .toggle.dark span.active {
	background: #888;
}

html.dark.menu_show ul.list li.show_votes {
	background: transparent !important;
}
html.dark.menu_show ul.list li.show_votes:after {
	border-bottom-color: #2B3B4B !important;
}
html.dark.menu_show .user_voted #voter_name:not(:focus),
html.dark.menu_show .logged_in .border_if_logged_in input:not(:focus) {
	background: #1F2A35 !important;
}
html.dark.menu_show .form-group.user_voted.group {
	background:transparent !important;
}
html.dark.menu_show .toggle {
	background: #2B3B4B;
}
html.dark.menu_show .toggle span.active {
	color:#2B3B4B
}
html.dark.menu_show #total_results {
	background: #2B3B4B;
}
html.dark.menu_show .lblack {
	color:rgba(255,255,255, 0.7) !important;
}
html.dark.menu_show ul.list li {
	box-shadow: none !important;
	margin-top: 2px !important;
}
html.dark ul.list li.date_header {
	color: rgba(255, 255, 255, 0.5);
}
html.dark .pp.bubble {
	background: #ff0063 !important;
}
html.dark .pp.bubble:after{
	border-bottom-color:#ff0063 !important;
}


/* Dev testings */
.dev2 #title {

}
.dev2 {

}