/* ------- 00-960.css ---------*/
/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.
Note: IE6 works fine without this fix.
*/
@media(min-width: 980px) {
body {
min-width: 960px;
}
.container_12 {
margin: 0 auto;
}
}
/* Container
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
clear:both;
}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
/*float: left; */
margin-left: 0px; /*10*/
margin-right: 0px; /*10*/
}
@media(min-width: 601px) {
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
float: left;
}
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
position: relative;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
@media(max-width: 600px ) {
.container_12,
.container_12 .grid_1,
.container_12 .grid_2,
.container_12 .grid_3,
.container_12 .grid_4,
.container_12 .grid_5,
.container_12 .grid_6,
.container_12 .grid_7,
.container_12 .grid_8,
.container_12 .grid_9,
.container_12 .grid_10,
.container_12 .grid_11,
.container_12 .grid_12 {
width: 100%;
}
}
@media(min-width: 601px) {
.container_12 {
width: 100%; /*960px;*/
}
.container_12 .grid_1 {
width: 8.3333%; /*80px;*/ /*60*/
}
.container_12 .grid_2 {
width: 16.6667%; /*160px;*/ /*140*/
}
.container_12 .grid_3{
width: 25%; /*240px;*/ /* 220 */
}
.container_12 .grid_4 {
width: 33.3333%; /*320px;*/ /*300*/
}
.container_12 .grid_5 {
width: 41.6667%; /*400px;*/ /*380*/
}
.container_12 .grid_6 {
width: 50%; /*480px;*/ /* 460 */
}
.container_12 .grid_7 {
width: 58.3333%; /*560px;*/ /*540*/
}
.container_12 .grid_8 {
width: 66.6667%; /*640px;*/ /*620*/
}
.container_12 .grid_9{
width: 75%; /*720px;*/ /* 700 */
}
.container_12 .grid_10 {
width: 83.3333%; /*800px;*/ /*780*/
}
.container_12 .grid_11 {
width: 91.6667%; /*880px;*/ /*860*/
}
.container_12 .grid_12 {
width: 100%; /*960px;*/ /* 940 */
}
/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_3 {
padding-left: 25%; /*240px;*/
}
.container_12 .prefix_6{
padding-left: 50%; /*480px;*/
}
.container_12 .prefix_9 {
padding-left: 75%; /*720px;*/
}
/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left: 8.3333%; /*80px;*/
}
.container_12 .prefix_2 {
padding-left: 16.6667%; /*160px;*/
}
.container_12 .prefix_4 {
padding-left: 33.3333%; /*320px;*/
}
.container_12 .prefix_5 {
padding-left: 41.6667%; /*400px;*/
}
.container_12 .prefix_7 {
padding-left: 58.3333%; /*560px;*/
}
.container_12 .prefix_8 {
padding-left: 66.6667%; /*640px;*/
}
.container_12 .prefix_10 {
padding-left: 83.3333%; /*800px;*/
}
.container_12 .prefix_11 {
padding-left: 91.6667%; /*880px;*/
}
/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .sufix_3 {
padding-left: 25%; /*240px;*/
}
.container_12 .sufix_6{
padding-left: 50%; /*480px;*/
}
.container_12 .sufix_9 {
padding-left: 75%; /*720px;*/
}
/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .sufix_1 {
padding-left: 8.3333%; /*80px;*/
}
.container_12 .sufix_2 {
padding-left: 16.6667%; /*160px;*/
}
.container_12 .sufix_4 {
padding-left: 33.3333%; /*320px;*/
}
.container_12 .sufix_5 {
padding-left: 41.6667%; /*400px;*/
}
.container_12 .sufix_7 {
padding-left: 58.3333%; /*560px;*/
}
.container_12 .sufix_8 {
padding-left: 66.6667%; /*640px;*/
}
.container_12 .sufix_10 {
padding-left: 83.3333%; /*800px;*/
}
.container_12 .sufix_11 {
padding-left: 91.6667%; /*880px;*/
}
/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .push_3 {
left: 25%; /*240px;*/
}
.container_12 .push_6{
left: 50%; /*480px;*/
}
.container_12 .push_9 {
left: 75%; /*720px;*/
}
/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left: 8.3333%; /*80px;*/
}
.container_12 .push_2 {
left: 16.6667%; /*160px;*/
}
.container_12 .push_4 {
left: 33.3333%; /*320px;*/
}
.container_12 .push_5 {
left: 41.6667%; /*400px;*/
}
.container_12 .push_7 {
left: 58.3333%; /*560px;*/
}
.container_12 .push_8 {
left: 66.6667%; /*640px;*/
}
.container_12 .push_10 {
left: 83.3333%; /*800px;*/
}
.container_12 .push_11 {
left: 91.6667%; /*880px;*/
}
/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_3 {
left: -240px;
}
.container_12 .pull_6 {
left: -480px;
}
.container_12 .pull_9 {
left: -720px;
}
/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
left: -80px;
}
.container_12 .pull_2 {
left: -160px;
}
.container_12 .pull_4 {
left: -320px;
}
.container_12 .pull_5 {
left: -400px;
}
.container_12 .pull_7 {
left: -560px;
}
.container_12 .pull_8 {
left: -640px;
}
.container_12 .pull_10 {
left: -800px;
}
.container_12 .pull_11 {
left: -880px;
}
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after{
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.clearfix:after,
.container_12:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container_12 {
zoom: 1;
}
/* ------- 01-normalize.css ---------*/
/*! normalize.css v1.0.2 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
* and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/*
* Addresses margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Addresses margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/*
* Addresses paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ------- 02-flash-messages.css ---------*/
/* ---------------------------------------------------------------------- */
/* FLASH STYLES DEFINITION */
/* ---------------------------------------------------------------------- */
.flash {
text-align: center;
padding: 20px 0px 20px 0px;
/*border: 1px solid #CCC;
background: rgba(200,200,200,0.3);*/
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.flash-error {
color: rgb(201, 29, 29)
}
.flash-message {
color: black;
}
.flash-notice {
color: black;
}
.flash-warning {
color: orange;
}
/* ------- 03-main.css ---------*/
/* ---------------------------------------------------------------------- */
/* MAIN STYLES DEFINITION */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* */
/* -------------------------------------------------------------------- */
/* | container | */
/* | -------------------------------------------------------------- | */
/* | | container_header | | */
/* | | | | */
/* | |------------------------------------------------------------- | */
/* | | */
/* | -------------------------------------------------------------- | */
/* | | container_content | | */
/* | | | | */
/* | -------------------------------------------------------------| | */
/* | | */
/* | -------------------------------------------------------------| | */
/* | | container_footer | | */
/* | | ---------------------------------------------------------- | | */
/* | | | footer_image| | | */
/* | | ---------------------------------------------------------- | | */
/* | | | footer_message| | | */
/* | | ---------------------------------------------------------- | | */
/* | -------------------------------------------------------------- | */
/* | | */
/* -------------------------------------------------------------------- */
/* */
/* ---------------------------------------------------------------------- */
/* -------------------------- TAGS STYLE --------------------------- */
body, html {
height: 100%;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
outline: 0;
vertical-align: baseline;
background: transparent;
}
ul {
padding-left: 25px;
list-style-type: square;
}
body
{
/*background: url('/img/background.jpg');*/
color: black;
width: 100%;
height: 100%;
margin: 0 auto;
}
a img {
border: none;
}
/* -------- Html5 boilerplate -------------- */
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
outline: 0;
max-width: 100%;
height: auto;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ================================================================= */
/* ------------ MAIN LAYOUT --------------------- */
/* ================================================================= */
#body_wrapper {
background-color: rgba(180,180,180,0.2);
min-height: 100%;
}
#top {
line-height: 1.618em; /* Vertical rythm */
}
#top.top-user {
background: #000;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
#top.top-no-user {
padding-top: 1.618em;
padding-bottom: 1.618em; /*3.236em*/
background-color: rgba(215,215,215,0.2);
}
#header {
padding-top: 1em;
padding-bottom: 1em;
background-color: rgba(128, 128, 128, 0.2);
}
.site_slogan {
font-style: italic;
font-size: smaller;
text-align: center;
margin-top: 1.5em;
}
@media(max-width: 800px) {
.site_title > a, .site_title > a > img {
margin: 0 auto;
display: block;
}
}
/* ----------- THE CONTAINER (HOLDS ALL THE ELEMENTS) -------------- */
#container {
margin: 0 auto;
/*background-color: rgba(180,180,180,0.2);*/
min-height: 100%;
margin-top: 1.618em; /* Vertical rythm */
padding-bottom: 3.236em; /*Vertical rythm */
}
.container-row {
max-width: 960px;
margin: 0 auto;
/*min-height: 100%;*/
}
/* ----------- CONTAINER HEADER ------------------------------------------ */
#container_header {
border-bottom: 1px solid #DDD;
background-color: rgba(90,90,90,0.3);
}
#container_headline {
border-bottom: 1px solid #EEE;
background-color: rgba(215,215,215,0.2);
height: 2.618em; /* De la escala modular */
padding-top: 0.9em;
}
/* ----------- CONTAINER CONTENT ---------------------------------------- */
#container_content {
overflow: hidden;
}
#container_content_left {
overflow: hidden;
min-height: 100%;
}
#container_content_center {
overflow: hidden;
min-height: 100%;
}
#container_content_right {
overflow: hidden;
min-height: 100%;
}
#container_footer_content {
}
#bottom {
clear: both;
background-color: rgba(10,10,10,0.3);
padding-top: 0.808em; /* Vertical rythm */
padding-bottom: 0.808em; /* Vertical rythm */
}
.site_logo {
height: 32px;
}
#site_logo {
width: auto;
}
/* http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-pixels.htm */
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
background:#3ab4a6;
min-height: 800px;
}
.leftmenu .colright {
float:left;
width:200%;
position:relative;
left:200px;
background:#fff;
min-height: 800px;
}
.leftmenu .col1wrap {
float:right;
width:50%;
position:relative;
right:200px;
padding-bottom:1em;
}
.leftmenu .col1 {
margin:0 0px 0 200px;
position:relative;
right:100%;
overflow:hidden;
}
.leftmenu .col2 {
float:left;
width:200px;
position:relative;
right:200px;
}
.admin_content_wrapper {
margin: 1%;
}
/* ------------ RESPONSIVE DESIGN --------------------- */
@media(max-width: 979px) {
#container {
padding-left: 5px;
padding-right: 5px;
}
}
@media(max-width: 601px) {
}
@media(max-width: 480px) {
img {
outline: 0;
max-width: 100%;
height: auto;
}
}
/* ------- 04-forms.css ---------*/
/* ----------------------------------------------------------- */
/* FORMS STYLE */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* */
/* --------------------------------------------------------- */
/* | form | */
/* | --------------------------------------------------- | */
/* | | .formrow div | | */
/* | | --------------------- ------------------------ | | */
/* | | |.fieldtitle label| |.fieldcontrol field| | | */
/* | | --------------------- ------------------------ | | */
/* | | | | */
/* | --------------------------------------------------- | */
/* | --------------------------------------------------- | */
/* | | .formrow-botonera | | */
/* | --------------------------------------------------- | */
/* --------------------------------------------------------- */
/* */
/* ----------------------------------------------------------- */
form {
overflow: hidden; /* Floats cleaning */
}
/* -------------- ORGANIZATION ------------------ */
form div.formrow {
overflow: hidden;
margin-top: 0.808em;
margin-bottom: 0.808em;
}
form div.formrow-botonera {
overflow: hidden;
margin-top: 0.667em; /* Vertical rythm */
margin-bottom: 0.722em; /* Vertical rythm */
}
form div.formrow-botonera input[type="button"], form div.formrow-botonera input[type="submit"], form div.formrow-botonera input[type="reset"]{
float: right;
}
form div label.fieldtitle {
text-align:left;
display: block;
line-height: 1.618em;
vertical-align: middle;
}
form div.fielddescription {
line-height: 1.618em;
display: none;
}
form div input.fieldcontrol, form div textarea.fieldcontrol, form div label.error, form div div.fieldcontrol, form div fieldset.fieldcontrol { /* occupies all the space */
width: 100%;
padding: 5px 0px;
line-height: 1.618em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5px; /*150px*/
}
form div select.fieldcontrol { /* to the left and do not alter the width */
line-height: 1.618em;
}
form div select.fieldcontrol-combo { /* more than one select in the same row */
margin-right: 5px;
}
/* ----------------- CONTROLS ------------------ */
.chooser_row {
line-height: 1.618em;
}
form fieldset {
border: 1px solid #DDD;
padding: 0.808em 0.808em 0.808em 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
form legend {
font-weight: bold;
}
form input[type="checkbox"] {
margin-right: 0.236em;
}
form input[type="text"], form input[type="password"] { /* TEXT and PASSWORD */
border: 1px solid #DDD;
font-size: 1em;
padding: 7px;
}
form input:focus {
border: 1px solid #5164ee;
}
form textarea { /* TEXTAREA */
border: 1px solid #DDD; /* Simple black border */
font-size: 1em;
}
form textarea:focus {
border: 1px solid #5164ee;
}
form select { /* SELECT */
/*margin-left: 1px; */
border-color: #CCC;
line-height: 1.618em;
/*height: 2.2em;
margin-bottom: 0.1em;*/
}
form select.combo {
-webkit-appearance: menulist-button;
}
.high_select {
height: 37px;
}
.superhigh_select {
height: 50px;
}
form input[type="radio"], form input[type="checkbox"] {
margin-left: 1px;
margin-right: 5px;
}
form input[type="button"], form input[type="submit"], form input[type="reset"] { /* BUTTONS */
text-align: center;
padding: 10px 15px;
border: none;
-webkit-border-radius: 3px 3px; /* Safari */
-moz-border-radius: 3px 3px; /* Firefox */
border-radius: 3px 3px; /* iExplorer 9 */
cursor: hand;
cursor: pointer;
min-width: 80px;
}
.form-button { /* Represents a button */
text-align: center;
background: rgb(221,221,221);
border: none;
-webkit-border-radius: 3px 3px; /* Safari */
-moz-border-radius: 3px 3px; /* Firefox */
border-radius: 3px 3px; /* iExplorer 9 */
cursor: hand;
cursor: pointer;
display: inline-block;
font-size: 1em;
line-height: 1.5;
min-width: 80px;
padding: 8px;
}
.form-button a { /* Represents a link inside a button */
text-decoration: none;
font-weight: normal;
display: block;
}
.form-button a:link, .form-button a:visited {
color: black;
}
.form-button a:hover {
color: gray;
}
.disabled-form-button {
color: gray;
background-color: #EEE;
cursor: default;
}
/* -------------------- */
.form-frame {
border: 1px solid #DDD;
border-radius: 5px;
padding: 5px;
background: white;
}
/* ------ ELEMENT form --------- */
.element-form-container { /* contains the form and navigation bar */
margin-bottom: 2.618em;
}
.element-form-detail { /* contains the form */
background: white;
/*border: 1px solid #DDD;*/
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding-left: 0.787em;
padding-right: 0.787em;
}
.element-form-detail .content.margin-setup-0 {
margin-left: -0.787em;
margin-right: -0.787em;
}
.form-fields { /* contains form fields */
}
.back-bar { /* Back to the list */
float: right;
line-height: 1.618em; /* Vertical rythm */
margin-top: 0.808em; /* Vertical rythm */
margin-bottom: 0.8080em; /* Vertical rythm */
}
.form-title { /* title */
margin-top: 2px;
margin-bottom: 0px;
}
.fieldtitle {
font-weight: 600;
color: rgba(100,100,100,0.6);
}
.fieldcontrol {
}
.element-form-detail form div label.fieldtitle {
}
.element-form-detail form div input.fieldcontrol, form div textarea.fieldcontrol, form div select.fieldcontrol {
}
.element-form-detail form div input.fieldcontrol[readonly="readonly"] {
background: #EEE;
color: gray;
}
.element-form-detail form .fielddescription {
color: darkgray;
clear: left;
}
.element-form-bottom {
overflow: hidden;
}
.entity-message {
border: 1px dotted gray;
padding: 5px;
margin: 5px 0px 20px 0px;
text-align: center;
}
.entity-message-ok {
color: darkBlue;
}
.entity-message-error {
color: Maroon;
}
.editable_text {
font-family: monospace;
font-size: 1.3em;
}
.radio-block {
display: inline-block;
border: 1px solid #CCC;
padding: 10px;
margin: 10px 0px 10px 0x;
}
.radio-info {
margin-left: 20px;
}
::-webkit-input-placeholder {
color: #DDD;
}
:-moz-placeholder { /* Firefox 18- */
color: #DDD;
}
::-moz-placeholder { /* Firefox 19+ */
color: #DDD;
}
:-ms-input-placeholder {
color: #DDD;
}
/* ------- 05-menu.css ---------*/
/* ======================================================================
The menu CSS
----------------------------------------------------------------------
Organize the menu with the simple following rules:
menu
menuitem
submenu submenu-level1
menuitem
submenu submenu-level2
menuitem
submenu submenu-level3
menuitem
menuitem
submenu submenu-level2
menuitem
menuitem
menuitem
Example:
====================================================================== */
/* ------------ Main Menu ------------------*/
ul { /* To work with normalize.css */
margin: 0px;
}
ul.menu {
list-style: none;
padding-left: 0px; /* No list style, so drop the blank space */
margin: 0px;
}
ul.menu > li {
/*float: left;*/ /* To show the options (used instead of display:inline) */
display: inline-block;
/*padding: 5px;
padding-left: 0px;
margin: 1px;*/ /* Left margin : separation of elements */
margin-left: 1px;
/*border: 1px dotted gray;*/
}
@media(max-width:601px) {
ul.menu > li {
display: block;
}
}
ul.list_menu > li { /* To show the menu as a list */
display: block;
}
/* -------------- Submenu (Generic) --------------------*/
ul.submenu {
display: none; /* Do not show : The submenu is show when the user puts on the menu */
list-style: none;
padding:5px; /* No list style, so drop the blank space */
background: white;
border: 1px dotted gray; /* Border */
}
ul.submenu > li {
padding: 5px;
position: relative;
}
/* ------------- Menu Items ---------------- */
.menuitem {
position : relative;
}
.menuitem > a {
cursor: hand;
cursor: pointer;
}
.menuitem > a:link, .menuitem > a:visited {
text-decoration: none;
color: black;
white-space: nowrap; /* Evict return */
}
.menuitem > a:hover {
color:gray;
}
.menuitem > a > span {
font-size: 50%;
}
/* -------------- Submenu (LEVEL 1) --------------------*/
ul.menu > li:hover ul.submenu-level1 { /* When positionated on the menu item, show the submenu associated */
display: block;
/* Locate down the parent container */
position: absolute;
/*margin-top:5px;*/
}
/* ------------------ Submenu (LEVEL 2, 3, ...) --------------------*/
ul.submenu-level1 > li:hover ul.submenu-level2,
ul.submenu-level2 > li:hover ul.submenu-level3 { /* When positionated on the menu item, show the submenu associated */
display: block; /* Show the element */
/* Locate at the left of the parent container */
position: absolute;
top: -4px;
padding-right: 5px;
left: 100%; /* Para mostrarlo a la izquierda del elemento padre */
}
/* ------- 06-buttons.css ---------*/
.entity-management-button {
min-width: 60px;
border: none;
background: rgba(193, 199, 200, 0.3);
padding: 10px 15px;
}
.mini-button {
min-width: 30px;
}
.blue-button {
/*
background-image: -webkit-linear-gradient(top, rgb(70, 136, 207) 25%, rgb(121, 169, 214) 71%);
background-image: linear-gradient(top, rgb(70, 136, 207) 25%, rgb(121, 169, 214) 71%);
background-image: -o-linear-gradient(top, rgb(70, 136, 207) 25%, rgb(121, 169, 214) 71%);
background-image: -moz-linear-gradient(top, rgb(70, 136, 207) 25%, rgb(121, 169, 214) 71%);
background-image: -webkit-linear-gradient(top, rgb(70, 136, 207) 25%, rgb(121, 169, 214) 71%);
background-image: -ms-linear-gradient(top, rgb(70, 136, 207) 25%, rgb(121, 169, 214) 71%);
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, rgb(70, 136, 207)), color-stop(0.71, rgb(121, 169, 214)));
*/
background: rgb(70, 136, 207);
/*
border: none;
border-radius: 0px;
*/
color: white;
}
.blue-button a { /* Represents a link inside a button */
text-decoration: none;
font-weight: normal;
display: block;
}
.blue-button a:link, .blue-button a:visited {
color: white;
}
.blue-button a:hover {
color: yellow;
}
.red-button {
/*
background-image: -webkit-linear-gradient(top, rgb(216, 61, 48) 25%, rgb(228, 72, 42) 71%);
background-image: linear-gradient(top, rgb(216, 61, 48) 25%, rgb(228, 72, 42) 71%);
background-image: -o-linear-gradient(top, rgb(216, 61, 48) 25%, rgb(228, 72, 42) 71%);
background-image: -moz-linear-gradient(top, rgb(216, 61, 48) 25%, rgb(228, 72, 42) 71%);
background-image: -webkit-linear-gradient(top, rgb(216, 61, 48) 25%, rgb(228, 72, 42) 71%);
background-image: -ms-linear-gradient(top, rgb(216, 61, 48) 25%, rgb(228, 72, 42) 71%);
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, rgb(216, 61, 48)), color-stop(0.71, rgb(228, 72, 42)));
*/
background: rgb(216, 61, 48);
/*
border: none;
border-radius: 0px;
*/
color: white;
}
.red-button a { /* Represents a link inside a button */
text-decoration: none;
font-weight: normal;
display: block;
}
.red-button a:link, .red-button a:visited {
color: white;
}
.red-button a:hover {
color: yellow;
}
.green-button {
background: rgb(41, 148, 18);
/*
border: none;
border-radius: 0px;
*/
color: white;
}
.green-button a { /* Represents a link inside a button */
text-decoration: none;
font-weight: normal;
display: block;
}
.green-button a:link, .green-button a:visited {
color: white;
}
.green-button a:hover {
color: yellow;
}
.green-white-button {
background: rgb(41, 148, 18);
border: none;
border-radius: 0px;
color: white;
}
.green-white-button a { /* Represents a link inside a button */
text-decoration: none;
font-weight: normal;
display: block;
}
.green-white-button a:link, .green-white-button a:visited {
color: white;
}
.green-white-button a:hover {
color: white;
}
.black-button {
background-color: black;
background-image: none;
border: none;
border-radius: 0px;
color: white;
}
.black-button a { /* Represents a link inside a button */
text-decoration: none;
font-weight: normal;
display: block;
}
.black-button a:link, .black-button a:visited {
color: white;
}
.black-buttona:hover {
color: yellow;
}
.action-button {
}
.post-button {
background-color: rgb(223, 223, 241);
}
.edit-entity-button {
}
.create-entity-button {
background-color: rgb(52, 116, 211);
color: white;
}
.update-entity-button {
background-color: rgb(52, 116, 211);
color: white;
}
.cancel-entity-button {
}
.search-entity-button {
background: rgb(247, 118, 10);
color: white;
}
.delete-entity-button {
background: #E66464;
color: white;
}
.new-entity-button {
background: #1350EF;
color: white;
}
.previous-page-button {
}
.next-page-button {
}
.previous-element-button {
}
.next-element-button {
}
.navigation-button {
}
.page-navigation { /*Button to change from entity navigation to page navigation*/
/*border: none;
background: none;
text-decoration: underline;
float: left;*/
}
.close-bar {
overflow: hidden;
}
.close-bar a {
float:right;
cursor: hand;
cursor: pointer;
margin-right: 5px;
}
/* ------- 06-yito.css ---------*/
/* ================================== */
/* ------- Photo -------------------- */
/* ================================== */
#element_photo_img {
margin: 0 auto;
display: block;
-webkit-border-radius: 5px; /* Safari */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* iExplorer 9 */
}
#photo_change_container {
margin-top: 5px;
}
#element_photo_img_template {
max-width: 100%;
}
/* ================================== */
/* -------- Logger ------------------ */
/* ================================== */
.tht-logger {
font-family: monospace;
}
.tc-logger {
font-family: monospace;
}
/* ================================== */
/* -------- Business Events --------- */
/* ================================== */
.tht-be {
font-family: monospace;
}
.tc-be {
font-family: monospace;
}
/* ================================== */
/* ------- Contact ------------------ */
/* ================================== */
.no-labeled-contact {
}
.no-labeled-contact .content_data_block_title {
display: none;
}
.contact_information {
text-align: center;
}
/* ================================== */
/* ------- Attachments -------------- */
/* ================================== */
.attachments-list {
padding-left: 0px;
}
.attachment-element {
list-style-type: none;
}
/* ================================== */
/* ------- Photo selector ----------- */
/* ================================== */
#uploader_form {
width: 95%;
padding: 5px;
}
#photo_container {
margin: 0 auto;
height: 300px;
}
#photo_img {
margin: 0 auto;
}
#uploader_form_buttons {
position: relative;
bottom: 0px;
}
/* ================================== */
/* -------- ListManagement ---------- */
/* ================================== */
.list-management-add-action {
cursor: hand;
cursor: pointer;
}
.list-management-item-delete-img {
cursor: hand;
cursor: pointer;
}
.list-management-item-description {
}
.list-management-item-delete {
}
/* ================================== */
/* --------- Gallery ---------------- */
/* ================================== */
#gallery_highlight img:first-child {
width: 100%;
margin-bottom: 1.618em; /* Vertical rythm */
}
#gallery_highlight_photo_size img:first-child {
display: block;
margin-bottom: 1.618em; /* Vertical rythm */
}
#gallery .list-management-item {
display: inline-block;
margin-bottom: 1em;
}
.gallery-thumbnail {
text-decoration :none;
}
.album-main-photo {
padding: 5px;
background: #DDD;
}
.album-photo {
cursor: hand;
cursor: pointer;
}
/* ================================== */
/* ------- AUTH --------------------- */
/* ================================== */
/* ================================== */
/* ------- MAIL --------------------- */
/* ================================== */
#message_form { /* New message */
background: white;
padding: 10px;
border: 1px solid black;
width: 100%;
}
#message_form_container {
padding: 5px;
width: 400px;
}
.reply-button { /* Reply */
}
#reply_message_form {
width: 100%;
}
#reply_message_form div textarea{
float: left;
width: 99%;
}
#messages_container { /* Message reader */
/*background: white;*/
}
#message_detail {
}
#messages_info {
text-align: center;
}
.messages-summary{
display: inline;
}
#message_container_button_bar {
/*
height: 30px;
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 1px solid black;
padding-top: 5px;
padding-bottom: 10px;
*/
}
#messages_list {
/* width : 100%; */
}
.mail-sender {
/*
width: 25%;
*/
min-width: 150px;
text-align : left;
}
.mail-subject {
}
.mail-message {
color: gray;
}
.mail-received-date {
min-width: 90px;
/*
width: 90px;
*/
text-align: rigth;
}
#message_detail_button_bar {
/*
height: 30px;
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 1px solid black;
padding-top: 5px;
padding-bottom: 15px;
*/
}
#message_detail_header {
padding: 5px 0px 5px 0px;
}
.message_detail_subject {
padding-bottom: 5px;
}
.message_detail_sender {
font-weight: bold;
}
.message_detail_date {
/* float: right; */
}
#message_detail_body {
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 1px black solid;
}
#message_detail_conversation {
}
#message_detail_conversation_buttons {
height: 23px;
padding-top: 5px;
}
#message_response {
margin-top: 5px;
}
.conversation_item { /* conversation */
padding: 5px 0px 5px 0px;
margin-botton: 5px;
margin-top:5px;
-webkit-border-radius: 5px 5px; /* Safari */
-moz-border-radius: 5px 5px; /* Firefox */
border-radius: 5px 5px; /* iExplorer 9 */
}
.conversation_item_own .conversation_item_body{
background-color : rgba(130,130,130,0.3);
}
.conversation_item_other .conversation_item_body{
background-color : rgba(200,200,200,0.3);
}
.conversation_item_header {
/* border-bottom: 1px dashed gray; */
}
.conversation_item_body {
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
-webkit-border-radius: 5px 5px; /* Safari */
-moz-border-radius: 5px 5px; /* Firefox */
border-radius: 5px 5px; /* iExplorer 9 */
}
.conversation_item_footer {
}
/* ================================== */
/* ------- COMMENTS ----------------- */
/* ================================== */
.comment_set_template {
margin-top: 20px;
border-top: 2px solid black;
}
#comment_form {
width: 100%;
}
#comment_form div textarea{
}
#comment_form_container {
}
.comments {
border-top: 1px solid #EEE;
margin-top: 1.618em; /* Vertical rythm */
padding-top: 0.808em; /* Vertical rythm */
margin-bottom: 1.618em; /* Vertical rythm */
}
.comment {
}
.comments .content_data_block_title {
color: rgba(10, 10, 10, 0.6);
}
.comment_own {
background-color : #e6e4c0;
}
.comment_other {
background-color : #f8dbef;
}
.comment_header {
border-bottom: 1px dashed gray;
}
.comment_body {
padding: 10px;
margin-top: 15px;
margin-bottom: 15px;
}
.comment_footer {
}
.comment_sender {
}
.comment_date {
float: right;
}
/* ================================== */
/* ------- PROFILE ------------------ */
/* ================================== */
#profile_dropdown {
background: white;
border: 1px solid #CCC;
width: 400px;
top: 0px;
position: absolute;
margin-left: 250px;
-webkit-border-radius: 3px 3px; /* Safari */
-moz-border-radius: 3px 3px; /* Firefox */
border-radius: 3px 3px; /* iExplorer 9 */
z-index:9999;
}
.profile-dropdown-button-bar {
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
padding-top: 5px;
padding-bottom: 5px;
background: #EEE;
padding-left: 5px;
}
.profile-login-button {
background: none;
border: none;
cursor: hand;
cursor: pointer;
}
.profile-login-button a:hover {
text-decoration: underline;
}
.profile-register-button {
background: none;
border: none;
cursor: hand;
cursor: pointer;
}
.profile-register-button a:hover {
text-decoration: underline;
}
.profile-block-button {
background: #B1C2E7;
}
.profile_register_header {
}
.profile_dropdown_body {
padding: 5px;
}
.profile_block_selector {
list-style: none;
}
/* ----- Profile render ------- */
#profile_summary {
float:left;
width: 160px;
border-right: 1px solid #DDD;
padding-right: 10px;
margin-right: 10px;
}
#profile_photo {
border: 1px solid #DDD;
width: 150px;
height: 150px;
padding: 5px;
margin: 0px 10px 10px 0px;
}
#profile_photo_img {
width: 150px;
margin: 0 auto;
display: block;
padding: 0px 5px 5px 0px;
}
#profile_basic h2{
text-align:left;
}
#profile_basic div {
padding-bottom: 3px;
}
.profile-img-tiny {
width: 72px;
}
#about_me {
margin-top: 10px;
}
.profile_literal {
color : #615F5F;
display: block;
}
#profile_actions {
padding: 10px 5px 10px 0px;
-webkit-border-radius: 3px; /* Safari */
-moz-border-radius: 3px; /* Firefox */
border-radius: 3px; /* iExplorer 9 */
}
/* ----- Profile form --------- */
#profile_form fieldset {
border: none;
}
#profile_form legend {
font-size: larger;
color: #333;
font-weight: bold;
}
#change_photo_link {
display : block;
margin: 0 auto;
}
#choose_photo { /* The block used to show the upload form */
display: none;
width: 600px;
border: 1px solid black;
background: white;
}
#profile_form_buttons {
border-top: 1px solid gray;
padding-top: 10px;
}
#send {
margin: 0 auto;
}
#sending-request {
display: none;
}
#sending-request img {
display: block;
margin: 0 auto;
margin-top:15px;
}
/* ================================== */
/* ------- Community ---------------- */
/* ================================== */
#community_menu {
display: none;
}
#members_list {
margin-top: 10px;
overflow: hidden;
}
#messages_summary_page {
padding-top: 10px;
}
.profile_summary {
margin-bottom: 5px;
}
.profile_summary * {
}
.profile_summary_photo {
padding-top: 2px;
padding-bottom: 2px;
display: block;
-webkit-border-radius: 5px; /* Safari */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* iExplorer 9 */
}
.profile_summary_actions {
padding: 0px 2px 0px 2px;
}
/* ================================== */
/* -------- Aspects ----------------- */
/* ================================== */
#aspects_form h3 {
border-bottom: 1px solid #DDD;
}
/* ================================== */
/* ------- CMS ---------------------- */
/* ================================== */
#content_body {
border: 1px solid #DDD;
}
/* -------- content render ---------- */
.category {
background: #C5E036;
padding: 3px;
-webkit-border-radius: 3px 3px; /* Safari */
-moz-border-radius: 3px 3px; /* Firefox */
border-radius: 3px 3px; /* iExplorer 9 */
}
.content-photo {
margin-top: 10px;
margin-bottom: 10px;
}
.content-photo-img {
width: 100%;
max-width: 100%;
}
.content-title {
}
.content-title a {
text-decoration: none;
}
.content-composer {
color: #5D88C9;
}
.content-header {
margin-top: 10px;
}
.content-header a {
text-decoration: none;
}
.content-body {
}
.content-custom {
}
.content-actions {
clear: both;
border-top: 1px solid #CCC;
line-height: 1.618em; /* Vertical rythm */
padding-top: 0.808em; /* Vertical rythm */
margin-bottom: 0.808em; /* Vertical rythm */
margin-top: 1.618em; /* Vertical rythm */
}
.content-action-button {
background-color: #EEE;
}
/* ======== Content Renders ============== */
/* -------- Default (render-content.erb) ---------- */
.content-wrapper .content_data_block {
border-bottom: none;
}
/* -------- Content header (render-content-headerextras.erb) -------- */
.content-header-wrapper {
margin-top: 2.618em;
}
/* -------- content flyer render ---------- */
.content-flyer-wrapper {
/*margin-top: 1.618em;*/ /* Vertical rythm */
margin-bottom: 1.618em;
}
.content-flyer-wrapper .content-title {
text-align: center;
width: 90%;
}
.content-flyer-wrapper .content-body {
}
.content-flyer-wrapper .content_data_block {
border-bottom: none;
}
.content-flyer-wrapper .content-custom {
margin: 0 auto;
}
/* -------- content right extras render ---------- */
.content-rightextras-wrapper {
margin-top: 2.618em; /* Vertical rythm */
}
.content-rightextras-wrapper .content-body {
width: 45%;
float: left;
margin-right: 5%;
margin-top: -1.4em;
}
.content-rightextras-wrapper .content_data_block {
border-bottom: none;
}
.content-rightextras-wrapper .content-custom {
width: 50%;
float: right;
}
.content-rightextras-wrapper .content-custom :nth-child(2) {
clear: left;
}
.content-rightextras-wrapper .content-custom-nogroup {
clear: both;
padding-top: 1.25em;
}
/* -------- content left extras render ---------- */
.content-leftextras-wrapper {
margin-top: 2.618em; /* Vertical rythm */
}
.content-leftextras-wrapper .content-custom {
width: 50%;
float: left;
}
.content-leftextras-wrapper .content-title {
}
.content-leftextras-wrapper .content-body {
width: 45%;
margin-left: 5%;
float: right;
margin-top: -1.4em;
}
.content-leftextras-wrapper .content-body + .content-custom {
width: 50%;
margin-left: 3%;
float: right;
}
.content-leftextras-wrapper .content_data_block {
border-bottom: none;
}
.content-leftextras-wrapper .content-custom :nth-child(2) {
clear: right;
}
.content-leftextras-wrapper .content-actions {
clear: both;
}
.content-leftextras-wrapper .content-custom-nogroup {
clear: both;
padding-top: 1.25em;
}
/* -------- content teaser render -------- */
.content-teaser-title {
margin-top: 10px;
margin-bottom: 10px;
}
.content-teaser-body p:first-child {
margin-top: 0px;
}
.content-teaser-title a:visited, .content.title a:link {
}
.content-teaser-title a:hover {
text-decoration: underline;
}
.content-teaser-title a:hover {
text-decoration: underline;
}
.content-teaser-date {
}
.content-teaser-category {
}
.content-teaser-category a:visited, .content-teaser-category a:link {
text-decoration: none;
border-bottom: none;
}
.content-teaser-category a:hover {
text-decoration: underline;
}
.content-teaser-body p {
margin-top: 0px;
}
/* ======== Content Render Support classes =========== */
/* ------ Content custom above left float ---------- */
.custom-above-left-float .content-custom-above {
float: left;
margin-right: 1em;
}
.custom-above-left-float .content-custom-below {
clear: left;
padding-top: 1.618em;
}
/* -------- content status --------------- */
.content-status {
-webkit-border-radius: 3px 3px; /* Safari */
-moz-border-radius: 3px 3px; /* Firefox */
border-radius: 3px 3px; /* iExplorer 9 */
padding: 3px;
display: inline-block;
}
.content-status-draft {
background: #DDD;
}
.content-status-pend-conf {
background: #F5F59C;
}
.content-status-pend-valid {
background: #E9BB5A;
}
.content-status-published {
background: #A0DBA0;
}
.content-status-banned {
background: #F17065;
}
/* ----------- Blocks ------------------------------------ */
.block { /* A block container */
}
.block-title { /* Block title */
color: rgb(120,120,120);
text-transform: uppercase;
text-align: center;
}
#top .block, #container_content_left .block, #container_content_right .block {
font-size: 0.75em;
}
#header .block {
font-size: 1em;
}
/* ------ View Management ------------- */
#view-preview-result {
background: white;
border-radius: 5px;
padding: 5px;
min-height: 5em;
border: 1px dashed;
}
/* ------ Views RENDERING ------------- */
.view {
overflow: hidden;
}
.block .view { /* View rendered as a block */
margin-bottom: 1.618em;
}
/* ================================== */
/* LOCATION */
/* ================================== */
#location-map {
width: 100%;
height: 300px;
margin-top: 0.808em; /* Vertical rythm */
}
/* ================================== */
/* ======== DEFINED BLOCKS ========== */
/* ================================== */
/* ------- BREAD CRUMB -------------- */
#block_site_breadcrumb {
/*border: 1px solid #CCC;
background: #EEE; */
padding: 3px;
margin-left: 10px;
/* Round borders */
-webkit-border-radius: 3px 3px; /* Safari */
-moz-border-radius: 3px 3px; /* Firefox */
border-radius: 3px 3px; /* iExplorer 9 */
}
.breadcrumb-element {
text-decoration: none;
font-weight: 400;
font-size: 0.9em;
}
/* ======================================= */
/* =============== MENUS ================= */
/* ======================================= */
/* ------- ADMIN MENU ------- */
#block_site_adminmenu {
background: #000;
}
@media(min-width: 980px) {
#block_site_adminmenu {
max-width: 960px;
margin: 0 auto;
}
}
#menu_admin_menu {
background: #000;
color: black;
}
#menu_admin_menu .submenu {
background: #000;
z-index: 100;
}
#menu_admin_menu > .menuitem > a:link, #menu_admin_menu > .menuitem > a:visited {
color: #EEE;
}
#menu_admin_menu > .menuitem > a:hover {
color: yellow;
}
#menu_admin_menu .submenu > .menuitem > a:link, #menu_admin_menu .submenu > .menuitem > a:visited {
color: #EEE;
}
#menu_admin_menu .submenu > .menuitem > a:hover {
color: yellow;
}
/* -- PROFILE MENU -- */
#block_profile_menu {
}
#menu_profile_menu {
background: #000;
}
#menu_profile_menu li {
display: block;
}
#menu_profile_menu .menuitem:first-child a {
display: block;
text-align: center;
margin-right: 1em;
}
#menu_profile_menu .submenu {
background: #DDD;
color: #FFF;
z-index: 100;
}
#menu_profile_menu > .menuitem > a:link, #menu_profile_menu > .menuitem > a:visited {
font-weight: 600;
color: #FFF;
}
#menu_profile_menu > .menuitem > a:hover {
color: gray;
font-weight: 600;
}
#menu_profile_menu .submenu > .menuitem > a:link, #menu_profile_menu .submenu > .menuitem > a:visited {
}
#menu_profile_menu .submenu > .menuitem > a:hover {
color: gray;
}
#connected_user {
float: right;
margin-right: 1em;
min-width: 150px;
position: relative;
top: 0.5em;
}
/* -- LOGIN MENU -- */
#block_menu_login {
display: inline-block;
}
#menu_login {
background: black;
color: white;
}
#menu_login .submenu {
background: black;
z-index: 100;
}
#menu_login > .menuitem > a:link, #menu_login > .menuitem > a:visited {
color: white;
}
#menu_login > .menuitem > a:hover {
color: gray;
}
#menu_login .submenu > .menuitem > a:link, #menu_login .submenu > .menuitem > a:visited {
color: white;
}
#menu_login .submenu > .menuitem > a:hover {
color: gray;
}
/* -- MEMBERS MENU -- */
#block_menu_members {
display: inline-block;
float: left;
line-height: 1.618em;
}
#menu_members {
/* background: black;
color: white; */
}
#menu_members .submenu {
background: black;
z-index: 100;
}
#menu_members a {
font-weight: 700;
color: white;
/*color: rgba(0,0,0,0.75);*/
}
#menu_members > .menuitem > a:link, #menu_members > .menuitem > a:visited {
color: white;
}
#menu_members > .menuitem > a:hover {
color: gray;
}
#menu_members .submenu > .menuitem > a:link, #menu_members .submenu > .menuitem > a:visited {
color: white;
}
#menu_members .submenu > .menuitem > a:hover {
color: gray;
}
/* -- TRANSLATION -- */
#block_translation_list {
display: block;
font-size: 0.8em;
}
@media(max-width: 480px) {
#block_translation_list {
float: none;
text-align: center;
}
}
@media(max-width: 800px) and (min-width: 481px) {
#block_translation_list {
float: none;
text-align: right;
}
}
@media(min-width: 801px) {
#block_translation_list {
float: none;
text-align: right;
}
}
#block_translation_menu {
display: block;
font-size: 0.8em;
}
@media(max-width: 800px) {
#block_translation_menu {
float: none;
text-align: center;
}
}
@media(min-width: 801px) {
#block_translation_menu {
float: right;
text-align: right;
}
}
#menu_translation_menu {
margin-right: 20px;
}
#menu_translation_menu .submenu {
background: #EEE;
z-index: 100;
}
#menu_translation_menu > .menuitem > a:link, #menu_translation_menu > .menuitem > a:visited {
}
#menu_translation_menu > .menuitem > a:hover {
color: gray;
}
#menu_translation_menu .submenu > .menuitem > a:link, #menu_translation_menu .submenu > .menuitem > a:visited {
}
#menu_translation_menu .submenu > .menuitem > a:hover {
color: gray;
}
/* ---- MENU PRIMARY LINKS ------ */
#block_menu_primary_links {
display: block;
}
@media(max-width: 800px) {
#block_menu_primary_links {
float: none;
text-align: center;
}
}
@media(min-width: 801px) {
#block_menu_primary_links {
float: right;
text-align: center;
}
}
#menu_primary_links {
text-transform: Uppercase;
line-height: 1.618em;
letter-spacing: 0.12em;
font-size: 0.8em;
margin-top: 0.2em;
}
#menu_primary_links .submenu {
background: #EEE;
z-index: 100;
}
#menu_primary_links> .menuitem > a:link, #menu_primary_links > .menuitem > a:visited {
color: rgba(0, 0, 0, 0.65);
}
#menu_primary_links > .menuitem > a:hover {
color: black;
}
#menu_primary_links .submenu > .menuitem > a:link, #menu_primary_links .submenu > .menuitem > a:visited {
color: rgba(0, 0, 0, 0.65);
}
#menu_primary_links .submenu > .menuitem > a:hover {
color: black;
}
#menu_primary_links a{
font-weight: 700;
color: rgba(0,0,0,0.75);
}
/* ---- PROFILE LOGIN BLOCK ---- */
#block_profile_login_button {
display: inline-block;
text-transform: capitalize;
color: rgb(201, 39, 39);
font-weight: 600;
padding-right: 20px;
}
#block_profile_login_button a{
text-transform: capitalize;
}
#block_profile_login_button a:visited, #block_profile_login_button a:link {
color: rgb(201, 39, 39);
text-decoration: none;
}
#block_profile_login_button a:hover {
color: rgb(201, 39, 39);
text-decoration: underline;
}
#block_profile_register_button {
color: rgb(0, 0, 0);
display: inline-block;
text-transform: capitalize;
font-weight: 600;
}
#block_profile_register_button a {
text-transform: capitalize;
}
#block_profile_register_button a:visited, #block_profile_register_button a:link {
color: rgb(0, 0, 0);
text-decoration: none;
}
#block_profile_register_button a:hover {
color: rgb(0, 0, 0);
text-decoration: underline;
}
#login_register {
text-align: right;
padding-bottom: 1em;
}
/* -------- TRANSLATION --------- */
#languages_translation {
letter-spacing: 0.11em;
font-size: 0.75em; /* 12px */
text-align: right;
margin-top: 1em;
}
/* ------- 07-tables.css ---------*/
/* ---- TABLES ----- */
.table-container {
padding: 5px;
margin: 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.table-container.table-border {
border: 1px solid #EEE;
overflow: hidden;
}
.table {
margin: 1%;
border-collapse: collapse;
background: white;
width: 98%;
display: table;
}
.table-container.table-border .table {
margin: 0;
}
.table-thead {
border-bottom: 1px solid lightgray;
font-weight: bold;
display: table-header-group;
}
.table-tbody {
display: table-row-group;
}
.table-row {
background: white;
display: table-row;
}
.table-header-title {
padding: 10px 4px 10px 4px;
text-align: left;
border-bottom: 1px solid #CCC;
background: white;
color: dimgray;
}
.table-cell {
padding: 10px 4px 10px 4px;
border-bottom: 1px solid #EEE;
word-wrap: break-word;
display: table-cell;
vertical-align: middle;
}
.table-container.table-border .table-row:last-child .table-cell {
border-bottom: none;
}
#elements_tbody .table-row:last-child td {
border-bottom: none;
}
.highlighted-row {
background: white;
font-weight: bold;
}
/* ------- 08-page.css ---------*/
/* -------- PAGE --------- */
.page-title {
}
.page-title a {
text-decoration: none;
/*
color: navy;
font-size: 1.6em;
font-weight: normal;
*/
}
/* ------- 09-navigation-bar.css ---------*/
/* ----- Navigation bars ----- */
.navigation-bar {
overflow: hidden;
}
.navigation-bar-title {
float: left;
}
.navigation-bar-search {
/*float: right; */
display: none;
}
.navigation-bar-crud-buttons {
display: inline-block;
/* float: right; */
/* margin-left: 1em; */
/* margin-left: 10px;*/
}
.navigation-bar-nav-buttons {
display: inline-block;
/*float: right;*/
/*margin-left: 1em;*/
}
.bottom-navigation-bar .navigation-bar-crud-buttons {
/*float: right;*/
}
.crud-buttons {
float: right;
}
.entity-actions {
margin-top: 5px;
border-top: 1px dashed black;
}
.top-navigation-bar {
padding: 15px 30px !important;
/*border: 1px solid #DDD;*/
margin-bottom: 1.389em; /* Vertical rythm */
background: rgba(247, 247, 247, 1); /*rgba(255, 255, 255, 1); */
z-index: 9999;
}
#header-navbar .nav-header .navbar-nav {
margin: 0;
}
.elements-summary {
margin-right: 10px;
}
.bottom-navigation-bar {
border-top : 1px solid #DDD;;
clear: both;
padding-left: 10px;
padding-right: 10px;
/*background: rgba(247, 247, 247, 1);*//*rgba(255, 255, 255, 1);*/
z-index: 9999;
margin-top: 12px; /* Vertical rythm */
margin-bottom: 13px; /* Vertical rythm */
padding-top: 0.667em; /* Vertical rythm */
padding-bottom: 0.667em; /* Vertical rythm */
}
.entity-status-bar {
}
/* ------- 10-data-representation.css ---------*/
/* ========================================================================== */
/* ================== REPRESENTING AN ITEM ================================== */
/* ========================================================================== */
/*
-----------------------------------------------------------------------
| element-container
|
*/
.element-container {
border: 1px solid #EEE;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.element-row-selector, .element-own-row-selector {
cursor: pointer;
cursor: hand;
}
.element-navigation-detail {
cursor: pointer;
cursor: hand;
}
.element-detail {
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.element_template_actions {
overflow: hidden;
}
.element_template_actions_buttons {
margin-top: 5px;
float: right;
}
.entity-title {
margin: 0px;
display: inline-block;
margin-right: 1em;
border: none;
}
.entity-id {
padding: 5px;
background: yellow;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.entity-field {
padding: 5px;
/* border-bottom: 1px dotted gray;*/
overflow: hidden;
}
.entity-fieldlabel {
display: inline-block;
vertical-align: middle; /*top*/
width: 35%;
padding-top: 5px;
padding-bottom: 5px;
}
.entity-fieldvalue {
display: inline-block;
width:60%;
margin-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
}
}
.entity-block-title {
margin-top: 2px;
margin-bottom: 2px;
}
/* ---- Entity blocks (used on photo management) ------ */
.entity-blocks-container {
margin: 2px;
padding: 2px;
overflow: hidden;
}
.entity-block-container {
/*float: left;*/
display: inline-block;
vertical-align: top;
}
.entity-block-container-inside {
margin: 2px;
padding: 2px;
/*border: 1px dashed gray;*/
}
.entity-block {
border: 1px black solid;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
overflow: hidden;
}
/* ------------------- Item properties -------------------- */
/*
-------------------------------------
attribute_name attribute_value
-------------------------------------
*/
.item_properties_attribute {
overflow: hidden;
}
.item_properties_attribute_name {
width: 60%;
float: left;
}
.item_properties_attribute_value {
width: 40%;
float: left;
}
/* ========================================================================== */
/* ========== REPRESENTING COLLECTIONS OF ITEMS ============================= */
/* ========================================================================== */
/* ------------------- ENTITIES MANAGEMENT ---------------------------------- */
/*
This classes are used to represent a set of items
-------------------------------------------------------------------
| entity-management
| -----------------------------------------------------------------
| | entity-block
| | |--------------------------------------------------------------
| | | elements-header
| | |
| | | elements_actions
| |Â | elements-title
| | | elements-description
| | | elements_search
| | | -------------------------------------------------------------
| | | -------------------------------------------------------------
| | | elements-container
| | |
| | | elements-list
| | | -------------------------------------------------------------
| -----------------------------------------------------------------
*/
.entity-management { /* wrapper */
/* min-height: 100%; */
}
.element-block { /* 2nd wrapper */
}
.elements-header { /* header */
/*margin-bottom: 5px;*/
}
.element_actions {
text-align: right;
line-height: 1.618em;
margin-right: 2em;
}
.element_action_submenu {
right: 0;
left: auto;
}
.elements_title {
}
.elements-description {
margin-bottom: 0.808em; /* Vertical rythm */
margin-top: 0.808em; /* Vertical rythm */
display: none; /* TESTING */
}
.elements-search {
/*float: right;*/
/*margin-left: 20px;*/
}
.elements-container { /* elements container */
}
.elements-list {
padding-bottom: 0px;
margin-bottom: 15px;
background: white;
/*border: 1px solid #DDD; */
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.no-data-message {
text-align: center;
margin: 20px 10px 10px 10px;
font-weight: bold;
}
/* --------------------------- List of items ------------------------------ */
/*
----------------------------------
view_list
view_list_item
view_list_item
view_list_item
----------------------------------
*/
.view_list { /* The ol or ul item */
padding-left: 5px;
}
.view_list_item { /* The il item */
list-style-type: none;
border-bottom: 1px solid #DDD;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 5px;
}
.view_div_element {
overflow: hidden;
}
/* -------------------------- Teaser box --------------------------------- */
/*
------------------------------------------------------
view_teaser_element
------------------------------------------------------
view_teaser_element
------------------------------------------------------
*/
.view_teaser_element {
/*
margin-top: 30px;
border-top: 1px solid gray;
padding-top: 30px;
*/
}
/* ------------------------ Inline view div ------------------------------- */
/* The elements are show inline (one next to the other) and any of the element
attributes attributes are show inline */
/*
-------------------------------------- ---------------------------------
inline_view_div_element inline_view_div_element
----------------------------------- -------------------------------
inline_view_div_element_attribute
----------------------------------- -------------------------------
-------------------------------------------------------------------------
*/
.inline_view_div_element {
display: inline-block;
}
.inline_view_div_element_attribute {
display: inline-block;
}
/* ------------------------ Youtube items --------------------------------- */
/* The elements are show as you tube videos (a float image on left size and
a title subtitle and body) */
/*
-----------------------------------------------------------------
| view_div_youtube_container
| ---------------------------------------------------------------
| | view_div_youtube_element
| | ------------------------
| | | view_div_youtube_img | view_div_youtube_title
| | | | view_div_youtube_subtitle
| | | | view_div_youtube_body
| | |----------------------|
| ---------------------------------------------------------------
-----------------------------------------------------------------
*/
.view_div_youtube_container { /* It's the wrapper for the full view */
padding-bottom: 5px;
margin-bottom: 5px;
overflow: hidden;
padding-bottom: 1.618em; /* Vertical rythm */
margin-top: 1.18em; /* Vertical rythm */
}
.view_div_youtube_element {
border-bottom: 1px dotted #CCC;
margin-bottom: 1.618em; /* Vertical rythm */
padding-bottom: 1.618em; /* Vertical rythm */
}
.view_div_youtube_img { /* Class for the image field */
width: 195px;
float: left;
-webkit-border-radius: 5px; /* Safari */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* iExplorer 9 */
clear:left;
}
.view_div_youtube_title { /* Class for the title field */
font-size: 1.2em;
font-weight: 500;
color: #559;
padding-left: 200px;
}
.view_div_youtube_title a { /* The anchor of the title */
color: #559;
text-decoration: none;
}
.view_div_youtube_subtitle { /* Class for the subtitle field */
font-size: 1.1em;
padding-left: 200px;
}
.view_div_youtube_body { /* It's the class for body (text) */
padding-left: 200px;
font-size: 0.73em;
line-height: 1.618em; /* Vertical Rythm */
margin-top: 0.279em; /* Vertical Rythm */
margin-bottom: 0.279em; /* Vertical Rythm */
}
.view_div_youtube_inline {
display: inline-block;
padding-left: 5px;
}
/* ------------------------ Mini youtube items --------------------------------- */
/* The elements are show as you tube videos (a float image on left size and
a title subtitle and body) */
/*
-----------------------------------------------------------------
| view_div_mini_youtube_container
| ---------------------------------------------------------------
| | view_div_mini_youtube_element
| | -----------------------------
| | | view_div_mini_youtube_img | view_div_mini_youtube_title
| | | | view_div_mini_youtube_subtitle
| | | | view_div_mini_youtube_body
| | |---------------------------|
| ---------------------------------------------------------------
-----------------------------------------------------------------
*/
.view_div_mini_youtube_container { /* It's the wrapper for the full view */
padding-bottom: 5px;
margin-bottom: 5px;
overflow: hidden;
padding-bottom: 1.618em; /* Vertical rythm */
margin-top: 1.18em; /* Vertical rythm */
}
.view_div_mini_youtube_element {
border-bottom: 1px dotted #CCC;
margin-bottom: 1.618em; /* Vertical rythm */
padding-bottom: 1.618em; /* Vertical rythm */
}
.view_div_mini_youtube_img { /* Class for the image field */
width: 120px;
float: left;
-webkit-border-radius: 5px; /* Safari */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* iExplorer 9 */
clear:left;
}
.view_div_mini_youtube_title { /* Class for the title field */
font-size: 1.2em;
font-weight: 500;
color: #559;
padding-left: 125px;
}
.view_div_mini_youtube_title a { /* The anchor of the title */
color: #559;
text-decoration: none;
}
.view_div_mini_youtube_subtitle { /* Class for the subtitle field */
font-size: 1.1em;
padding-left: 125px;
}
.view_div_mini_youtube_body { /* It's the class for body (text) */
padding-left: 125px;
font-size: 0.73em;
line-height: 1.618em; /* Vertical Rythm */
margin-top: 0.279em; /* Vertical Rythm */
margin-bottom: 0.279em; /* Vertical Rythm */
}
.view_div_mini_youtube_inline {
display: inline-block;
padding-left: 5px;
}
/* ---------------------- Pinterest --------------------------------------- */
.pinterest-columns {
-webkit-column-count: 3;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
-moz-column-count: 3;
-moz-column-gap: 10px;
-moz-column-fill: auto;
column-count: 3;
column-gap: 15px;
column-fill: auto;
}
.pinterest-column-item {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
/* ---------------------- Image blocks ----------------------------------- */
/* Display inline blocks with a centered content on each block */
/*
---------------------------------------------------------------------------
| view_div_imgblocks_container
| ----------------------------------- ------------------------------------
| view_div_imgblocks_element_wrapper view_div_img_blockselement_wrapper
| [view_div_imgblocks_img] [view_div_imgblocks_img]
| ----------------------------------- ------------------------------------
---------------------------------------------------------------------------
*/
.view_div_imgblocks_container { /* It's the wrapper fo the full view */
background: #FCFAFA;
border: 1px solid #DDD;
padding: 5px;
/* Round borders */
-webkit-border-radius: 5px 5px; /* Safari */
-moz-border-radius: 5px 5px; /* Firefox */
border-radius: 5px 5px; /* iExplorer 9 */
}
.view_div_imgblocks_container a {
text-decoration: none;
}
.view_div_imgblocks_element_wrapper { /* It's the wrapper for an element */
display: inline-block;
padding: 5px;
font-size: 0.8em;
}
.view_div_imgblocks_img { /* It's the class for the image field */
display: block;
margin: 0 auto;
}
/* ----------------------- Wordpress thumbnails ---------------------------- */
/*
It shows two elements per row.
It's useful when each element is made of an anchor and an image inside
*/
/*
---------------------------- -----------------------------
view_div_thumb_container view_div_thumb_container
-------------------------- ---------------------------
view_div_thumb_element view_div_thumb_element
[ANCHOR WITH IMG AND [ANCHOR WITH IMG AND
SPAN WITH DESCRIPTION] SPAN WITH DESCRIPTION]
-------------------------- --------------------------
---------------------------- -----------------------------
*/
.view_div_thumb_container { /* wrapper */
width: 46%;
display: inline-block;
margin-left: 2%;
margin-bottom: 1em;
}
.view_div_thumb_element { /* content */
position:relative;
display: block;
}
.view_div_thumb_element a, .view_div_thumb_element a:visited /* Link */
{
display: block;
border-style: none;
}
.view_div_thumb_element a:hover span /* Link */
{
color: rgba(48, 48, 47, 1);
opacity: 1;
}
.view_div_thumb_element img {
width: 100%;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
.view_div_thumb_element span {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(240, 241, 238, .85);
opacity: 0;
text-align: center;
-webkit-transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
-o-transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
-ms-transition: all 0.16s linear;
transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
}
.view_div_thumb_element_info {
padding-top: 24%;
}
/* View : Term hierarchy */
.view_term_hierarchy_container { /* Thew view wrapper */
background: #EEE;
border: 1px #CCC solid;
padding: 5px;
/* Round borders */
-webkit-border-radius: 5px 5px; /* Safari */
-moz-border-radius: 5px 5px; /* Firefox */
border-radius: 5px 5px; /* iExplorer 9 */
}
.view_term_hierarchy_container a { /* Anchor element */
text-decoration: none;
}
/* ======================================================================== */
/* =============== OTHER CONTAINERS ======================= */
/* ======================================================================== */
/* -------------------------- Letter -------------------------------------- */
.letter { /* The letter container */
}
.letter-recipient { /* the letter destinatary */
font-size: larger;
text-transform: uppercase;
}
.letter-paragraph { /* A letter paragraph */
margin-left: 30px;
}
.letter-complimentary-close { /* A letter close */
font-style: italic;
}
.letter-signature { /* A letter signature */
font-size: larger;
}
/* ========================================================================== */
/* ================== BOXES TO SHOW INFORMATION ============================= */
/* ========================================================================== */
.fullbox {
width: 100%;
}
.box {
vertical-align: top;
}
.box-shadow {
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow:0 0 5px #888;
box-shadow: 0 0 5px #888;
}
.bottom-box-shadow {
-moz-box-shadow: 0 1px 5px -2px #888;
-webkit-box-shadow: 0 1px 5px -2px #888;
box-shadow: 0 1px 5px -2px #888;
}
/* ------------------------ Information blocks ---------------------- */
/* A set of floating boxes to show a description */
/*
--------------------------------------------------------------------
| information-block-container
|
| ------------------------------ -------------------------------
| information-block-title information-block-title
| information-block-description information-block-description
| ------------------------------ -------------------------------
|------------------------------------------------------------------*/
.information-block-container { /* Holds a set of information-block */
overflow: hidden;
}
.information-block {
float: left;
margin-left: 10px;
padding: 10px;
text-align: left;
-webkit-border-radius: 5px 5px; /* Safari */
-moz-border-radius: 5px 5px; /* Firefox */
border-radius: 5px 5px; /* iExplorer 9 */
}
.information-block-title {
}
.information-block-description {
}
.information-block-category-1 {
background: #EEEEEE;
}
.information-block-category-2 {
background: #DDDDDD;
}
.information-block-category-3 {
background: #CCCCCC;
}
.information-block-category-4 {
background: #AAAAAA;
}
/* ------------------------- Gui block ---------------------------------- */
/* Used to represent a box with a title */
/*
----------------------------------------
| guiblock|
| gui-block-title |
----------------------------------------
*/
.guiblock { /* The container */
border: 1px solid #DDD;
/*border-radius: 5px;*/
padding: 5px;
background: #EEE;
margin-bottom: 0.808em;
margin-top: 0.808em;
}
.guiblock-title { /* The title (inside the container) */
font-weight: 600;
border-bottom: 1px solid #DDD;
line-height: 1.618em; /* Vertical rythm */
margin-bottom: 0.404em; /* Vertical rythm */
margin-top: 0.404em; /* Vertical rythm */
}
/* ----------------------- Highlight Block --------------------------------- */
/* Used to represent an important box */
/*
----------------------------------------
| highlight_block |
| Highlight block title |
| |
----------------------------------------
*/
.highlight_block {
background: #FDED86;
border: 1px solid #DDD;
padding: 5px;
margin-bottom: 0.808em;
margin-top: 0.808em;
}
.highlight_block_title {
padding: 2px 5px 2px 5px;
}
.highlight_block_level_2 {
overflow: hidden;
background: #DDDDDD;
}
/* --------------------- Content data box ----------------------------- */
/* Used to build more complex boxes with multiple rows */
/*
--------------------------------------------
| content_data_box |
| |
| -----------------------------------------|
| | content_data_block |
| | CONTENT_DATA_BLOCK_TITLE |
| | |
| | ---------------------------------------|
| | | content_data_row |
| | | LABEL |
| | |--------------------------------------|
| |----------------------------------------|
|------------------------------------------|
*/
.content_data_box { /* The container */
background: #EEEEEE;
border: 1px solid #DDDDDD;
padding: 0px 20px 0px 20px;
margin-top: 1.618em; /* Vertical rythm */
}
.content_data_block { /* A block inside the container */
border-bottom: 1px solid #DDDDDD;
}
.content_data_block_title { /* A block title */
color: rgba(207, 32, 32, 0.6);
}
.content_data_row { /* A row inside a block */
line-height: 1.618em;
}
.content_data_label { /* A label */
color: gray;
}
/* ------- 11-text.css ---------*/
/* --------- Size --------- */
.bigger_text {
font-size: larger;
}
.smaller_text {
font-size: smaller;
}
/* ------- Transform ------ */
.uppercase_text {
text-transform: uppercase;
}
.lowercase_text {
text-transform: lowercase;
}
.italic_text {
font-style: italic;
}
/* ------- Contrast ------- */
.more_contrast_text {
font-weight: 600;
}
.less_contrast_text {
color: gray;
}
/* ------- hightlighted and lowlighted text --------- */
.highlighted_text {
font-weight: 600;
}
.highlighted_text_2 {
color: gray;
}
.lowlighted_text {
font-weight: 300;
}
.lighter_text {
color: rgba(130, 130, 130, 0.6);
}
/* ----- text alignment ------------ */
.centered_text {
text-align: center;
}
.left_text {
text-align: left;
}
.right_text {
text-align: right;
}
/* ------- Messages colors -------- */
.error {
color: #E23131;
}
.info {
color: blue;
}
.warn {
color: darkblue;
}
.fatal {
color: darkred;
}
/* ------- 12-backgrounds.css ---------*/
/* ------- 13-tabs.css ---------*/
#content_tabs, .content_tabs{
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
#content_tabs li, .content_tabs li{
float: left;
margin: 0 .5em 0 0;
}
#content_tabs a, .content_tabs a{
position: relative;
background: rgba(240, 240, 240, 0.5);
border: 1px solid #AAA;
padding: 5px 10px 5px 5px;
float: left;
text-decoration: none;
color: #444;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
#content_abs a:hover,
#content_tabs a:hover::after,
#content_tabs a:focus,
#content_tabs a:focus::after,
.content_abs a:hover,
.content_tabs a:hover::after,
.content_tabs a:focus,
.content_tabs a:focus::after {
/*
background: #fff;
*/
}
#content_tabs a:focus,
.content_tabs a:focus{
outline: 0;
}
/*
#tabs a::after{
content:'';
position:absolute;
z-index: 1;
top: 0;
right: -.5em;
bottom: 0;
width: 1em;
}
*/
#content_tabs #current a,
#content_tabs #current a::after,
.content_tabs #current a,
.content_tabs #current a::after{
background: rgba(240,240,240,0.5);
color: black;
font-weight: bold;
z-index: 3;
}
/* ------- 14-utilities.css ---------*/
/* ------------ Utilities ------------ */
.over_cursor {
cursor: pointer;
cursor: hand;
}
.indentation { /* An indentation */
width : 20px;
display: inline-block;
}
.overflow {
overflow: hidden;
}
.100_100_width {
width: 100%;
}
.100_100_height {
height: 100%;
}
.as_link {
text-decoration: underline;
}
/* ----- Vertical align ----- */
.top-vertical-align {
vertical-align: top;
}
/* ------ Shadow ------- */
.box-shadow {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
}
/* ------ BorderBox ----- */
.border-box {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
/* ----- Border -------- */
.no-border {
border: none;
}
.no-background {
background: none;
}
.rounded {
border-radius: 5px;
}
/* ----- Borders --------- */
.left-border-nosolid {
border-left: 1px dashed #CCC;
}
.right-border-nosolid {
border-right: 1px dashed #CCC;
}
.top-border-nosolid {
border-top: 1px dashed #CCC;
}
.bottom-border-solid {
border-bottom: 1px solid;
}
.bottom-border-nosolid {
border-bottom: 1px dashed #CCC;
}
.bottom-border-dotted {
border-bottom: 1px dotted #CCC;
}
.all-border-solid {
border: 1px solid;
}
.all-border-dotted {
border: 1px dotted;
}
.all-border-dashed {
border: 1px dashed;
}
.all-border-solid-light {
border: 1px solid #CCC;
}
.all-border-dotted-light {
border: 1px dotted #CCC;
}
.all-border-dashed-light {
border: 1px dashed #CCC;
}
/* ----- Margins --------- */
.no-margin-right { /* No right margin */
margin-right: 0px;
}
.no-margin-left { /* No left margin */
margin-left: 0px;
}
.right-margin {
margin-right: 10px;
}
.left-margin {
margin-left: 10px;
}
.top-margin {
margin-top: 0.808em;
}
.top-margin-1line {
margin-top: 1.618em;
}
.top-margin-2lines {
margin-top: 3.236em;
}
.bottom-margin {
margin-bottom: 0.808em;
}
.bottom-margin-1line {
margin-bottom: 1.618em;
}
.bottom-margin-2lines {
margin-bottom: 3.236em;
}
@media(min-width: 960px) {
.grid_right_separator {
margin-right: 2em;
}
.grid_left_separator {
margin-left: 2em;
}
}
/* ------ Separators (borders) ------- */
.left-separator {
border-left: 1px solid #DDD;
}
.right-separator {
border-right: 1px solid #DDD;
}
.top-separator { /* Top separator */
border-top: 1px solid #DDD;
}
.bottom-separator { /* Bottom separator */
border-bottom: 1px solid #DDD;
}
/* ----- Paddings ------- */
.left-space {
padding-left: 10px;
}
.right-space {
padding-right: 10px;
}
.top-space {
padding-top: 0.382em;
}
.top-space-1line {
padding-top: 1.618em;
}
.top-space-2lines {
padding-top: 1.618em;
}
.bottom-space {
padding-bottom: 0.382em;
}
.bottom-space-1line {
padding-bottom: 1.618em;
}
.bottom-space-2lines {
padding-bottom: 3.236em;
}
.all-min-space {
padding: 5px;
}
.all-space {
padding: 10px;
}
.all-full-space {
padding : 1em;
}
/* ----- Floats -------- */
.left-float {
float: left;
}
.right-float {
float: right;
}
.clear-float {
clear: both;
}
.left-bar { /* Left float */
float: left;
}
.right-bar { /* Right float */
float: right;
}
.date_control { /* Date control */
background: url('/img/icons/calendar.png');
background-repeat: no-repeat;
background-position: 99%;
background-color: white;
}
.link { /* Link */
cursor: hand;
cursor: pointer;
}
.icon { /* An icon */
width: 16px;
}
.element-status {
-webkit-border-radius: 5px; /* Safari */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* iExplorer 9 */
padding: 3px;
}
.pending-status {
color: rgb(231, 186, 12);
}
.confirmed-status {
color: rgb(41, 158, 69);
}
.doing-status {
color: rgb(13, 124, 226);
}
.done-status {
color: rgb(0, 0, 0);
}
.error-status {
color: rgb(238, 71, 71);
}
/* ------- 15-color.css ---------*/
/* Select four background and four font colors */
.background-color-1 {
background-color: white;
}
.background-color-2 {
background-color: rgb(250,250,250);
}
.background-color-3 {
background-color: #DDD;
}
.background-color-4 {
background-color: #CCC;
}
.background-color-highlight-1 {
background-color: rgba(240, 236, 52, 0.3);
}
.background-color-highlight-2 {
background-color: rgba(242, 13, 13, 0.3);
}
.color-1 {
color: black;
}
.color-2 {
color: rgb(170, 170, 170);
color: rgba(100,100,100,0.6);
}
.color-3 {
}
.color-4 {
}
/* ------- 16-icomoon.css ---------*/
@font-face {
font-family: 'icomoon';
src:url('/fonts/icomoon.eot');
src:url('/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('/fonts/icomoon.woff') format('woff'),
url('/fonts/icomoon.ttf') format('truetype'),
url('/fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
.icon-tag:before, .icon-cart:before, .icon-coin:before, .icon-credit:before, .icon-location:before, .icon-location-2:before, .icon-envelop:before, .icon-screen:before, .icon-mobile:before, .icon-mobile-2:before, .icon-tablet:before, .icon-laptop:before, .icon-user:before, .icon-users:before, .icon-bubble:before, .icon-bubbles:before, .icon-bubbles-2:before, .icon-bubble-2:before, .icon-bubbles-3:before, .icon-user-2:before, .icon-users-2:before, .icon-user-3:before, .icon-user-4:before, .icon-key:before, .icon-rocket:before, .icon-remove:before, .icon-remove-2:before, .icon-stats:before, .icon-bars:before, .icon-pie:before, .icon-cog:before, .icon-cogs:before, .icon-cog-2:before, .icon-star:before, .icon-star-2:before, .icon-point-right:before, .icon-checkmark:before, .icon-close:before, .icon-spam:before, .icon-checkmark-circle:before, .icon-cancel-circle:before, .icon-blocked:before, .icon-info:before, .icon-info-2:before, .icon-warning:before, .icon-notification:before, .icon-question:before, .icon-play:before, .icon-pause:before, .icon-stop:before, .icon-backward:before, .icon-forward:before, .icon-play-2:before, .icon-pause-2:before, .icon-stop-2:before, .icon-backward-2:before, .icon-forward-2:before, .icon-first:before, .icon-last:before, .icon-previous:before, .icon-next:before, .icon-arrow-up-left:before, .icon-arrow-up-right:before, .icon-arrow-up:before, .icon-arrow-right:before, .icon-arrow-down-right:before, .icon-arrow-down:before, .icon-arrow-down-left:before, .icon-arrow-left:before, .icon-arrow-up-left-2:before, .icon-arrow-up-2:before, .icon-arrow-up-right-2:before, .icon-arrow-right-2:before, .icon-arrow-down-right-2:before, .icon-arrow-down-2:before, .icon-arrow-down-left-2:before, .icon-arrow-left-2:before, .icon-twitter:before, .icon-twitter-2:before, .icon-facebook:before, .icon-facebook-2:before, .icon-facebook-3:before, .icon-vimeo:before, .icon-vimeo2:before, .icon-vimeo-2:before, .icon-github:before, .icon-github-2:before, .icon-github-3:before, .icon-github-4:before, .icon-wordpress:before, .icon-wordpress-2:before, .icon-blogger:before, .icon-apple:before, .icon-tux:before, .icon-android:before, .icon-finder:before, .icon-windows:before, .icon-linkedin:before, .icon-skype:before, .icon-IE:before, .icon-opera:before, .icon-firefox:before, .icon-chrome:before, .icon-css3:before, .icon-html5:before, .icon-html5-2:before, .icon-file-css:before, .icon-file-xml:before, .icon-music:before, .icon-plus:before, .icon-minus:before, .icon-mail:before, .icon-notebook:before, .icon-calendar:before, .icon-camera:before, .icon-mail-2:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon-tag:before {
content: "\e000";
}
.icon-cart:before {
content: "\e001";
}
.icon-coin:before {
content: "\e002";
}
.icon-credit:before {
content: "\e003";
}
.icon-location:before {
content: "\e004";
}
.icon-location-2:before {
content: "\e005";
}
.icon-envelop:before {
content: "\e006";
}
.icon-screen:before {
content: "\e007";
}
.icon-mobile:before {
content: "\e008";
}
.icon-mobile-2:before {
content: "\e009";
}
.icon-tablet:before {
content: "\e00a";
}
.icon-laptop:before {
content: "\e00b";
}
.icon-user:before {
content: "\e00c";
}
.icon-users:before {
content: "\e00d";
}
.icon-bubble:before {
content: "\e00e";
}
.icon-bubbles:before {
content: "\e00f";
}
.icon-bubbles-2:before {
content: "\e010";
}
.icon-bubble-2:before {
content: "\e011";
}
.icon-bubbles-3:before {
content: "\e012";
}
.icon-user-2:before {
content: "\e013";
}
.icon-users-2:before {
content: "\e014";
}
.icon-user-3:before {
content: "\e015";
}
.icon-user-4:before {
content: "\e016";
}
.icon-key:before {
content: "\e017";
}
.icon-rocket:before {
content: "\e018";
}
.icon-remove:before {
content: "\e019";
}
.icon-remove-2:before {
content: "\e01a";
}
.icon-stats:before {
content: "\e01b";
}
.icon-bars:before {
content: "\e01c";
}
.icon-pie:before {
content: "\e01d";
}
.icon-cog:before {
content: "\e01e";
}
.icon-cogs:before {
content: "\e01f";
}
.icon-cog-2:before {
content: "\e020";
}
.icon-star:before {
content: "\e021";
}
.icon-star-2:before {
content: "\e022";
}
.icon-point-right:before {
content: "\e023";
}
.icon-checkmark:before {
content: "\e024";
}
.icon-close:before {
content: "\e025";
}
.icon-spam:before {
content: "\e026";
}
.icon-checkmark-circle:before {
content: "\e027";
}
.icon-cancel-circle:before {
content: "\e028";
}
.icon-blocked:before {
content: "\e029";
}
.icon-info:before {
content: "\e02a";
}
.icon-info-2:before {
content: "\e02b";
}
.icon-warning:before {
content: "\e02c";
}
.icon-notification:before {
content: "\e02d";
}
.icon-question:before {
content: "\e02e";
}
.icon-play:before {
content: "\e02f";
}
.icon-pause:before {
content: "\e030";
}
.icon-stop:before {
content: "\e031";
}
.icon-backward:before {
content: "\e032";
}
.icon-forward:before {
content: "\e033";
}
.icon-play-2:before {
content: "\e034";
}
.icon-pause-2:before {
content: "\e035";
}
.icon-stop-2:before {
content: "\e036";
}
.icon-backward-2:before {
content: "\e037";
}
.icon-forward-2:before {
content: "\e038";
}
.icon-first:before {
content: "\e039";
}
.icon-last:before {
content: "\e03a";
}
.icon-previous:before {
content: "\e03b";
}
.icon-next:before {
content: "\e03c";
}
.icon-arrow-up-left:before {
content: "\e03d";
}
.icon-arrow-up-right:before {
content: "\e03e";
}
.icon-arrow-up:before {
content: "\e03f";
}
.icon-arrow-right:before {
content: "\e040";
}
.icon-arrow-down-right:before {
content: "\e041";
}
.icon-arrow-down:before {
content: "\e042";
}
.icon-arrow-down-left:before {
content: "\e043";
}
.icon-arrow-left:before {
content: "\e044";
}
.icon-arrow-up-left-2:before {
content: "\e045";
}
.icon-arrow-up-2:before {
content: "\e046";
}
.icon-arrow-up-right-2:before {
content: "\e047";
}
.icon-arrow-right-2:before {
content: "\e048";
}
.icon-arrow-down-right-2:before {
content: "\e049";
}
.icon-arrow-down-2:before {
content: "\e04a";
}
.icon-arrow-down-left-2:before {
content: "\e04b";
}
.icon-arrow-left-2:before {
content: "\e04c";
}
.icon-twitter:before {
content: "\e04d";
}
.icon-twitter-2:before {
content: "\e04e";
}
.icon-facebook:before {
content: "\e04f";
}
.icon-facebook-2:before {
content: "\e050";
}
.icon-facebook-3:before {
content: "\e051";
}
.icon-vimeo:before {
content: "\e052";
}
.icon-vimeo2:before {
content: "\e053";
}
.icon-vimeo-2:before {
content: "\e054";
}
.icon-github:before {
content: "\e055";
}
.icon-github-2:before {
content: "\e056";
}
.icon-github-3:before {
content: "\e057";
}
.icon-github-4:before {
content: "\e058";
}
.icon-wordpress:before {
content: "\e059";
}
.icon-wordpress-2:before {
content: "\e05a";
}
.icon-blogger:before {
content: "\e05b";
}
.icon-apple:before {
content: "\e05c";
}
.icon-tux:before {
content: "\e05d";
}
.icon-android:before {
content: "\e05e";
}
.icon-finder:before {
content: "\e05f";
}
.icon-windows:before {
content: "\e060";
}
.icon-linkedin:before {
content: "\e061";
}
.icon-skype:before {
content: "\e062";
}
.icon-IE:before {
content: "\e063";
}
.icon-opera:before {
content: "\e064";
}
.icon-firefox:before {
content: "\e065";
}
.icon-chrome:before {
content: "\e066";
}
.icon-css3:before {
content: "\e067";
}
.icon-html5:before {
content: "\e068";
}
.icon-html5-2:before {
content: "\e069";
}
.icon-file-css:before {
content: "\e06a";
}
.icon-file-xml:before {
content: "\e06b";
}
.icon-music:before {
content: "\e06c";
}
.icon-plus:before {
content: "\e06d";
}
.icon-minus:before {
content: "\e06e";
}
.icon-mail:before {
content: "\e06f";
}
.icon-notebook:before {
content: "\e070";
}
.icon-calendar:before {
content: "\e071";
}
.icon-camera:before {
content: "\e072";
}
.icon-mail-2:before {
content: "\e073";
}
/* ------- 17-cssmenu.css ---------*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu {
width: 200px;
color: #ffffff;
}
#cssmenu ul ul {
display: none;
}
#cssmenu > ul > li.active > ul {
display: block;
}
.align-right {
float: right;
}
#cssmenu > ul > li > a {
padding: 16px 22px;
cursor: pointer;
z-index: 2;
/*font-size: 16px;*/
text-decoration: none;
color: #ffffff;
background: #3ab4a6;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu > ul > li > a:hover {
color: #d8f3f0;
}
#cssmenu ul > li.has-sub > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #ffffff;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: #ffffff;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu ul ul li a {
padding: 14px 22px;
cursor: pointer;
z-index: 2;
/*font-size: 14px;*/
text-decoration: none;
color: #dddddd;
background: #49505a;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu ul ul ul li a {
padding-left: 32px;
}
#cssmenu ul ul li a:hover {
color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
top: 16px;
right: 26px;
background: #dddddd;
}
#cssmenu ul ul > li.has-sub > a:before {
top: 20px;
background: #dddddd;
}
/* ------- 18-calendar.css ---------*/
/*
* Copyright (c) 2012-2013 Thibaut Courouble
* http://www.cssflow.com
*
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*/
/* calendar style here */
.picker-container {
position: absolute;
z-index: 99;
}
.cal {
background-color: white;
display: block;
width: 216px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
border-collapse: collapse;
border-spacing: 0;
}
.cal a {
text-decoration: none;
}
.cal tr, .cal th, .cal td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.cal caption {
line-height: 32px;
font-weight: bold;
color: #e2e2e2;
text-align: center;
text-shadow: 0 -1px black;
background: #333;
//background: rgba(0, 0, 0, 0.35);
border-top: 1px solid #333;
border-bottom: 1px solid #313131;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}
.cal caption a {
display: block;
line-height: 32px;
padding: 0 10px;
font-size: 15px;
color: #e2e2e2;
}
.cal caption a:hover {
color: white;
}
.cal caption .prev {
float: left;
}
.cal caption .next {
float: right;
}
.cal th, .cal td {
width: 30px;
text-align: center;
text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}
.cal th:first-child, .cal td:first-child {
border-left: 0;
}
.cal th {
line-height: 20px;
font-size: 8px;
color: #696969;
text-transform: uppercase;
background: #f3f3f3;
border-left: 1px solid #f3f3f3;
}
.cal td {
font-size: 11px;
font-weight: bold;
border-top: 1px solid #c2c2c2;
border-left: 1px solid #c2c2c2;
}
.cal td a {
clear: both;
display: block;
position: relative;
width: 30px;
line-height: 28px;
color: #666;
background-image: -webkit-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
background-image: -moz-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
background-image: -o-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9);
-webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
}
.cal td a:hover, .cal td.off a {
background: #f3f3f3;
}
.cal td.off a {
color: #b3b3b3;
}
.cal td.active a, .cal td a:active {
margin: -1px;
color: #f3f3f3;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
background: #6dafbf;
border: 1px solid #598b94;
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
}
.cal td.active:first-child a, .cal td:first-child a:active {
border-left: 0;
margin-left: 0;
}
.cal td.active:last-child a, .cal td:last-child a:active {
border-right: 0;
margin-right: 0;
}
.cal tr:last-child td.active a, .cal tr:last-child td a:active {
border-bottom: 0;
margin-bottom: 0;
}
/* ------- 19-booking.css ---------*/
/* jQuery UI */
.ui-widget {
/*font-size: 14px;*/
}
#reservation_error {
color: #690404;
text-align: center;
}
#payment_error {
color: #690404;
text-align: center;
}
#content-reserva {
margin: 0 auto;
margin-top: 2.618em;
/*background: white;*/
/* Esquinas redondeadas */
-webkit-border-radius: 5px 5px; /* Safari */
-moz-border-radius: 5px 5px; /* Firefox */
border-radius: 5px 5px; /* iExplorer 9 */
}
#content-reserva #content-header {
}
#content-reserva #content-body {
padding: 5px 15px;
}
#content-reserva #content-footer {
clear:both;
}
#content-reserva .logo-img {
float: right;
}
/* --------------------------------------------- */
/* Plugins : Errores, Datepicker, Placeholder... */
/* --------------------------------------------- */
#content-reserva label.error {
color: #690404;
padding-left: 10px;
float: left;
}
/*match placeholder/watermark padding to border+padding for input element*/
#content-reserva label.placeholder {
cursor: text;
padding: 4px 4px 4px 4px;
color: #999999;
}
/* html5 placeholder support */
#content-reserva input::-webkit-input-placeholder, #content-reserva textarea::-webkit-input-placeholder {
color:#999999;
}
#content-reserva input:placeholder, #content-reserva textarea:placeholder {
color:#999999;
}
#content-reserva fieldset {
border-width: 0px; /* border-color: transparent does not work */
}
/* ----------------------------- */
/* Common forms */
/* ----------------------------- */
#content-reserva .botones
{
cursor: pointer;
}
#content-reserva legend {
color: gray;
}
#content-reserva .legend-first-level
{
/* font-size: 14px;*/
font-weight: bold;
width: 100%; /* To show the border in all the space */
border-bottom: 1px solid #CCC;
}
#content-reserva .legend-second-level
{
/*font-size: 12px;*/
font-weight: bold;
padding-top:5px;
border-bottom: 1px dashed #DDD;
margin-bottom:5px;
/*padding-left:3px;*/
}
#content-reserva .fieldset_description
{
padding-left:3px;
}
#content-reserva fieldset
{
border-color: transparent;
}
#content-reserva label {
/*font-size: 12px; */
padding: 5px 0px 5px 0px;
}
#content-reserva input[type="text"], select, textarea {
/* padding: 4px;*/
}
#content-reserva label {
/* padding: 4px 0px 4px 0px;*/
}
/* ------------------------------------ */
/* Overlay content */
/* ------------------------------------ */
.contentWrap {
padding-left : 15px;
padding-right: 15px;
}
/* use a semi-transparent image for the overlay */
#overlay {
border: 1px solid gray;
height:450px;
/* Esquinas redondeadas */
-webkit-border-radius: 5px 5px; /* Safari */
-moz-border-radius: 5px 5px; /* Firefox */
border-radius: 5px 5px; /* iExplorer 9 */
}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
height:441px;
overflow-y:auto;
}
/* the overlayed element */
.apple_overlay {
/* initially overlay is hidden */
display:none;
/* growing background image */
/*background-image:url(../img/overlay/white.png);*/
background: white;
color: black;
/*
width after the growing animation finishes
height is automatically calculated
*/
width:640px;
/* some padding to layout nested elements nicely */
padding:15px;
margin: 5px;
}
/* default close button positioned on upper right corner */
.apple_overlay .close {
background-image:url(../img/overlay/close.png);
position:absolute; right:-25px; top:-25px;
cursor:pointer;
height:35px;
width:35px;
}
/* ----------------------------- */
/* Wizard */
/* ----------------------------- */
#content-reserva #wizard-navigation {
margin-top: 0.808em;
margin-bottom: 0.808em;
}
#content-reserva #wizard-options {
font-size: 20px;
list-style-type: none;
display: inline-block;
}
#content-reserva #wizard-options li {
float: left;
margin-bottom: 0.808em;
height: 2.5em;
}
#content-reserva #wizard-options a {
padding-right: 20px;
}
#content-reserva #wizard-options a span.tab_id {
font-size: 1.618em;
padding: 0px 10px;
text-decoration: none;
/* Esquinas redondeadas */
-webkit-border-radius: 5px 5px; /* Safari */
-moz-border-radius: 5px 5px; /* Firefox */
border-radius: 5px 5px; /* iExplorer 9 */
}
#content-reserva .active {
color: black;
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
#content-reserva .active span.tab_id {
background-color: yellow;
}
#content-reserva .not-active {
color: black;
font-weight: 300;
text-decoration: none;
cursor: pointer;
}
#content-reserva .not-active span {
background-color: white;
color: black;
//border: 1px solid gray;
}
#content-reserva .not-enabled {
color: #888;
font-weight: normal;
text-decoration: none;
cursor: default;
}
#content-reserva .not-enabled span.tab_id {
background-color: #C2C2C2;
color: white;
}
/* ----------------------------- */
/* Search Item Form */
/* ----------------------------- */
#timefrom, #timeto, #pickup_place, #return_place {
/*height: 2em;*/
}
#date-selection {
border-top: 4px solid rgb(70, 136, 207);
background: white;
}
#form-search-item {
padding: 0px 10px 10px 10px;
/*
border-top: 4px solid rgb(70, 136, 207);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; */
}
#result {
background: white;
border: 1px solid #DDD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#form-search-item div { /* Each components lines is displayed in a div */
overflow: hidden;
}
#button_calcular_tarifas {
background: rgb(70, 136, 207);
padding: 1.618em;
color: white;
text-transform: uppercase;
font-size: small;
}
#content-reserva .columna1 {
width: 20%;
float: left;
}
#content-reserva .columna2 {
/*width: 100px;*/
width: 25%;
}
#content-reserva .columna3 {
width: 25%;
}
#content-reserva .columna4 {
width: 25%;
}
#content-reserva .columna5 {
float: left;
}
/* ------------------------------------------------ */
/* Search Items RESULT */
/* ------------------------------------------------ */
@media(max-width:600px) {
#result img {
margin: 0 auto;
display: block;
}
.car_detail_description, .car_detail_cars, .car_price_total, .car_price_booking {
text-align: center;
}
}
#content-reserva div.car{
/*margin-top: 5px;*/ /* Margin between cars */
min-height: 125px;
position: relative;
clear: left;
overflow: hidden;
}
#content-reserva div.car_detail_description {
font-weight: bold;
}
#content-reserva div.car_detail_cars {
padding-top: 10px;
}
#content-reserva div.car_price {
float: left;
}
#content-reserva div.car_price_not_optional {
float: right;
margin-right: 30px;
padding-top: 15px;
}
#content-reserva div.car_price_total {
/*overflow: hidden;*/
text-align: center;
font-size: 2em;
font-weight: 600;
}
#content-reserva div.car_price_total_base {
/*overflow: hidden;*/
text-align: center;
font-size: 1.2em;
font-weight: 600;
text-decoration: line-through;
color: #BBB;
}
#content-reserva div.car_price_total_base_offer {
font-size: 0.9em;
color: red;
text-align: center;
font-weight: 600;
}
.detailed_price .car_price_total_base {
font-size: 0.8em;
color:#BBB;
text-decoration:line-through;
}
.detailed_price .car_price_total_base_offer {
font-size: 0.8em;
color: red;
}
#content-reserva div.car_price_booking {
text-align: center;
}
#content-reserva .car_price span{
font-size: 36px;
text-align: right;
/*float:right;*/
}
.car_price_optional {
margin-left: 30px;
float: left;
width: 160px;
}
.car_price_optional_text {
font-size: 12px;
font-style: italic;
text-align: center;
padding: 10px 0px 0px;
}
#content-reserva .book-button {
/*float: right;*/
min-width: 75px;
min-height: 23px;
padding: 10px;
}
/* ------------------------------------------------ */
/* */
/* ------------------------------------------------ */
#other-tabs-header {
background: white;
padding: 5px;
}
#extras-selection {
background: white;
padding: 5px;
}
/* ------------------------------------------------ */
/* Formulario datos reserva */
/* ------------------------------------------------ */
#form-reservation {
display: none; /* In the beginning is not visible */
overflow: hidden;
margin-bottom: 10px;
clear: both;
background: white;
padding: 1em;
border: 1px solid #DDD;
border-radius: 5px;
}
#tblextras {
padding: 5px;
}
#tblextras thead {
border-bottom: 1px solid #CCC;
}
#tblextras td {
padding-top: 5px;
padding-bottom: 5px;
}
#tblextras label {
top: 0px;
}
label.form-reservation-error {
color: #ba1c28;
}
.readonly-field, #date_from_extended, #date_to_extended, #pickup_place_extended, #return_place_extended{
border-width: 0px;
background-color: transparent;
}
#fs_summary_item #item_image {
display: block;
margin: 0 auto;
padding: 15px;
}
#fs_summary_extras {
height: 10%;
}
#content-reserva .total_cost {
color: white;
font-size: 40px;
background-color: black;
text-align: center;
width: 100%;
display: inline-block;
border-radius: 5px;
padding-top: 5px;
padding-bottom: 5px
}
#fs_conditions {
clear: right;
border-top: 1px solid gray;
}
#button_continua_rellenar_datos,
#button_ir_a_pagar_reserva,
#button_confirmar_reserva,
#button_confirmar_reserva_manager {
display: block;
margin: 0 auto;
min-width: 200px;
}
/* -------------- SENDING BOOKING ------------------------- */
#sending-booking img,
#checking-availability img {
display: block;
margin: 0 auto;
margin-top:15px;
}
/* -------------- MESSAGE BOOKING SENT -------------------- */
#booking-complete-message {
/* width: 500px; */
margin-bottom: 30px;
display: none;
}
#content-reserva .bf-title , #content-reserva .bf-footer {
margin-left: 20px;
}
#content-reserva .bf-message {
margin-left: 40px;
text-align: left;
}
/* ------------ DETAILED COST ------------------------- */
#content-reserva .detailed_price {
margin: 0 auto
}
#content-reserva .detailed_price thead {
border-bottom: 1px solid #CCC;
}
#content-reserva .detailed_price thead th {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 600;
}
#content-reserva .detailed_price td {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #DDD;
}
#content-reserva .quantity_column {
text-align: right;
}
#content-reserva .total_column {
font-weight: bold;
}
#content-reserva .first_column {
}
.booking-message {
padding: 0.5em;
font-size: smaller;
margin-bottom: 2em;
}
.booking-not-available {
padding: 0.5em;
color: red;
border: 1px solid;
}
#booking_item_reference {
height: 2.2em;
}
/* ------- 20-ysdbooking.css ---------*/
#top.top-no-user {
padding-bottom: 3.268em;
}
#container_header {
padding-bottom: 0.808em;
}
#container_footer {
margin-bottom: 3.268em;
}
.gallery-thumbnail-img {
width: 85px;
}
.content-right-body > div {
background-color: rgba(255,255,255,0.25);
border-left: 1px solid #DDD;
padding-top: 20px;
padding-right: 10px;
}
.content-right-body .block {
padding-bottom: 2em;
}
#block_booking_selector_inline #form-search-item {
text-align: center;
background-color: rgba(207, 220, 226, 0.3);
margin-top: 0.808em;
border-radius: 10px 10px 0px 0px;
}
.content-header-wrapper {
margin-top: 0;
}
/* ------- alert.css ---------*/
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 20px;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.alert-success h4 {
color: #468847;
}
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
color: #b94a48;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.alert-info h4 {
color: #3a87ad;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
/* ------- close.css ---------*/
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
/* ------- jquery.ad-gallery.css ---------*/
.ad-gallery {
width: 600px;
}
.ad-gallery, .ad-gallery * {
margin: 0;
padding: 0;
}
.ad-gallery .ad-image-wrapper {
width: 100%;
height: 400px;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
position: absolute;
z-index: 10;
top: 48%;
left: 48%;
border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
position: absolute;
right: 0;
top: 0;
width: 25%;
height: 100%;
cursor: pointer;
display: block;
z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
position: absolute;
left: 0;
top: 0;
width: 25%;
height: 100%;
cursor: pointer;
display: block;
z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
/* Or else IE will hide it */
background: url(non-existing.jpg)\9
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url('/img/lib/jquery-adgallery/ad_prev.png');
width: 30px;
height: 30px;
display: none;
position: absolute;
top: 47%;
left: 0;
z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url('/img/lib/jquery-adgallery/ad_next.png');
width: 30px;
height: 30px;
right: 0;
left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
position: absolute;
bottom: 0px;
left: 0px;
padding: 7px;
text-align: left;
width: 100%;
z-index: 2;
background: url('/img/lib/jquery-adgallery/opa75.png');
color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/img/lib/jquery-adgallery/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
display: block;
}
.ad-gallery .ad-controls {
height: 20px;
}
.ad-gallery .ad-info {
float: left;
}
.ad-gallery .ad-slideshow-controls {
float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
padding-left: 5px;
cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
padding-left: 5px;
font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
cursor: default;
font-style: italic;
}
.ad-gallery .ad-nav {
width: 100%;
position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
position: absolute;
top: 0;
height: 100%;
z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
height: 100px;
}
.ad-gallery .ad-back {
cursor: pointer;
left: -20px;
width: 13px;
display: block;
background: url('/img/lib/jquery-adgallery/ad_scroll_back.png') 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
cursor: pointer;
display: block;
right: -20px;
width: 13px;
background: url('/img/lib/jquery-adgallery/ad_scroll_forward.png') 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
overflow: hidden;
width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
float: left;
width: 9000px;
list-style: none;
}
.ad-gallery .ad-thumbs li {
float: left;
padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
display: block;
}
.ad-gallery .ad-thumbs li a img {
border: 3px solid #CCC;
display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
position: absolute;
left: -9000px;
top: -9000px;
}
/* ------- colour-picker.css ---------*/
#jquery-colour-picker {
background: #fafafa;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
width: 180px;
padding: 10px 5px 5px 10px;
border: 1px solid #666;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
z-index: 99;
}
#jquery-colour-picker h2 {
margin: 0 0 5px 0;
font-size: 14px;
}
#jquery-colour-picker ul {
margin: 0;
padding: 0;
list-style-type: none;
+zoom: 1;
}
#jquery-colour-picker ul:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
#jquery-colour-picker ul li {
float: left;
margin: 0 5px 5px 0;
}
#jquery-colour-picker ul li a {
display: block;
width: 13px;
height: 13px;
text-decoration: none;
text-indent: -100000px;
outline: 0;
border: 1px solid #aaa;
}
#jquery-colour-picker ul li a:hover {
border-color: #000;
}
/* ------- datetimepicker.css ---------*/
/* css for timepicker */
.ui-timepicker-div {
border-radius: 5px;
border: 1px solid #C5BFBF;
padding: 5px;
margin: 5px;
}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 100px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 100px 10px 10px; }
/* ------- jquery.fcbkcomplete.css ---------*/
/* Copyright: Guillermo Rauch - Distributed under MIT - Keep this message! */
/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 0px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;}
ul.holder li.bit-box, ul.holder li.bit-input input { }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }
/* Facebook demo CSS */
ul.holder { margin: 0 !important }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;}
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/img/lib/jquery-fcbkcomplete/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }
/* Autocompleter */
.facebook-auto { display: none; position: absolute; background: #eee; z-index:1001;}
.facebook-auto .select_all_items {display: block; float: right;}
.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}
.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; background-color: #eee }
.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
.deleted { background-color:#4173CC !important; color:#ffffff !important;}
.hidden { display:none;}
#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}
/* ------- fullcalendar.css ---------*/
/*!
* FullCalendar v1.6.1 Stylesheet
* Docs & License: http://arshaw.com/fullcalendar/
* (c) 2013 Adam Shaw
*/
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc,
.fc table {
font-size: 1em;
}
.fc td,
.fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
}
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right, /* non-theme */
.fc-header .ui-corner-right { /* theme */
margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
}
.fc-view {
width: 100%; /* needed for view switching (when view is absolute) */
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header, /* | , usually */
.fc-widget-content { /* | , usually */
border: 1px solid #ddd;
}
.fc-state-highlight { /* | today cell */ /* TODO: add .fc-today to | */
background: #fcf8e3;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #bce8f1;
opacity: .3;
filter: alpha(opacity=30); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
padding: 0 .6em;
overflow: hidden;
height: 1.9em;
line-height: 1.9em;
white-space: nowrap;
cursor: pointer;
}
.fc-state-default { /* non-theme */
border: 1px solid;
}
.fc-state-default.fc-corner-left { /* non-theme */
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right { /* non-theme */
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/*
Our default prev/next buttons use HTML entities like ‹ › « »
and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
margin: 0 .1em;
font-size: 2em;
font-family: "Courier New", Courier, monospace;
vertical-align: baseline; /* for IE7 */
}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for ‹ › */
font-weight: bold;
}
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
/*
button states
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
color: #333333;
background-color: #e6e6e6;
}
.fc-state-hover {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
background-color: #cccccc;
background-image: none;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event {
border: 1px solid #3a87ad; /* default BORDER color */
background-color: #3a87ad; /* default BACKGROUND color */
color: #fff; /* default TEXT color */
font-size: .85em;
cursor: default;
}
a.fc-event {
text-decoration: none;
}
a.fc-event,
.fc-event-draggable {
cursor: pointer;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-inner {
width: 100%;
height: 100%;
overflow: hidden;
}
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle {
display: block;
position: absolute;
z-index: 99999;
overflow: hidden; /* hacky spaces (IE6/7) */
font-size: 300%; /* */
line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
border-left-width: 1px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
border-right-width: 1px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; /* IE6 had 0 height */
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
border-bottom-width: 1px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc .fc-week-number {
width: 22px;
text-align: center;
}
.fc .fc-week-number div {
padding: 0 2px;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30); /* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-week-number {
font-weight: bold;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px; /* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid; /* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert.fc-event-start {
border-top-width: 1px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.fc-event-vert.fc-event-end {
border-bottom-width: 1px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px;
}
.fc-event-vert .fc-event-inner {
position: relative;
z-index: 2;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .25;
filter: alpha(opacity=25);
}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
_overflow: hidden;
}
/* ------- fullcalendar.print.css ---------*/
/*!
* FullCalendar v1.6.1 Print Stylesheet
* Docs & License: http://arshaw.com/fullcalendar/
* (c) 2013 Adam Shaw
*/
/*
* Include this stylesheet on your page to get a more printer-friendly calendar.
* When including this stylesheet, use the media='print' attribute of the tag.
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
*/
/* Events
-----------------------------------------------------*/
@media print {
.fc-event {
background: #fff !important;
color: #000 !important;
}
/* for vertical events */
.fc-event-bg {
display: none !important;
}
.fc-event .ui-resizable-handle {
display: none !important;
}
}
/* ------- default.css ---------*/
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
.theme-default .nivoSlider {
position:relative;
background:#fff url('/img/lib/jquery-nvivoslider/loading.gif') no-repeat 50% 50%;
margin-bottom:10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
.theme-default .nivo-controlNav a {
display:inline-block;
width:22px;
height:22px;
background:url('/img/lib/jquery-nvivoslider/bullets.png') no-repeat;
text-indent:-9999px;
border:0;
margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url('/img/lib/jquery-nvivoslider/arrows.png') no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}
/* ------- nivo-slider.css ---------*/
/*
* jQuery Nivo Slider v3.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/* ------- jquery.sidr.dark.css ---------*/
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
/* ------- jquery.sidr.light.css ---------*/
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}
/* ------- jquery-ui-1.8.13.custom.css ---------*/
/*
* jQuery UI CSS Framework 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget { /*font-family: Verdana,Arial,sans-serif; font-size: 1.1em;*/ }
.ui-widget .ui-widget { /*font-size: 1em;*/ }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /*font-family: Verdana,Arial,sans-serif; font-size: 1em;*/ }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url('/img/lib/jquery-ui-smoothness/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url('/img/lib/jquery-ui-smoothness/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url('/img/lib/jquery-ui-smoothness/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url('/img/lib/jquery-ui-smoothness/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url('/img/lib/jquery-ui-smoothness/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url('/img/lib/jquery-ui-smoothness/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url('/img/lib/jquery-ui-smoothness/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url('/img/lib/jquery-ui-smoothness/ui-icons_222222_256x240.png'); }
.ui-widget-content .ui-icon {background-image: url('/img/lib/jquery-ui-smoothness/ui-icons_222222_256x240.png'); }
.ui-widget-header .ui-icon {background-image: url('/img/lib/jquery-ui-smoothness/ui-icons_222222_256x240.png'); }
.ui-state-default .ui-icon { background-image: url('/img/lib/jquery-ui-smoothness/ui-icons_888888_256x240.png'); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('/img/lib/jquery-ui-smoothness/ui-icons_454545_256x240.png'); }
.ui-state-active .ui-icon {background-image: url('/img/lib/jquery-ui-smoothness/ui-icons_454545_256x240.png'); }
.ui-state-highlight .ui-icon {background-image: url('/img/lib/jquery-ui-smoothness/ui-icons_2e83ff_256x240.png'); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url('/img/lib/jquery-ui-smoothness/ui-icons_cd0a0a_256x240.png'); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url('/img/lib/jquery-ui-smoothness/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url('/img/lib/jquery-ui-smoothness/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;
/* http://bugs.jqueryui.com/ticket/7233
- Resizable: resizable handles fail to work in IE if transparent and content overlaps
*/
background-image:url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=);
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
* jQuery UI Selectable 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
* jQuery UI Autocomplete 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.13
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
* jQuery UI Tabs 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
* jQuery UI Progressbar 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/* ------- editor.css ---------*/
/* ------- jquery.wysiwyg.css ---------*/
div.wysiwyg { border: 1px solid #999; padding: 0; background: #fff url('/img/lib/jquery-wysiwyg/jquery.wysiwyg.bg.png') repeat-x top; }
div.wysiwyg * { margin: 0; padding: 0; }
div.wysiwyg ul.toolbar li.jwysiwyg-custom-command { overflow: hidden; }
div.wysiwyg ul.toolbar { border-bottom: 1px solid #ccc; float: left; width: 100%; background: #DDD;
padding: 10px; }
div.wysiwyg ul.toolbar li { list-style: none; float: left; margin: 1px 2px 3px 0; background: rgb(240, 240, 240); -moz-user-select: none; -webkit-user-select: none; user-select: none; clear: none; padding: 0 }
div.wysiwyg ul.toolbar li.separator { background: none; width: 1px; height: 20px; margin: 0 4px 0px 5px; border: none; border-left: 1px solid #ccc; }
div.wysiwyg ul.toolbar li { text-indent: -5000px; display: block; width: 18px; height: 18px; background: url('/img/lib/jquery-wysiwyg/jquery.wysiwyg.gif') no-repeat -640px -800px; border: 1px solid transparent; cursor: pointer; margin: 0px; }
div.wysiwyg ul.toolbar li.wysiwyg-button-hover, div.wysiwyg ul.toolbar li.active { background-color: #DDD; border: 1px solid transparent; }
div.wysiwyg ul.toolbar li.active { background-color: rgb(255, 255, 64); border: 1px solid rgb(208, 208, 208); border-left-color: #aaa; border-top-color: #aaa; height: 18px; width: 18px; padding: -1px 0 0 -1px; margin: 0; }
div.wysiwyg ul.toolbar li.disabled, div.wysiwyg ul.toolbar li.wysiwyg-button-hover.disabled, div.wysiwyg ul.toolbar li.active.disabled { opacity: 0.5; filter:alpha(opacity=50); border: 0px none transparent; padding: 1px; cursor: auto; }
div.wysiwyg ul.toolbar li.bold { background-position: -1px -15px; }
div.wysiwyg ul.toolbar li.italic { background-position: -18px -15px; }
div.wysiwyg ul.toolbar li.strikeThrough { background-position: -36px -15px; }
div.wysiwyg ul.toolbar li.underline { background-position: -55px -15px; }
div.wysiwyg ul.toolbar li.highlight { background-position: -48px -96px; }
div.wysiwyg ul.toolbar li.justifyLeft { background-position: 0 2px; }
div.wysiwyg ul.toolbar li.justifyCenter { background-position: -18px 2px; }
div.wysiwyg ul.toolbar li.justifyRight { background-position: -36px 2px; }
div.wysiwyg ul.toolbar li.justifyFull { background-position: -55px 2px; }
div.wysiwyg ul.toolbar li.indent { background-position: -74px 1px; }
div.wysiwyg ul.toolbar li.outdent { background-position: -92px 1px; }
div.wysiwyg ul.toolbar li.subscript { background-position: -74px -15px; }
div.wysiwyg ul.toolbar li.superscript { background-position: -92px -15px; }
div.wysiwyg ul.toolbar li.undo { background-position: 0px -68px; }
div.wysiwyg ul.toolbar li.redo { background-position: -18px -69px; }
div.wysiwyg ul.toolbar li.insertOrderedList { background-position: -36px -49px; }
div.wysiwyg ul.toolbar li.insertUnorderedList { background-position: -19px -49px; }
div.wysiwyg ul.toolbar li.insertHorizontalRule { background-position: 0 -49px; }
div.wysiwyg ul.toolbar li.h1 { background-position: 0px -31px; }
div.wysiwyg ul.toolbar li.h2 { background-position: -18px -31px; }
div.wysiwyg ul.toolbar li.h3 { background-position: -36px -31px; }
div.wysiwyg ul.toolbar li.h4 { background-position: -55px -31px; }
div.wysiwyg ul.toolbar li.h5 { background-position: -74px -31px; }
div.wysiwyg ul.toolbar li.h6 { background-position: -92px -31px; }
div.wysiwyg ul.toolbar li.paragraph { background-position: 0px -106px; }
div.wysiwyg ul.toolbar li.colorpicker { background-position: -18px -106px; }
div.wysiwyg ul.toolbar li.fullscreen { background-position: -36px -106px; }
div.wysiwyg ul.toolbar li.cut { background-position: -36px -68px; }
div.wysiwyg ul.toolbar li.copy { background-position: -55px -68px; }
div.wysiwyg ul.toolbar li.paste { background-position: -74px -68px; }
div.wysiwyg ul.toolbar li.insertTable { background-position: -74px -49px; }
div.wysiwyg ul.toolbar li.increaseFontSize { background-position: -18px -87px; }
div.wysiwyg ul.toolbar li.decreaseFontSize { background-position: -36px -87px; }
div.wysiwyg ul.toolbar li.createLink { background-position: -92px -48px; }
div.wysiwyg ul.toolbar li.unLink { background-position: -74px -87px; }
div.wysiwyg ul.toolbar li.insertImage { background-position: -92px -87px; }
div.wysiwyg ul.toolbar li.html { background-position: -55px -49px; }
div.wysiwyg ul.toolbar li.removeFormat { background-position: -92px -68px; }
div.wysiwyg ul.toolbar li.empty { background-position: -73px -86px; }
div.wysiwyg ul.toolbar li.code { background-position: -74px -106px; }
div.wysiwyg ul.toolbar li.cssWrap { background-position: -92px -106px; }
div.wysiwyg-dialogRow { float:left; width:100%; font-size: 16px; }
div.wysiwyg iframe { clear: left;
background-color:white; padding:0px; margin:0; display:block; width: 100%;
border-left: 1px solid #DDD;
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;
}
/* dialog */
.wysiwyg-dialog { position:fixed; top:50px; left:50px; width:450px; height:300px; background:transparent; }
.wysiwyg-dialog .wysiwyg-dialog-topbar { background:#333; border:1px #111 solid; color:white; padding:10px; position:relative; }
.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-close-wrapper .wysiwyg-dialog-close-button { color:white; text-decoration:none; display:block; padding:6px 10px; position:absolute; right:12px; top:50%; height:14px; margin-top:-12px; }
.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-close-wrapper a.wysiwyg-dialog-close-button:hover { background:#666; }
.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-title { font-weight:bold; padding:5px; }
.wysiwyg-dialog .wysiwyg-dialog-content { border:1px #ccc solid; border-top:0; padding:15px; background:white; }
.wysiwyg-dialog-modal-div { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgb(255,255,255); background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.wysiwyg-dialog-content form.wysiwyg fieldset { border:1px #ccc solid; }
.wysiwyg-dialog-content form.wysiwyg legend { padding:7px; }
.wysiwyg-dialog-content form.wysiwyg .form-row { clear:both; padding:4px 0; }
.wysiwyg-dialog-content form.wysiwyg .form-row label, .wysiwyg-dialog form.wysiwyg .form-row .form-row-key { display:block; float:left; width:35%; text-align:right; padding:4px 5px; }
.wysiwyg-dialog-content form.wysiwyg .form-row .form-row-value { display:block; float:left; width:55%; }
.wysiwyg-dialog-content form.wysiwyg .form-row input.width-auto { width:auto; }
.wysiwyg-dialog-content form.wysiwyg input.width-small { width:50px; min-width:50px; max-width:50px; }
.wysiwyg-dialog-content form.wysiwyg input, .wysiwyg-dialog form.wysiwyg select { padding:2px; width:100%; margin:2px; }
.wysiwyg-dialog-content form.wysiwyg input[type=submit], .wysiwyg-dialog form.wysiwyg input[type=reset] { padding:2px 7px; width:auto; }
/* ------- 91-integration.css ---------*/
/* ================================== */
/* ------- JQUERY TOOLS ------------- */
/* ================================== */
.contentWrap {
padding-left : 15px;
padding-right: 15px;
}
#overlay { /* use a semi-transparent image for the overlay */
border: 1px solid gray;
height:450px;
-webkit-border-radius: 5px 5px; /* Safari */
-moz-border-radius: 5px 5px; /* Firefox */
border-radius: 5px 5px; /* iExplorer 9 */
}
div.contentWrap { /* container for external content. uses vertical scrollbar, if needed */
height:441px;
overflow-y:auto;
}
.apple_overlay { /* the overlayed element */
display:none;
background: white;
color: black;
width:640px;
padding:15px;
margin: 5px;
}
.apple_overlay .close { /* default close button positioned on upper right corner */
background-image:url('/img/overlay/close.png');
position:absolute; right:-25px; top:-25px;
cursor:pointer;
height:35px;
width:35px;
}
/* ================================== */
/* ------- jquery ui ---------------- */
/* ================================== */
.ui-widget { /* jQuery UI */
font-size: 1em;
}
@media(min-width: 980px) {
.ui-tabs-vertical { width:100%; border:none; padding-left:0px;}
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .4em .2em .2em; float: left; width: 30%; background: #EEE; margin-top: 1.618em;}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border: 1px solid #EEE; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; border-bottom: none; float: none;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {}
.ui-tabs-vertical .ui-tabs-panel { float: right; width: 60%; padding: 5px 10px 10px 10px; /*border: 1px solid #CCC;*/}
}
div.wysiwyg {
width: 100%;
border: none;
}
.html_editor {
width: 100%;
min-height: 400px;
}
body.wysiwyg {
padding: 2%;
width: 96%;
}
/*!
* jQuery UI Bootstrap (0.22)
* http://addyosmani.github.com/jquery-ui-bootstrap
*
* Copyright 2012, Addy Osmani
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* Portions copyright jQuery UI & Twitter Bootstrap
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #404040; }
.ui-widget-content a { color: #404040; }
.ui-widget-header {
font-weight:bold;
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border:1px solid #666;
}
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
color: #333;
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear background-image;
-moz-transition: 0.1s linear background-image;
-ms-transition: 0.1s linear background-image;
-o-transition: 0.1s linear background-image;
transition: 0.1s linear background-image;
overflow: visible;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background-position: 0 -15px;
color: #333;
text-decoration: none;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight p, .ui-state-error p, .ui-state-default p{
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin:7px 15px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
position: relative;
margin-bottom: 18px;
color: #404040;
background-color: #eedc94;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
background-image: -o-linear-gradient(top, #fceec1, #eedc94);
background-image: linear-gradient(top, #fceec1, #eedc94);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #eedc94 #eedc94 #e4c652;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
position: relative;
margin-bottom: 18px;
color: #ffffff;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
background-color: #c43c35;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #c43c35 #c43c35 #882a25;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_f6cf3b_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
* jQuery UI Selectable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.9.0
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; font-weight:bold; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 1.7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
* jQuery UI Autocomplete 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.9.0
*
* Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float:left; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1;float: left;clear: left; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: 0;
color: #ffffff;
background: #0064cd;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/* Fix problem with border in ui-state-active */
.ui-menu .ui-menu-item a.ui-state-active {
padding: 1px .4em;
}
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-menu { width: 200px; margin-bottom: 2em; }
/*
* jQuery UI Button 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button {
cursor: pointer;
display: inline-block;
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
padding: 5px 14px 6px;
margin: 0;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
color: #333;
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear background-image;
-moz-transition: 0.1s linear background-image;
-ms-transition: 0.1s linear background-image;
-o-transition: 0.1s linear background-image;
transition: 0.1s linear background-image;
overflow: visible;
} /* the overflow property removes extra width in IE */
.ui-button-primary {
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-success{
color:#ffffff;
background-color: #57a957;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -ms-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(top, #62c462, #57a957);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #57a957 #57a957 #3d773d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-error{
color:#ffffff;
background-color: #c43c35;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #c43c35 #c43c35 #882a25;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; }
.ui-button-text-only .ui-button-text { }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; /*tempfix*/ display:none;}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
/* input.ui-button { padding: .4em 1em; } */
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { top: 50%; margin-top:-3px; margin-bottom:3px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-state-active {
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.4em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
* jQuery UI spinner 1.9.0
*
* Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner{}
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position:-65px -16px;
}
/*
* jQuery UI Dialog 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; outline: 0; }
.ui-dialog .ui-dialog-titlebar { /*padding: .4em 1em;*/
position: relative;
padding:5px 15px;
border:0px 0px 0px 1px solid;
border-color: white;
padding: 5px 15px;
font-size: 18px;
text-decoration:none;
background:none;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
-khtml-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-khtml-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom:1px solid #ccc;
}
.ui-dialog .ui-dialog-title {
float: left;
color:#404040;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
padding:5px;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
font-size: 20px;
font-weight: bold;
line-height: 13.5px;
text-shadow: 0 1px 0 #ffffff;
filter: alpha(opacity=25);
-khtml-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
text-indent: 9999px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px; filter: alpha(opacity=90);
-khtml-opacity: 0.90;
-moz-opacity: 0.90;
opacity: 0.90; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: .5em 0 0 0;
background-color: #f5f5f5;
padding: 5px 15px 5px;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
zoom: 1;
margin-bottom: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/*
* jQuery UI Slider 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/*
* jQuery UI Tabs 1.9.2
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://jqueryui.com/tabs/
*/
.ui-tabs .ui-tabs-nav{ background:none; border-color: #ddd;border-style: solid;border-width: 0 0 1px;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; border:0px;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover{
background:whiteSmoke;
border-bottom:1px solid #ddd;
padding-bottom:0px;
color:#00438A;
}
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; border-bottom:1px solid #DDD; }
.ui-tabs .ui-tabs-nav li { text-decoration: none; list-style: none; float: left; position: relative; top: 1px; padding: 0px 0px 1px 0px; white-space: nowrap; background:none; border:0px; }
.ui-tabs-nav .ui-state-default{
-webkit-box-shadow: 0px 0px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 0px 0px #ffffff; /* FF3.5 - 3.6 */
box-shadow: 0px 0px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
.ui-tabs .ui-tabs-nav li a {
float: left;
text-decoration: none;
cursor: text;
padding: 0 15px;
margin-right: 2px;
line-height: 34px;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0px; outline:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active , .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
background-color: #ffffff;
border: 1px solid #ddd;
border-bottom-color: #ffffff;
cursor: default;
color:gray;
outline:none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{background-color: #ffffff;outline:none;border:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover{
background:#ffffff;
outline:none;
margin-bottom:0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; color:#0069D6; background:none; font-weight:normal; margin-bottom:-1px;}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs-panel .ui-button{text-decoration:none;}
.ui-tabs .ui-tabs-hide { display: none !important; }
/* IE fix for background inheritance from ui-widget*/
.ui-tabs .ui-tabs-nav li{
filter:none;
}
/*
* jQuery UI Tooltip 1.9.0
*
* Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://jqueryui.com/tooltip/
*/
.ui-tooltip {
padding:8px;
position:absolute;
z-index:9999;
max-width: 300px;
-o-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
-webkit-box-shadow: 0 0 5px #ddd;
/*box-shadow: 0 2px 5px #ddd;*/
box-shadow: inset 0 1px 0 #ffffff;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
background-image: none;
}
body .ui-tooltip { border-width:2px; }
/*
* jQuery UI Datepicker 1.9.0
*
* Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://jqueryui.com/datepicker/
*/
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
border-radius: 0;
border-color: #F1F1F1;
box-shadow: 0 0 5px rgb(0, 0, 0, 0.1);
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
border: 0px;
font-weight: bold;
width: 100%;
padding: 4px 0;
color: #555;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev {
left:2px;
opacity: 0.6;
}
.ui-datepicker .ui-datepicker-next {
right:2px;
opacity: 0.6;
}
.ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-focus {
border: none;
background: transparent;
}
.ui-datepicker .ui-state-hover:not(.ui-state-disabled), .ui-datepicker .ui-state-focus:not(.ui-state-disabled) {
cursor: pointer;
opacity: 1;
}
.ui-datepicker .ui-state-disabled, .ui-datepicker .ui-state-disabled {
opacity: 0.6 !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px; top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size:1em;
margin:1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
padding: 1px;
border-radius: 0;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding:0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear:right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
.ui-datepicker th {
font-weight: bold;
}
.ui-datepicker-today a:hover {
background-color: #5c90d2;
border-color: #3675c5;
color: #ffffff;
}
.ui-datepicker-today a {
background-color: #46c37b;
border-color: #34a263;
color: #ffffff;
cursor: pointer;
padding: 0 4px;
margin-bottom: 0px;
}
.ui-datepicker td a {
margin-bottom: 0px;
border: 0px;
}
.ui-datepicker td .ui-state-default {
border: 0px;
background: none;
margin-bottom: 0px;
padding: 5px;
color: gray;
text-align: center;
filter: none;
border-radius: 0;
}
.ui-datepicker td .ui-state-active {
background-color: #5c90d2;
border-color: #3675c5;
margin-bottom: 0px;
font-size: normal;
color: #ffffff !important;
}
.ui-datepicker td .ui-state-hover {
background-color: #5c90d2;
border-color: #3675c5;
color: #ffffff !important;
}
.calendar-lg .ui-datepicker {
width: auto;
}
.calendar-lg .ui-datepicker td a {
padding: 0.5rem;
}
.calendar-hours {
border-color: #F1F1F1;
box-shadow: 0 0 5px rgb(0 0 0 / 10%);
display: block;
overflow: hidden;
padding: 1rem 2.5rem;
}
/*
* jQuery UI Progressbar 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%;
/*this can be removed if ui-widget-header is blue*/
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/*** Input field styling from Bootstrap **/
input, textarea {
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
outline: 0;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: 1px dotted #666;
}
input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
display: inline-block;
padding: 4px;
font-size: 13px;
line-height: 18px;
color: #808080;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**Toolbar**/
.ui-toolbar{
padding: 7px 14px;
margin: 0 0 18px;
background-color: #f5f5f5;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(top, #ffffff, #f5f5f5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}
/***Dialog fixes**/
.ui-dialog-buttonset .ui-button:nth-child(2){
cursor: pointer;
display: inline-block;
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
padding: 5px 14px 6px;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
color: #333;
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
overflow: visible;
}
/***Wijmo Theming**/
div.wijmo-wijmenu{
padding:0 20px;
background-color: #222;
background-color: #222222;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
background-image: -moz-linear-gradient(top, #333333, #222222);
background-image: -ms-linear-gradient(top, #333333, #222222);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
background-image: -webkit-linear-gradient(top, #333333, #222222);
background-image: -o-linear-gradient(top, #333333, #222222);
background-image: linear-gradient(top, #333333, #222222);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.wijmo-wijmenu .ui-state-default{
box-shadow: none;
color:#BFBFBF;
}
.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text{
color:#BFBFBF;
}
.wijmo-wijmenu .ui-state-hover{
background: #444;
background: rgba(255, 255, 255, 0.05);
}
.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text{
color:#ffffff;
}
div.wijmo-wijmenu .ui-widget-header h3{
position: relative;
margin-top:1px;
padding:0;
}
.wijmo-wijmenu h3 a{
color: #FFFFFF;
display: block;
float: left;
font-size: 20px;
font-weight: 200;
line-height: 1;
margin-left: -20px;
margin-top:1px;
padding: 8px 20px 12px;
}
.wijmo-wijmenu h3 a:hover{
background-color: rgba(255, 255, 255, 0.05);
color: #FFFFFF;
text-decoration: none;
}
.wijmo-wijmenu .ui-widget-header{
border:0px;
}
.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child{
padding: 0.3em 0;
}
div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child{
background: #333;
border:0;
margin:0;
padding: 6px 0;
width:160px;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
div.wijmo-wijmenu .wijmo-wijmenu-item{
margin:0;
border:0;
}
.wijmo-wijmenu a.wijmo-wijmenu-link{
margin:0;
line-height: 19px;
padding: 10px 10px 11px;
border:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius:0;
}
div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link{
display:block;
float:none;
padding: 4px 15px;
width:auto;
}
div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text
{
float:none;
}
.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover {
background: #191919;
}
.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator{
padding: 5px 0;
background-image: none;
background-color: #222;
border-top: 1px solid #444;
border-bottom:0;
border-left:0;
border-right:0;
}
.wijmo-wijmenu .wijmo-wijmenu-item input {
-moz-transition: none 0s ease 0s;
background-color: rgba(255, 255, 255, 0.3);
border: 1px solid #111111;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.75);
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 1;
margin: 5px 10px 0 10px;
padding: 4px 9px;
width:100px;
}
.wijmo-wijmenu .wijmo-wijmenu-item input:hover {
background-color: rgba(255, 255, 255, 0.5);
color: #FFFFFF;
}
.wijmo-wijmenu .wijmo-wijmenu-item input:focus {
background-color: #FFFFFF;
border: 0 none;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
color: #404040;
outline: 0 none;
padding: 5px 10px;
text-shadow: 0 1px 0 #FFFFFF;
}
.wijmo-wijmenu .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
text-shadow:none;
}
.wijmo-wijmenu .ui-state-default{
box-shadow: none;
color:#BFBFBF;
filter: none;
}
/*!
* Datepicker for Bootstrap v1.7.1 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker-rtl {
direction: rtl;
}
.datepicker-rtl.dropdown-menu {
left: auto;
}
.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #999;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eee;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td.highlighted {
background: #d9edf7;
border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #f3d17a;
background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
border-color: #f3e97a #f3e97a #edde34;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #9e9e9e;
background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
border-color: #808080 #808080 #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
margin-top: 3px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 18px;
padding: 4px 5px;
font-weight: normal;
line-height: 18px;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}
/** ---- Bootstrap EXTENSION last upgrade 20190919 Chrome (modal) ----- **/
.modal.fade.in {
background-color: rgba(0, 0, 0, 0.5);
}
/** select2 **/
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-search--inline {
float: left; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none; }
.select2-results__option[aria-selected] {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none; }
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; }
.select2 {
max-width: 100% !important;
}
/** Tagify **/
:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-bg-color:white}.tagify{--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.1em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag-remove-bg:rgba(211, 148, 148, 0.3);--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--tag--min-width:1ch;--tag--max-width:auto;--tag-hide-transition:.3s;--placeholder-color:black;--loader-size:.8em;display:flex;align-items:flex-start;flex-wrap:wrap;border:1px solid #ddd;border:1px solid var(--tags-border-color);padding:0;line-height:1.1;cursor:text;outline:0;position:relative;transition:.1s}@keyframes tags--bump{30%{transform:scale(1.2)}}@keyframes rotateLoader{to{transform:rotate(1turn)}}.tagify:hover{border-color:#ccc;border-color:var(--tags-hover-border-color)}.tagify.tagify--focus{transition:0s;border-color:#3595f6;border-color:var(--tags-focus-border-color)}.tagify[readonly]{cursor:default}.tagify[readonly]>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify[readonly] .tagify__tag>div{padding:.3em .5em;padding:var(--tag-pad)}.tagify[readonly] .tagify__tag>div::before{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}.tagify--loading .tagify__input::before{content:none}.tagify--loading .tagify__input::after{content:'';vertical-align:middle;margin:-2px 0 -2px .5em;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear}.tagify--loading .tagify__input:empty::after{margin-left:0}.tagify+input,.tagify+textarea{display:none!important}.tagify__tag{display:inline-flex;align-items:center;margin:5px 0 5px 5px;position:relative;z-index:1;outline:0;cursor:default;transition:.13s ease-out}.tagify__tag>div{vertical-align:top;box-sizing:border-box;max-width:100%;padding:.3em .5em;padding:var(--tag-pad);color:#000;color:var(--tag-text-color);line-height:inherit;border-radius:3px;-webkit-user-select:none;user-select:none;transition:.13s ease-out}.tagify__tag>div>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:var(--tag--min-width);max-width:var(--tag--max-width);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{outline:0;-webkit-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div::before{content:'';position:absolute;border-radius:inherit;left:0;top:0;right:0;bottom:0;z-index:-1;pointer-events:none;transition:120ms ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 1.1em #e5e5e5 inset;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset}.tagify__tag:hover:not([readonly]) div::before{top:-2px;right:-2px;bottom:-2px;left:-2px;box-shadow:0 0 0 1.1em #d3e2e2 inset;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-hover) inset}.tagify__tag.tagify--noAnim>div::before{animation:none}.tagify__tag.tagify--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:.3s;transition:var(--tag-hide-transition);pointer-events:none}.tagify__tag.tagify--mark div::before{animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-invalid-bg) inset!important;transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div::before{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}.tagify__tag--editable>div{color:#000;color:var(--tag-text-color--edit)}.tagify__tag--editable>div::before{box-shadow:0 0 0 2px #d3e2e2 inset!important;box-shadow:0 0 0 2px var(--tag-hover) inset!important}.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px #d39494 inset!important;box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important}.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px Serif;background:0 0;background:var(--tag-remove-btn-bg);color:#000;color:var(--tag-text-color);width:14px;height:14px;margin-right:4.66667px;margin-left:-4.66667px;transition:.2s ease-out}.tagify__tag__removeBtn::after{content:"\00D7"}.tagify__tag__removeBtn:hover{color:#fff;background:#c77777;background:var(--tag-remove-btn-bg--hover)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg) inset!important;transition:.2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{display:block;min-width:110px;margin:5px;padding:.3em .5em;padding:var(--tag-pad,.3em .5em);line-height:inherit;position:relative;white-space:pre-line}.tagify__input::before{display:inline-block;width:0}@supports (-moz-appearance:none){.tagify__input:empty{display:flex}}.tagify__input:empty::before{transition:.2s ease-out;opacity:.5;transform:none;width:auto}.tagify__input:focus{outline:0}.tagify__input:focus::before{transition:.2s ease-out;opacity:0;transform:translatex(6px)}@supports (-moz-appearance:none){.tagify__input:focus::before{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.tagify__input:focus::before{display:none}}@supports (-ms-ime-align:auto){.tagify__input:focus::before{display:none}}.tagify__input:focus:empty::before{transition:.2s ease-out;opacity:.3;transform:none}@supports (-moz-appearance:none){.tagify__input:focus:empty::before{display:inline-block}}.tagify__input::before{content:attr(data-placeholder);position:absolute;top:0;bottom:0;height:1em;margin:auto 0;z-index:1;color:#000;color:var(--placeholder-color);white-space:nowrap;pointer-events:none;opacity:0}.tagify--mix .tagify__input::before{position:static;line-height:inherit}.tagify__input::after{content:attr(data-suggest);display:inline-block;white-space:pre;color:#000;opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0}.tagify__input .tagify__tag>div{padding-top:0;padding-bottom:0}.tagify--mix{line-height:1.7}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:inherit}.tagify--mix .tagify__input::before{height:auto}.tagify--mix .tagify__input::after{content:none}.tagify--select::after{content:'>';opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]::after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select .tagify__tag{position:absolute;top:0;right:1.8em;bottom:0}.tagify--select .tagify__tag div{display:none}.tagify--select .tagify__input{width:100%}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(1px);overflow:hidden}.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-2px)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1px;border-bottom-width:0}.tagify__dropdown--text{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown--text .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{max-height:300px;overflow:hidden;background:#fff;background:var(--tagify-dd-bg-color);border:1px solid #3595f6;border-color:var(--tagify-dd-color-primary);border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.25s cubic-bezier(0,1,.5,1)}.tagify__dropdown__wrapper:hover{overflow:auto}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}.tagify__dropdown__item{box-sizing:inherit;padding:.3em .5em;margin:1px;cursor:pointer;border-radius:2px;position:relative;outline:0}.tagify__dropdown__item--active{background:#3595f6;background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{filter:brightness(105%)} |