@CHARSET "UTF-8";

html, body {width: 100%; min-width: 100%;}
body {overflow-x: hidden; overflow-y: scroll !important;}

* {outline: 0 !important;}
body { font-size: 12px;}
b, strong {font-weight: bold;}
i {font-style: italic;}
optgroup {border-top: 1px dotted #ccc; margin: 5px 0;}

.logo img {
	filter: saturate(0);
	opacity: .7;
	width: 80%;
	margin: .2em .5em;
}

#templateContainer {display: none;}

#wrapper {padding: 00px; height: 100%; width: inherit;}
#padder {height:100%; width: inherit; position: absolute; top:0; left:0; bottom:0;right:0;}

.ui-tooltip {word-wrap: break-word;}

.floating-widget {box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2);}

#institutions {overflow: visible; margin: 5em .5em 0 .5em;}

#institutions[data-calendar="dock"], #institutions.calendar-dock {margin: 5em .5em 0 18em;}

/* CALENDAR / DATEPICKER */
#side-calendar { /* DOCKED*/
	position: fixed; top:0; left:-0; bottom: 0;
	width: 19em; height: 100%;
	padding: 6em 1em 0 1em;
	z-index:98;
}
#side-calendar.dock.maxi {/* left: -0; transition: left 1s ease-in;*/}
#side-calendar.dock {box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2);}
#side-calendar.float, #side-calendar.ui-draggable-dragging {
	top:10%; left:10%;
	overflow:visible; width: 250px; height: 200px;
	padding: 0; z-index:100;
	opacity: .3;

	transition: opacity 2s ease-out;
	-webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
#side-calendar.float.buttonOnly{ opacity: .5; }
#side-calendar.float:hover {
	opacity: 1;
	transition: opacity .5s ease-in;
}
#side-calendar.dock.ui-draggable-dragging {width: auto; height: 170px; margin-left:-100px;opacity: 1;box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2);}

#side-calendar.dock .ui-resizable-handle {display: none;}
#side-calendar button.close {position:absolute;top:0; left:0;margin: 1em 0 0 -2em; display:none;}
#side-calendar.float button.close {display:block}

#side-calendar.buttonOnly {width:0 !important;height:0 !important;}
#side-calendar.buttonOnly .ui-resizable-handle,
#side-calendar.buttonOnly .ui-datepicker {display:none !important;}

#side-calendar .ui-datepicker {width: 98%; height: auto;}
#side-calendar.float .ui-datepicker {position:absolute; top:0; left:0; right:0; bottom:5px; width:95%; box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2);}
#side-calendar td a, #side-calendar td span {height: 100%;}

#side-calendar.float.fixedOnScreen {position:fixed !important;}

#side-calendar .ui-datepicker-header {cursor: move;}
#side-calendar .ui-datepicker-week-col.ui-state-hover,
.ui-datepicker-prev, .ui-datepicker-next {cursor:pointer;}

#side-calendar .hasUpdates {}
#side-calendar .hasUpdates a {color: #060;}

#side-calendar .ui-datepicker-calendar {/* position:absolute; top:40px; left:10px; right:10px; bottom:10px; width: 100%; height: 60%;*/}

/* DATEPICKER */
#ui-datepicker-div .datepickerTitle {
	font-weight: bold;
	padding: 5px 0 10px 0;
	width: 100%;
	text-align: center;
}

/* AUTOCOMPLETE LOADING */
 .ui-autocomplete-loading {
	background: url("../images/ui-anim_basic_16x16.gif") right center no-repeat !important; */
}

/* DATATABLES */
.dataTables_info {padding: 10px 0 0 0 !important;}

/* ERROR REPORTINGS */
.errorReport {}
.errorReport .title {font-weight: bold;float:left; padding-bottom: 20px; color:#a00;}
.errorReport .toggleDetails {float:left;clear:both;}
.errorReport .details {float:left;clear:both; display: none; width:100%; max-height: 300px; overflow-y:auto;}
 .errorReport .details pre {
 padding:20px;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 }
.errorReport .report {float:left;clear:both; margin-top: 20px;}

/* SUPERSELECT */
.superSelect {
	height: 250px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	position: relative;

    border-radius: 3px;
    background: #fff;

	resize: vertical;
}

.ui-menu { position: absolute; z-index: 100;}
.ui-menu .ui-menu-item .ui-state-disabled {margin:0;}
.superSelect .item {float: left; clear: both; width: 100%;}
.superSelect .label {float: left; padding: 8px 5px;}
.superSelect .control {float: right;}

.superSelect .overlay {
	display: none;
}
.superSelect.readonly {overflow: hidden;}
.superSelect.readonly .overlay {
	display: block;
	position: absolute;
	z-index:1;
	width: 100%; height: 100%;
}