/**************************************************
**                PLANAGER-COLORS                **
**                                               **
**           logo-green-light: #76C92B;          **
**           logo-green-dark:  #a3bf30;          **
**           logo-grey-dark:   #878786;          **
**           logo-grey-light:  #c6c6c6;          **
**                                               **
***************************************************/

body.planager_body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #EFEFEF;
}

#header
{
	margin: 0;
	padding: 0;
}

.content-with-sidebar {
	max-width: calc(100% - 200px);
	width: auto;
	float: left;
	margin-right: 10px;
}
@media (max-width: 768px) {
	.content-with-sidebar {
		max-width: 100%;
	}
}

#content
{
	padding: 20px;
}
#content .grid-view
{
	padding: 15px 0;
}
#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

@media (max-width: 767px) {
	#content
	{
		padding: 10px 0 0 0;
	}
	#content .grid-view
	{
		overflow: auto;
	}
	.ui-tabs .ui-tabs-panel
	{
		padding: 10px 5px;
	}
	#footer
	{
		margin: 0;
	}
}

#mainmenu
{
	background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

/**************************************************
**                 MAIN SETTINGS                 **
***************************************************/

#page {
	width: 100%;
	min-width: 250px;
	padding: 0;
}
#page li {
	line-height: 16px;
}
#page > [class*="span"] {
	margin-left: 0;
}
#headerContent {
	margin: 0 auto;
	height: 77px;
}

#topnav {
	width: 700px;
	float: right;
}

.browser_not_supported {
	color: #FF0000;
}

.browser_supported_issues {
	color: #FF4400;
}

body.planager_body form {
	margin: 0;
}
body.planager_body select,
body.planager_body textarea,
body.planager_body input[type="text"],
body.planager_body input[type="password"],
body.planager_body input[type="datetime"],
body.planager_body input[type="datetime-local"],
body.planager_body input[type="date"],
body.planager_body input[type="month"],
body.planager_body input[type="time"],
body.planager_body input[type="week"],
body.planager_body input[type="number"],
body.planager_body input[type="email"],
body.planager_body input[type="url"],
body.planager_body input[type="search"],
body.planager_body input[type="tel"],
body.planager_body input[type="color"],
body.planager_body .uneditable-input {
	box-sizing: border-box;
	color: #222;
	margin: 0;
	padding: 0 5px;
}
body.planager_body input {
	height: 27px;
}
body.planager_body .inputlabel {
	float: left;
	padding-top: 5px;
	height: 22px;
}
body.planager_body label {
	display: inline;
}
body.planager_body label, body.planager_body input, body.planager_body button, body.planager_body select, body.planager_body textarea {
	line-height: 18px;
}

body.planager_body .grid-view table.items tr.selected td {
	background: #bce774;
}
body.planager_body .grid-view thead td {
	padding: 2px;
}
body.planager_body .grid-view thead select,
body.planager_body .grid-view thead input {
	height: 20px;
}
body.planager_body .grid-view .button-column {
	white-space: nowrap;
}

/**************************************************
**                 Miscellaneous                 **
***************************************************/
.clearing {
	clear: both;
}

.btn-group a {
	text-decoration: none;
}
a.btn {
	text-decoration: none;
}


/**************************************************
**                 TOP NAVIGATION                **
***************************************************/
#topnav ul {
	display: inline;
	list-style: none;
	float: right;
	margin: 0 1.5em 0 0;
	padding-left: 1.5em;
}
#topnav ul li {
	float: left;
	padding-left: 20px;
	line-height: 16px;
}
#topnav ul li a:link, #topnav ul li a:visited  {
	color: #3F3F3F;
	text-decoration: none;
	font-size: 0.8em;
}
#topnav ul li a:focus, #topnav ul li a:hover, #topnav ul li a:active  {
	color: #000;
	text-decoration: underline;
}


/**************************************************
**                 MAIN NAVIGATION               **
***************************************************/
#mainnav {
	height: 50px;
	font-size: 1.2em;
}
#mainnav .navbar-inverse {
	background-color: #f5f5f5;
	border-color: #dddddd;
}
@media (min-width: 768px) and (max-width: 1269px) {
	#mainnav .navbar-collapse.collapse {
		display: none !important;
	}
	#mainnav .navbar-collapse.collapsing {
		overflow: hidden;
	}
	#mainnav .navbar-collapse.collapse.in {
		display: block !important;
	}
	#mainnav .navbar-header .navbar-toggle {
		display: block !important;
	}
	#mainnav .navbar-header {
		float: none;
	}
}
#mainnav .navbar .navbar-collapse {
	max-height: 460px;
}
#mainnav .navbar .navbar-brand {
	float: right;
}
#mainnav .navbar .navbar-brand.logo {
	padding: 0 15px;
}
#mainnav .navbar .navbar-brand.logo img {
	width: 160px;
	height: 50px;
}
#mainnav .navbar-inverse .navbar-toggle {
	border-color: #878786;
	background-color: #a3bf30;
	float: left;
	margin-left: 10px;
}
#mainnav .navbar-inverse .navbar-toggle.collapsed {
	background-color: transparent;
}
#mainnav .navbar-inverse .navbar-toggle:hover {
	background-color: #c6c6c6;
}
#mainnav .navbar-inverse .navbar-toggle .icon-bar {
	background-color: #878786;
}
#mainnav form {
	margin: 8px 0;
}
#mainnav form input {
	height: 34px;
}
#mainnav li span, #mainnav li.right {
	float: right;
}
#mainnav li span, #mainnav li a {
	display: block;
	text-decoration: none;
}
#mainnav .navbar-inverse .navbar-nav > .open > a,
#mainnav .navbar-inverse .navbar-nav > .open > a:hover,
#mainnav .navbar-inverse .navbar-nav > .open > a:focus,
#mainnav .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a:hover,
#mainnav .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a:focus {
	background-color: #c6c6c6;
	color: #080808;
}
#mainnav .navbar-inverse .navbar-nav > .active > a,
#mainnav .navbar-inverse .navbar-nav > .active > a:hover,
#mainnav .navbar-inverse .navbar-nav > .active > a:focus,
#mainnav .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
#mainnav .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
#mainnav .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: #a3bf30;
	color: #ffffff;
}
#mainnav .navbar-inverse .navbar-nav > .active > a:hover {
	color: #080808;
}
#mainnav .navbar-inverse .navbar-nav > li > a:focus {
	color: #9d9d9d;
}
#mainnav .navbar-inverse .navbar-nav > li > a:hover {
	background-color: #c6c6c6;
	color: #080808;
}
#mainnav .navbar-inverse .navbar-nav a.superadmin {
	font-style: italic;
	color: #888888;
}

/**************************************************
**              SIDEBAR NAVIGATION               **
***************************************************/
#sidebar-wrapper > button {
	width: 100%;
	text-align: left;
	outline: none;
}
#sidebar {
	padding: 0;
}
#sidebar ul {
	margin-right: 0;
}
#sidebar ul li > a {
	text-decoration: none;
	color: #0066a4;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li.list-group-heading {
	background-color: #c6c6c6;
}
#sidebar ul li.active > a {
	color: #ffffff;
}
#sidebar .list-group-heading {
	display: none;
}
@media (min-width: 768px) {
	#sidebar-wrapper > button {
		display: none;
	}
	#sidebar {
		position: absolute;
		right: 0;
		width: 190px;
		display: block;
	}
	#sidebar ul {
		margin-top: 10px;
		margin-right: 10px;
	}
	#sidebar .list-group-heading {
		display: block;
	}
}
#sidebar.collapse {
}

/**************************************************
**                  LIVETICKER                   **
***************************************************/
#liveticker .ticker.empty {
	display: none;
}
#liveticker .ticker {
	position: relative;
	margin: 1px 1px 0 1px;
/*	border: 1px solid #C20; */
	border: 1px solid #a3bf30;
	border-radius: 3px;
	box-shadow: 0 2px 5px -3px #000;
	background: linear-gradient(#FFF, rgba(255, 255, 255, 0));
	font-family: Arial, sans-serif;
}
#liveticker .ticker > .title {
	display: table-cell;
	font-style: normal;
/*	background: #C20; */
	background: #a3bf30;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;
}
#liveticker .ticker > .content {
	display: table-cell;
	position: relative;
	top: 0;
	width: 100%;
	height: 16px;
	font-style: italic;
}
#liveticker .ticker .tickerdata {
}
#liveticker .ticker .tickerdata > ul {
	padding-left: 0px;
	margin: 0;
}
#liveticker .ticker .tickerdata > ul > li {
	list-style: none;
	padding: 10px;
}


/**************************************************
**             BREADCRUMB NAVIGATION             **
***************************************************/
.breadcrumbsLine {
	height: 24px;
	background: #E6E6E6;
}
.breadcrumb {
	margin: 0 auto;
}
.breadcrumb a {
	color: #7F7F7F;
	font-size: 0.8em;
	text-decoration: none;
}
.breadcrumb span {
	color: #7F7F7F;
	font-size: 0.8em;
	text-decoration: none;
}
.breadcrumb img {
	vertical-align: middle;
}


/**************************************************
 **************************************************
 **************************************************
 **                                              **
 **                  CGridView                   **
 **                                              **
 **************************************************
 **************************************************
 **************************************************/
div.grid-view table tbody tr.clickable {
	cursor: pointer;
}
div.grid-view table tbody tr.deleted {
	text-decoration: line-through;
}

/**************************************************
 **************************************************
 **************************************************
 **                                              **
 **                 LOGIN FORM                   **
 **                                              **
 **************************************************
 **************************************************
 **************************************************/
.httpswarning {
	width: 318px;
	background: #ffcccc none repeat scroll 0 0;
	border: 1px solid #ffcccc;
	box-shadow: 0 0 4px #ffcccc;
	margin: 0 0 10px;
	padding: 10px 30px;
}
.httpswarning.error {
	background: #ff8888 none repeat scroll 0 0;
}

/**************************************************
 **************************************************
 **************************************************
 **                                              **
 **            USER/GROUP EDIT FORM              **
 **                                              **
 **************************************************
 **************************************************
 **************************************************/
div.portalForm {
	border: 1px solid #ddd;
	padding: 1em;
	margin: 0 0 20px 0;
	background: #fcfcfc;
}
div.portalForm .row {
	float: left;
	margin: 0 0 8px 0;
}
#main .portalForm h2 {
	font-size: 1em;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #AAAAAA;
	padding-bottom: 5px;
}
#main .portalForm p {
	float: left;
	display: block;
	padding: 4px 0 0 0;
	margin-bottom: 0;
}
.portalForm .disabled {
	color: #C5C5CC;
}
.portalForm .row.disabled select,
.portalForm .row.disabled input,
.portalForm .row.disabled textarea {
	color: #C5C5CC;
}
.portalForm p.heading {
	font-weight: bold;
	margin: 1em 0 0 0;
	height: 25px;
	color: #555;
}
.portalForm p.radio {
	width: 50px;
	text-align: center;
}
.portalForm div.row > label,
.portalForm div.row > p.label {
	float: left;
	display: block;
	width: 350px;
	font-size: 0.8em;
	padding: 4px 0 0 0;
}
#main .portalForm div.errorSummary p {
	float: none;
	margin: 0;
}
.portalForm div.row .errorMessage {
	float: right;
	color: #FF0000;
	margin-left: 5px;
}
.portalForm div.row.invalid {
	background: #FF0000;
}
.portalForm div.row > span {
	float: left;
	padding: 0 3px 0 3px;
}
.portalForm div.row > span label {
	display: inline;
}
.portalForm div.row > input[type="text"],
.portalForm div.row > input[type="password"],
.portalForm div.row > textarea,
.portalForm div.row > .input {
	float: left;
	display: block;
	width: 300px;
	height: 25px;
	font-size: 15px;
	border: 1px solid #AFAFAF;
	border-radius: 2px;
	padding: 0 3px 0 3px;
}
.portalForm div.row > input[type="text"]:focus,
.portalForm div.row > input[type="password"]:focus,
.portalForm div.row > textarea:focus {
	border-color:#0068AA;
}
.portalForm div.row > input[type="text"]:hover,
.portalForm div.row > input[type="password"]:hover,
.portalForm div.row > textarea:hover {
	border-color:#0068AA;
}
.portalForm div.row > input[type="text"]:active,
.portalForm div.row > input[type="password"]:active,
.portalForm div.row > textarea:active {
	border-color:#0068AA;
}
.portalForm div.row > input[type="radio"] {
	float: left;
	display: block;
	width: 50px;
	height: 25px;
	margin: 0;
}
.portalForm div.row > input[type="checkbox"] {
	float: left;
	display: block;
	height: 25px;
	margin: 0;
}
.portalForm div.row > textarea {
	height: 100px;
}
.portalForm div.row > select {
	font-size: 15px;
	float: left;
	width: 300px;
	height: 25px;
	border: 1px solid #AFAFAF;
	border-radius: 2px;
}
.portalForm div.row > .select2-container {
	font-size: 15px;
	float: left;
	width: 300px;
	/* min-height: 25px; */
}

.portalForm div.row.customvalue > label,
.portalForm div.row.customvalue > p.label {
	width: 80px;
	height: 23px;
	margin: 3px 10px 7px 0px;
	text-align: right;
	padding-top: 6px;
}
.portalForm div.row.customvalue > input[type="text"],
.portalForm div.row.customvalue > input[type="password"],
.portalForm div.row.customvalue > textarea {
	width: 110px;
}
.portalForm div.row.customvalue > select {
	width: 110px;
}
.portalForm div.row.customvalue .customvalue_remove_button {
	width: 25px;
	height: 25px;
	margin: 4px 0 8px 20px;
}
.portalForm div.row div.help-tooltip {
	float: left;
	margin-left: 10px;
	width: 24px;
	height: 24px;
	background: url('../images/icons/24x24/help24.png') no-repeat;
	cursor: help;
}

/**************************************************
 **************************************************
 **************************************************
 **                                              **
 **                 GRIDVIEWS                    **
 **                                              **
 **************************************************
 **************************************************
 **************************************************/

#event-grid-anchor {
	/* weird positioning for loading page with https://uri#event-grid-anchor */
	padding-top: 70px;
	margin-bottom: 0;
	margin-top: -65px;
}
div#event-grid table tbody tr.deleted {
	text-decoration: line-through;
}
div#event-grid table tbody tr.event-full {
	/* background-color: #ffe0e0; */
	color: #bbbbbb;
}
div#event-grid table tbody tr.event-full td.participants_count {
	color: #ff8080;
}
div#event-grid table thead tr td {
	white-space: nowrap;
}
div#event-grid table thead tr td .search_date {
	float: left;
	width: 71px;
	height: 19px;
	line-height: 19px;
	background-color: #DDDDDD;
	color: #333333;
	border: 1px solid #AAAAAA;
	text-align: center;
	valign: middle;
	cursor: pointer;
}
div#event-grid table thead tr td .search_date.empty {
	color: #AAAAAA;
}
div#event-grid table thead tr td .search_date_from {
	margin-right: 2px;
}
div#event-grid table thead tr td .search_time {
	float: left;
	width: 34px;
	height: 19px;
	line-height: 19px;
	background-color: #DDDDDD;
	color: #333333;
	border: 1px solid #AAAAAA;
	text-align: center;
	valign: middle;
	cursor: pointer;
}
div#event-grid table thead tr td .search_time.empty {
	color: #AAAAAA;
}
div#event-grid table thead tr td .search_time_from {
	margin-right: 2px;
}
div#event-grid table tbody tr td {
	overflow: hidden;
	white-space: nowrap;
}
div#event-grid table tr td.addremove input {
	margin: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
div#event-grid table tr td.date,
div#event-grid table tr td.modified_timestamp {
	width: 150px;
}
div#event-grid table tr td.time_begin,
div#event-grid table tr td.time_end {
	width: 76px;
}
div#workers_on_events-grid table tr td a {
	text-decoration: none;
}

div#event-grid table tbody tr.loading {
}
div#event-grid table tbody tr.loading td {
	color: #cccccc;
}
div#event-grid table tbody tr.loading td.addremove {
	background:url('../images/icons/loading.gif') no-repeat 3px;
}
div#event-grid table tbody tr.loading td.addremove input {
	visibility: hidden;
}
div#event-grid table tbody tr.loading td.button-column a {
	visibility: hidden;
}

div#event-grid table tbody tr.edit-details > td {
	border: none;
	padding: 0;
}
div#event-grid table tbody tr.edit-details .input-cell {
	display: flex;
	flex-direction: row;
}
div#event-grid table tbody tr.edit-details .blink-on {
	background-color: #ffbb00 !important;
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}
div#event-grid table tbody tr.edit-details .blink-off {
	background-color: #ffffff !important;
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}
div#event-grid table tbody tr.edit-details .input-cell > .col > .title {
	padding: 0px;
	border: 1px solid #B6A792;
	background: #c3d9ff;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	width: 180px;
	height: 16px;
}
div#event-grid table tbody tr.edit-details .input-cell > .col > .inputbox {
	display: flex;
	flex-direction: row;
}
div#event-grid table tbody tr.edit-details .input-cell > .col > .inputbox input {
	width: 56px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 1px solid #B6A792;
	background-color: white;
}
div#event-grid table tbody tr.edit-details .input-cell > .col > .inputbox select {
	width: 124px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 1px solid #B6A792;
	background-color: white;
}
div#event-grid table tbody tr.edit-details .input-cell > .col.buttons button {
	height: 34px;
}