/***************************************************************************
* Copyright 2017 Patrik Phan, www.patrikphan.de                            *
*                                                                          *
* This file is part of dudle.                                              *
* Style based on Corporate Design of TU Dresden                            *
*                                                                          *
* Dudle is free software: you can redistribute it and/or modify it under   *
* the terms of the GNU Affero General Public License as published by       *
* the Free Software Foundation, either version 3 of the License, or        *
* (at your option) any later version.                                      *
*                                                                          *
* Dudle is distributed in the hope that it will be useful, but WITHOUT ANY *
* WARRANTY; without even the implied warranty of MERCHANTABILITY or        *
* FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public     *
* License for more details.                                                *
*                                                                          *
* You should have received a copy of the GNU Affero General Public License *
* along with dudle.  If not, see <http://www.gnu.org/licenses/>.           *
***************************************************************************/
@import "lsr_design/logo.css";
@import "lsr_design/mq.css";
@import "lsr_design/fonts.css";

@font-face {
	font-family: tud-icons;
	src: url(//tu-dresden.de/++theme++tud.theme.webcms2/fonts/tud-icons.ttf?6992) format("truetype"), url(//tu-dresden.de/++theme++tud.theme.webcms2/fonts/tud-icons.woff?6992) format("woff"), url(//tu-dresden.de/++theme++tud.theme.webcms2/fonts/tud-icons.svg?6992#tud-icons) format("svg");
	font-weight: 400;
	font-style: normal
}

#pageContainer {
	position: relative;
	min-height: 100vh
}


html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	
	font-size: 1rem; /*New*/
}

body {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	font-family: 'Open Sans';
	font-weight: 400;
	line-height: 1.3;
	color: #333;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	font-size: 1rem; /*New*/

}

a {
	color: #5a7094;
	text-decoration: none;
}

input[type=submit] {
	border: none; outline: none;
	/*width: 100%;*/
	padding: 0.75rem;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #6EA4D8;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 5px;
}

input[type=submit]:disabled{
	color: #808080
}

input[type=text], input[type=password], select{	
	font-size: 1rem;

	display: block;
	width: calc(100% - 1rem);
	border: none; outline: none;
	/*padding: 0.5rem;*/
	border-bottom: 2px solid #BDBDBD;
	margin-bottom: 1.5rem;
	line-height: 1.5rem;
}

select{
	margin: .5rem;
	padding: .5rem;
}

select option{
	font-size: 14px;
}

input[type="text"]:focus, input[type=password]:focus, select:focus {
	border-bottom: 2px solid #F09900;
}

input[type=text]#add_participant_input, textarea {
	display: inline-block;
	outline: none;
	padding: 0.5rem;
	line-height: 1.5rem;
	border: 2px solid #BDBDBD;
	border-radius: 0.5rem;
	
	width: calc(100% - 2rem);
	width: 50%;

	margin-bottom : 0.5rem;

	
}



input[type=text]#add_participant_input:focus, textarea:focus {
	border: 2px solid #F09900;
	border-radius: 0.5rem;
}

input{
	margin : 0.5rem;
}

.polltable td{
	text-align: center;
}


label {
	/*display: block;*/
	font-weight: 600;
	color: #424242;
}

label.nonBoldLabel{
	font-weight: normal;
}

div.radioGroup{
	margin-bottom: 1.5rem;
}

div.optionsFormDiv {
	width: 50%;
	max-width: 600px;
}

div.textcolumn {
	margin-bottom: 1rem;
}

div.form {
	background-color: #FFFFFF;
	box-shadow: 0px 3px 10px 0px rgba(213,213,213,0.5);
	border-radius: 8px;
	width: 80vw;
	margin: 1rem;
}

div.title {
	display: flex;
	justify-content: space-between;
	align-items: center;
  
	width: calc(100% - 2rem);
	padding: 1rem;
  
	font-weight: 700;
	border-bottom: 1px solid #D5D5D5;
	font-size: 1.1rem;
}

div.createPoll {
	padding: 1rem;
}

div.mainScreenWrapper {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

/*
*
*	INVITE PARTICIPANTS
*
*/

#invite_participants_form #participanttable{
	min-width: 300px;
	max-width: 400px;
	width: 50%;
}

.calendarday input{
	color: #000;
}

.calendarday input.navigation{
	border: none;
	border-radius: 0;
	color: #fff;
	background-color: transparent;
}


/*
*
*	HEADER
*
*/


/*
#header1 {
	background: #002557;
	height: 50px;
	height: 0;
}
*/

#header2 {
	/*background: url("lsr_design/logo_lsr.png") no-repeat;  TODO: Change to svg? 
	background-size: contain;*/
	max-width: 960px;
	height: 48px;
	margin: 26px auto;
	padding-left: 15px;
}

#header3 {
	margin: 0 auto;
	background: #fff;
	position: relative;
}

#header3:after {
	content: '';
	position: absolute;
	bottom: -.6rem;
	display: block;
	z-index: 11;
	width: 100%;
	height: .6rem;
	background: url(lsr_design/border-main.png) repeat-x;
	
}

/*
*
*	TABS
*
*/

#tabs {
	/*background: #5a7094;*/
	background-color: #6EA4D8;
	position: relative;
	padding: .25rem 0;
}

#tabs:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1000rem;
	/*background: #5a7094;*/
	background-color: #6EA4D8;
	height: 100%;
	right: 100%;
}

#tabs:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	/*width: 1000rem;*/
	width :calc((100vw - 100%)/2);
	/*background: #5a7094;*/
	background-color: #6EA4D8;
	height: 100%;
	left: 100%;
}

#tablist {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#tablist li {
	display: inline-block;
	margin-right: 1rem;
	text-transform: uppercase;
	color: #fff;
	font-size: .8em;
	font-weight: 500;
	padding: .5rem 0;
}

#tablist li a {
	color: #fff;
}

#tablist li.separator_tab {
	display: none;
}

#tablist li:last-child {
	margin-right: 0;
}

#breadcrumbs {
	background: #fff;
	max-width: 960px;
	padding: 0 15px;
	margin: 0 auto;
}

#breadcrumbs ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#breadcrumbs ul li {
	display: inline-block;
	position: relative;
	padding: .5rem 0;
	margin-right: 2rem;
}

#breadcrumbs ul li:after {
	//font-family: tud-icons !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	content: ">";
	color: #999;
	margin: 0 0 0 .6em;
	position: absolute;
	font-size: 1.3rem;
	vertical-align: middle;
	pointer-events: none;
}

#breadcrumbs ul li:last-of-type::after {
  display: none;
}

#main {
	background: #fff;
	max-width: 960px;
	padding: 0 15px;
	position: relative;
	margin: 0 auto;
}

#mainHomeScreen {
	color: #212121;
	background-color: #FAFBFD;
	width: 100vw; min-height: 100vh;
	font-size: 1rem;
	font-family: 'Open Sans';

	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#mainHomeScreen #content{
	padding: 0px;
}

.timepolltable{
	overflow: auto;
}

#content {
	padding: 1rem 0 3rem 0;
}

.undo { /*  Edit Columns  */
	display: flex;
	flex-wrap: wrap;
}

.invisible {
	border: none;
	visibility: hidden;
}

td {
	vertical-align:middle;
	text-align:center;
	align-content: center;
}

th, td.navigation, td.sum {
	padding: 0.25em 0.5em 0.25em 0.5em;
	/*background-color: #CCD6DF;*/
	background-color: #F09900;
	border: none;
}

th a {
	border: none;
}

td.sum{ color: #FFF}
td.match_100{background-color: #0B2A51; }
td.match_90{ background-color: #1D355B; }
td.match_80{ background-color: #2F4067; }
td.match_70{ background-color: #3F4F74; }
td.match_60{ background-color: #515D80; }
td.match_50{ background-color: #636C8E; }
td.match_40{ background-color: #777F9E; }
td.match_30{ background-color: #8B94B1; }
td.match_20{ background-color: #A8AFC7; }
td.match_10{ background-color: #CDD4E2; }
td.match_0{  background-color: #D9DCE2; }

td.match_100{background-color: #2d689f; }
td.match_90{background-color: #3275b3; }
td.match_80{background-color: #4188ca; }
td.match_70{ background-color: #4c8ecd; }
td.match_60{ background-color: #609bd2; }
td.match_50{ background-color: #74a7d8; }
td.match_40{ background-color: #88b4dd; }
td.match_30{ background-color: #9cc0e3; }
td.match_20{ background-color: #afcde9; }
td.match_10{ background-color: #c3d9ee; }
td.match_0{ background-color: #d7e6f4; }

#active, #active input.delete {
	background-color: #89b6df;
}

pre#configwarning {
	font-family: "Courier New", Courier, monospace;
	letter-spacing: 0;
	margin-top: -12ex;
	line-height: 95%;
	margin-left: -2ex;
}

.warning, .error{
	color: #E87B14;
}

td.separator_top{
	border-top: 1px dotted #333;
	padding-top: 0.7ex;
}

th.weekday {
	width: 2.5em;
	padding: 0.25em 0.5em;
}

input.navigation,
input.disabled,
input.chosen,
input.notchosen,
input.delete,
input.toggle {
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	min-height: 1.5em;
}

input.navigation, input.disabled, input.chosen, input.notchosen, input.toggle {
	width: 100%;
}

input.toggle {
	padding: 0 0.5em;
}

.navigation,
input.toggle {
	background-color: #CCD6DF;
}

input.delete {
	/*background-color: #CCD6DF;*/
	background-color: #F09900;
}

a.editcolumn {
	color: #000;
}

table.optionTable th {
	border-radius: 5px;
}

table.optionTable {
	margin-left: -0.75rem;
	margin-bottom: 0.5rem;
	border-spacing: 0.75rem 0;
}

.navigation:hover,
#active input.delete:hover,
input.delete:hover,
a.editcolumn:hover,
input.toggle:hover {
	background-color: #b9cddf;
}

input.chosen {
	background-color: #7bafdf;
}

td.a_yes__,
table.checkboxes tr.input-a_yes__ td {
	/*background-color: #D3E7C5;*/
	/*background-color: #e9f3fb;*/
	background-color: #e0ffde;
}

input.disabled,
td.undecided {
	color: #999;
}

td.c_no___,
table.checkboxes tr.input-c_no___ td {
	/*background-color: #F4E0E8;*/
	/*background-color: #e9f3fb;*/
	background-color: #ffdede;
}

td.b_maybe,
table.checkboxes tr.input-b_maybe td {
	/*background-color: #FDF2D1;*/
	/*background-color: #e9f3fb;*/
	background-color: #ffffde;
}

input.notchosen,
input.disabled {
	background-color: #FFF;
}

input.notchosen:hover,
input.chosen:hover,
input.disabled:hover {
	background-color: #b9cddf;
}

td.settingstable,
table.settingstable td {
	text-align: left;
}

table.settingstable td.label {
	text-align: right;
}

table.calendarday td {
	border-spacing: 0;
	margin: 0;
	padding: 0;
	border: 1px solid #999;
}

table.calendarday td.navigation {
	padding: 0 .5em;
	border: none;
}

table.calendarday td.invisible, table.calendarday td.addColumnManual {
	border: none;
}

table.polltable {
	padding: 0;
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
}

#polltable {
	overflow: auto;
}

table, table td {
	border: none;
}

table.polltable td {
	padding: 0.25em 0.5em;
	margin: 1em;
}

td.name {
	text-align: right;
}

table.polltable td.date{

}

table.polltable tr.participantrow:hover {
	background-color: #E5EBF2;
}

table.polltable td.checkboxes {
	padding:0;
	margin: 0;
}

table.checkboxes {
	border-spacing: 0;
	width: 100%;
}

table.polltable tr td.input-radio {
	border-right:none;
}

table.polltable tr td.input-label {
	border-left:none;
}

tr#add_participant {
	/*background-color: #f5f9fc;*/
	background-color: #e9f3fb;
}

form#ac_participant,
form#ac {
	background-color: #E5EBF2;
}

form#ac_participant,
form#ac,
form#ac_admin{
	padding: 1em;
}

div#wizzard_navigation {
	text-align: center;
}

#polltitle {
	word-wrap: break-word;
}

#languageChooser {
	background: #6EA4D8;
	position: absolute;
	//bottom: 0px;
	padding: .5rem 0;
	width: 100%;
}

#languageChooser:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1000rem;
	background: #6EA4D8;
	height: 100%;
	right: 100%;
}

#languageChooser:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	/*width: 1000rem;*/
	width :calc((100vw - 100%)/2);
	background: #6EA4D8;
	height: 100%;
	left: 100%;
}

#languageChooser ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#languageChooser li {
	width: 33%;
	display: inline-block;
	color: #fff;
}

#languageChooser li a {
	color: #fff;
	padding: .5rem 1rem .5rem 0;
	display: block;
}

#selectedLang:before{
	content: '➤ ';
}


#footertud {
	border-top: 1px solid #eee;
	text-align: right;
	padding: 1.5rem 0;
}

#footertud ul {
	list-style-type: none;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 15px;
}

#footertud ul li {
	display: inline-block !important;
	margin-right: 15px;
}

#footertud ul li:last-child {
	margin-right: 0;
}