/* CMS settings */
.configuration .agenda-list { display:inline-block; vertical-align:top; overflow:hidden; border:solid grey 1px; width: 380px;
                             background-color: #fff; height: 120px; overflow-y: auto;}
.configuration .agenda-list.input-validation-error { border-color:red;}
.configuration .agenda-list .row{padding: 3px 0 0 8px;}
.configuration .agenda-list .row:first-child {padding-top: 8px;}
.configuration .agenda-list .row div {display: inline-block; white-space:nowrap; max-width:250px;}
.configuration .agenda-list .row div:first-child {font-weight: bold; width: 80px;}
.configuration .agenda-list .agenda-list-empty {position: relative; padding: 10px; width: 360px;}

div.sideBlock .agenda-grouping > div {float:left; width: 95px;}
div.sideBlock .agenda-grouping input[type=radio] {display:none; margin:10px;}
div.sideBlock .agenda-grouping input[type=radio] + label {
    display:inline-block;
    height: 70px;
    width: 78px;
    overflow: hidden;
    padding: 10px 4px 4px 8px;
    background-color: #fff;
    border: solid 2px #ddd;
}
div.sideBlock .agenda-grouping input[type=radio] + label > span {
    border: 3px solid #000000;
    display: block;
    float: right;
    margin: 0 4px 4px 0;
}
div.sideBlock .agenda-grouping input[type=radio] + label.agenda-headlines > span {
    border-top: medium none;
    margin-bottom: 6px;
    width: 68px;
}
div.sideBlock .agenda-grouping input[type=radio] + label.agenda-4-items > span {
    height: 25px;
    width: 29px;
}
div.sideBlock .agenda-grouping input[type=radio] + label.agenda-items > span {
    height: 60px;
    width: 29px;
}
div.sideBlock .agenda-grouping input[type=radio]:checked + label {
    background-image: none;
    background-color:#d0d0d0;
    border: solid 2px #000;
}

#popupAgendaItems{background-color: #eee; margin-left: 0 !important;}
#popupAgendaItems .buttons .button{margin-top: 5px;}
#popupAgendaItems .akordeon-item {margin: 5px 5px 10px 5px;}
#popupAgendaItems .akordeon-item:nth-child(1n+2) > div {background: #C8C8C8 !important;}
#popupAgendaItems .akordeon-item-content{height:auto;}
#popupAgendaItems .agenda-list {width: 770px;}
#popupAgendaItems .agenda-list .row:hover{background-color:#e6e6e6; cursor:pointer;}
#popupAgendaItems .agenda-list .row.selected{background-color:#ccc !important;}
#popupAgendaItems .agenda-list .row div:first-child {width: 120px;}
#popupAgendaItems #addAgendaItem{width:200px;}
#popupAgendaItems .agenda-item {width: 500px; float: left;}
#popupAgendaItems .agenda-item div:first-child span{width: 182px;display: inline-block;}
#popupAgendaItems .collapsed .buttons {
    display: none;
}
#popupAgendaItems .agenda-item + .buttons{position: absolute; bottom: 10px; right: 10px; }
#popupAgendaItems .agenda-item #agendaTime {float: right; border:2px inset;}
#popupAgendaItems .agenda-item #agendaTitle,
#popupAgendaItems .agenda-item #agendaExtra {width: 496px;}
#popupAgendaItems .agenda-item #agendaDescription {width: 498px; min-height:80px;}

.agenda-plugin {background-color: #a2a2a2; height:100vh;}
/* RSS items */
/* default (landscape) settings */
.agenda-plugin .agenda-items {
    position: absolute;
    left: 0;
    height: 98vh;
    width:100vw; margin:0;
}
.agenda-plugin .agenda-box-item {
    position: relative;
    padding: 0.5vw 0 0 0.5vw;
    width: 48vw;
    height: 11vw;
    display: block;
    float: left;
    color: #fff;
    margin:1vw 0 0 1vw;
}
.agenda-plugin .agenda-box-item > div {position:absolute; }
.agenda-plugin .agenda-box-item .image {
	height: 11vw; width: 11vw; background-color: #343434;
    display: block; border: #fff solid 2px; border-radius: 0.4vw; overflow: hidden; text-align: center; z-index:1; position:relative;
}
.agenda-plugin .agenda-box-item .image div {
    height: inherit;
    position: relative;
    margin: auto;
    display: inline-block;
    top: 0; left: 0; right: 0; bottom: 0;
}
.agenda-plugin .agenda-box-item .image div img { border: 0; height:inherit; }
.agenda-plugin .agenda-box-item .body {
	background-color: #343434; overflow: hidden; margin-top: 0.1vw;
	width: 36vw; height: 10.8vw;
	border-radius: 0.5vw; margin-left: -0.5vw; padding-left: 1vw;
	top: 0.6vw; left: 12vw;
}
.agenda-plugin .agenda-box-item .body-content {
    width: 30vw;
    display: inline-block;
    padding: 0.5vw 0 0 0.5vw;    
}
.agenda-plugin .agenda-box-item .body-content > p {
    font-size: 1.1vw;
    font-style: italic;
}
.agenda-plugin .agenda-box-item .heading {
    width: inherit; overflow: hidden;
	white-space: nowrap;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.5vw;
    padding-bottom: 0.5vw;
    display: inline-block;
}
.agenda-plugin .agenda-box-item .datetime {
    width: 4vw;
    display: inline-block;
    position: absolute;
    bottom: 0.5vw;
    right: 0.2vw;
    font-size: 2vw;
    line-height: 1;
    text-transform: uppercase;
    text-align: right;
    background-color: inherit;
}
.agenda-plugin .agenda-box-item .datetime .day{ font-size: 3.5vw; font-weight: bold; }

.agenda-plugin .agenda-box-item.no-image .image{display:none;}
.agenda-plugin .agenda-box-item.no-image .body{width: 47vw; right: 0; left: auto; position: absolute;}
.agenda-plugin .agenda-box-item.no-image .body-content{width: 42vw;}

.agenda-plugin .two-items .agenda-box-item,
.agenda-plugin .one-item .agenda-box-item {width:45vw; height:50vw; background-color:#343434; border-radius:0.5vw; margin:1vw;}
.agenda-plugin .two-items .agenda-box-item .image,
.agenda-plugin .one-item .agenda-box-item .image {top: 1vw; left: 1vw; margin-right:1vw;}
.agenda-plugin .two-items .agenda-box-item .heading,
.agenda-plugin .one-item .agenda-box-item .heading {font-size: 2vw; display: inline-block; position: absolute; top: 6vw; left: 14vw; width: 30vw;}
.agenda-plugin .two-items .agenda-box-item .datetime,
.agenda-plugin .one-item .agenda-box-item .datetime{width: auto; height: 4vw; position: absolute; top: 2vw; left: 14vw; right:auto; display: inline-block; text-transform:capitalize; font-size:1.5vw; text-align:left;}
.agenda-plugin .two-items .agenda-box-item .datetime .day,
.agenda-plugin .one-item .agenda-box-item .datetime .day{ font-size:inherit; font-weight:inherit; }
.agenda-plugin .two-items .agenda-box-item .body,
.agenda-plugin .one-item .agenda-box-item .body {width:43vw; height:35vw; background:none; border:none; top:0; right:auto;}
.agenda-plugin .two-items .agenda-box-item .body-content,
.agenda-plugin .one-item .agenda-box-item .body-content {width:inherit;}

.agenda-plugin .two-items .agenda-box-item.no-image .datetime,
.agenda-plugin .one-item .agenda-box-item.no-image .datetime,
.agenda-plugin .two-items .agenda-box-item.no-image .heading,
.agenda-plugin .one-item .agenda-box-item.no-image .heading {left:2vw; width: 42vw;}
.agenda-plugin .two-items .agenda-box-item.no-image .body,
.agenda-plugin .one-item .agenda-box-item.no-image .body {top:10vw;}

/* specific layouts: image-landscape-2, image-landscape-3 */
.agenda-plugin.image-landscape-2 .agenda-items,
.agenda-plugin.image-landscape-3 .agenda-items{width:100vw; height:30vw; right:auto; left:0; top:20vw;}
.agenda-plugin.image-landscape-2 .agenda-items{top:5vw;}

.agenda-plugin.image-landscape-2 .two-items .agenda-box-item,
.agenda-plugin.image-landscape-2 .one-item .agenda-box-item,
.agenda-plugin.image-landscape-3 .two-items .agenda-box-item,
.agenda-plugin.image-landscape-3 .one-item .agenda-box-item {height:28vw;}

.agenda-plugin.image-landscape-2 .two-items .agenda-box-item .body,
.agenda-plugin.image-landscape-2 .one-item .agenda-box-item .body,
.agenda-plugin.image-landscape-3 .two-items .agenda-box-item .body,
.agenda-plugin.image-landscape-3 .one-item .agenda-box-item .body {height:16vw;}

div.landscape .slide .agenda-plugin .one-item,
div.landscape .slide .agenda-plugin.image-landscape-1 .agenda-items{right:0 !important; left:auto !important; width:50vw !important;}
div.landscape .slide .agenda-plugin.image-landscape-1 .two-items .agenda-box-item{height:25vw !important;}
div.landscape .slide .agenda-plugin.image-landscape-1 .two-items .agenda-box-item .body{height:12vw !important;}


div.portrait .slide .agenda-plugin .agenda-items {width:100vw; height:98vh; right:auto; left:1vw;}
div.portrait .slide .agenda-plugin .agenda-box-item {height:24vw; width:96vw;}
div.portrait .slide .agenda-plugin .agenda-box-item .image {height:22vw; width:22vw; border-radius:1vw;}
div.portrait .slide .agenda-plugin .agenda-box-item .heading {font-size:2vh;}
div.portrait .slide .agenda-plugin .agenda-box-item .body {height: 22vw; width: 72vw; top: 1vw; left:24vw;}
div.portrait .slide .agenda-plugin .agenda-box-item .datetime {width:4vh; font-size:2vh; bottom:0.5vh; right:0.5vh;}
div.portrait .slide .agenda-plugin .agenda-box-item .datetime .day{ font-size: 3.2vh;}
div.portrait .slide .agenda-plugin .agenda-box-item .body-content {width:62vw;}
div.portrait .slide .agenda-plugin .agenda-box-item .body-content > p {font-size: 1.5vh; margin:0;}

div.portrait .slide .agenda-plugin .agenda-box-item.no-image .body{width: 95vw; left: 1vw;}
div.portrait .slide .agenda-plugin .agenda-box-item.no-image .body-content{width: 85vw;}


div.portrait .slide .agenda-plugin .two-items .agenda-box-item,
div.portrait .slide .agenda-plugin .one-item .agenda-box-item {height:60vw; width:95vw; border-radius:2vw;}
div.portrait .slide .agenda-plugin .two-items .agenda-box-item .heading,
div.portrait .slide .agenda-plugin .one-item .agenda-box-item .heading{left:26vw; top:10vw;}
div.portrait .slide .agenda-plugin .two-items .agenda-box-item .datetime,
div.portrait .slide .agenda-plugin .one-item .agenda-box-item .datetime{left: 26vw; top: 2vw; right: auto; width:auto;}
div.portrait .slide .agenda-plugin .two-items .agenda-box-item .datetime .day,
div.portrait .slide .agenda-plugin .one-item .agenda-box-item .datetime .day{ font-size: inherit;}
div.portrait .slide .agenda-plugin .two-items .agenda-box-item .body,
div.portrait .slide .agenda-plugin .one-item .agenda-box-item .body{margin-top:2vw; height:30vw; width:92vw; top:23vw; left: 1vw;}
div.portrait .slide .agenda-plugin .two-items .agenda-box-item .body-content,
div.portrait .slide .agenda-plugin .one-item .agenda-box-item .body-content{width:90vw;}

div.portrait .slide .agenda-plugin .one-item .agenda-box-item {height:100vw;}
div.portrait .slide .agenda-plugin .one-item .agenda-box-item .body{height:70vw;}

div.portrait .agenda-plugin.image-portrait-1 .agenda-items{height: 70vw; top: 95vw;}
div.portrait .agenda-plugin.image-portrait-1 .one-item .agenda-box-item {height:60vw;}
div.portrait .agenda-plugin.image-portrait-1 .one-item .agenda-box-item .body{height:30vw;}
div.portrait .agenda-plugin.image-portrait-3 .agenda-items,
div.portrait .agenda-plugin.image-portrait-4 .agenda-items{height: 130vw; top: 45vw;}

div.portrait .slide .agenda-plugin .two-items .agenda-box-item.no-image .datetime,
div.portrait .slide .agenda-plugin .one-item .agenda-box-item.no-image .datetime,
div.portrait .slide .agenda-plugin .two-items .agenda-box-item.no-image .heading,
div.portrait .slide .agenda-plugin .one-item .agenda-box-item.no-image .heading {left:2vw;}
div.portrait .slide .agenda-plugin .two-items .agenda-box-item.no-image .body,
div.portrait .slide .agenda-plugin .one-item .agenda-box-item.no-image .body {top:16vw;}


.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 100010;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

.extra {
    display: none;
}

.showExtra .extra {
    display: block;
}

#agendaItems {
    list-style-type: none;
    margin-left: 18px;
}

#agendaItems.isSorting {
    list-style-type: none;
}

#agendaItems li {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    margin-left: -10px;
    cursor: move;
}

#agendaItems li:hover,
#agendaItems li.selected {
    background: #e6e6e6;
}

#ImageUrl[src=''].input-validation-error {
    width: 90px;
    height: 90px;
}

.deleteRow {
    background: url('/Images/btn_close.png') no-repeat center center;
    background-size: 15px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    float: right;
    cursor: pointer;
    display: none;
}

#agendaItems li:hover .deleteRow,
#agendaItems li.selected .deleteRow  {
    display: block
}