/* ========================================================================
   Component: Base
 ========================================================================== */
/*
 * 1. Normalizes default `font-family` and sets `font-size` here to support `rem` units
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 * 3. Style
 */
 
@font-face {
    font-family: 'raspoutine_classicitalic';
    src: url('../../../fonts/RasClassic/raspoutineclassic_tb-webfont.eot');
    src: url('../../../fonts/RasClassic/raspoutineclassic_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/RasClassic/raspoutineclassic_tb-webfont.woff') format('woff'),
         url('../../../fonts/RasClassic/raspoutineclassic_tb-webfont.ttf') format('truetype'),
         url('../../../fonts/RasClassic/raspoutineclassic_tb-webfont.svg#raspoutine_classicitalic') format('svg');

    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'raspoutine_demibolditalic';
    src: url('../../../fonts/RasDemiBold/raspoutinedemibold_tb-webfont.eot');
    src: url('../../../fonts/RasDemiBold/raspoutinedemibold_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/RasDemiBold/raspoutinedemibold_tb-webfont.woff') format('woff'),
         url('../../../fonts/RasDemiBold/raspoutinedemibold_tb-webfont.ttf') format('truetype'),
         url('../../../fonts/RasDemiBold/raspoutinedemibold_tb-webfont.svg#raspoutine_demibolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'raspoutine_mediumitalic';
    src: url('../../../fonts/RasMedium/raspoutinemedium_tb-webfont.eot');
    src: url('../../../fonts/RasMedium/raspoutinemedium_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/RasMedium/raspoutinemedium_tb-webfont.woff') format('woff'),
         url('../../../fonts/RasMedium/raspoutinemedium_tb-webfont.ttf') format('truetype'),
         url('../../../fonts/RasMedium/raspoutinemedium_tb-webfont.svg#raspoutine_mediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

.estiloContenedor {
    -moz-box-shadow: 0px 0px 13px -4px #000;
    -webkit-box-shadow: 0px 0px 13px -4px #000;
    box-shadow: 0px 0px 13px -4px #000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    padding: 10px;
	/*margin-bottom:1%;*/
	
}

html {
  /* 1 */
  font: normal 14px / 20px 'Nunito',sans-serif;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 3 */
  background: #ffffff;
  color: #444444;
  background-image: -webkit-radial-gradient(100% 100%, center, #ffffff, #ffffff);
  background-image: radial-gradient(100% 100% at center, #ffffff, #ffffff);
}



p {
    font-family: 'Nunito',sans-serif;
    font-weight: 300;
    color: #919191;
    font-size: 16px;
}
/*
 * Removes default margin.
 */
body {
  margin: 0;
  background-image:;
  padding-bottom: 90px;
}
/* Links
 ========================================================================== */
/*
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/*
 * Style
 */
a,
.uk-link {
  color: #003057;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.uk-link:hover {
  color: #0072ce;
  
}

.linkslogin{
	text-align:left;
	font-size: 13px;
	color: #379DD4;;
	font-family: 'Nunito',sans-serif;
	/*margin-left: 92px;*/
}

/* Text-level semantics
 ========================================================================== */
/*
 * Addresses styling not present in Chrome, Safari, Opera and IE 8/9/10.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in Firefox
 */
b,
strong {
  font-weight: bold;
}
/*
 * 1. Address odd `em`-unit font size rendering in all browsers.
 * 2. Consolas has a better baseline in running text compared to `Courier`
 */
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
  /* 1 */
  font-size: 12px;
  /* 2 */
  font-family: Consolas, monospace, serif;
  /* 3 */
  color: #dd0055;
  white-space: nowrap;
  padding: 0 4px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #fafafa;
}
/*
 * Emphasize
 */
em {
  color: #dd0055;
}
/*
 * Insert
 */
ins {
  background: #ffffaa;
  color: #444444;
  text-decoration: none;
}
/*
 * Mark
 * Note: Addresses styling not present in IE 8/9.
 */
mark {
  background: #ffffaa;
  color: #444444;
}
/*
 * Quote
 */
q {
  font-style: italic;
}
/*
 * 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;
}
/* Images
 ========================================================================== */
/*
 * 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height
 * 2. Corrects `max-width` behavior if padding and border are used
 * 3. Remove border when inside `a` element in IE 8/9/10.
 * 4. Remove the gap between images and the bottom of their containers
 */
img {
  /* 1 */
  max-width: 100%;
  height: auto;
  /* 2 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 3 */
  border: 0;
  /* 4 */
  vertical-align: middle;
}
/*
 * Preserve original image dimensions
 */
.uk-img-preserve,
.uk-img-preserve img {
  max-width: none;
}
/*
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Block elements
 ========================================================================== */
/*
 * Reset margin
 */
blockquote,
figure {
  margin: 0;
}
/*
 * Margins
 */
p,
ul,
ol,
dl,
blockquote,
pre,
address,
fieldset,
figure {
  margin: 0 0 15px 0;
}
* + p,
* + ul,
* + ol,
* + dl,
* + blockquote,
* + pre,
* + address,
* + fieldset,
* + figure {
  margin-top: 3px;
}
/* Headings
 ========================================================================== */

h4,
h5,
h6 {
  margin: 8px;
  font-family: "Nunito", sans-serif;;
  font-weight: normal;
  color: #444444;
  text-transform: none;
}


.mensajeInicioLogi {
  font-size: 14px;
  text-align: center;
  font-family: 'Nunito', sans-serif;
  color: #606060;
  font-weight: 300;
}

/*
 * Margins
 
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: 25px;
}
/*
 * Sizes
 */
h1,
.uk-h1 {
  
    color: #303030;
    font-family: 'raspoutine_classicitalic';
    font-size: 26px;
	margin-top:10px;
	margin-bottom: 24px;
	font-weight: bold;
}

h2,
.uk-h2 {
  
    color: #303030;
    font-family: 'raspoutine_classicitalic';
    font-size: 26px;
	margin-top:10px;
	margin-bottom: 24px;
	font-weight: bold;
}

h3,
.uk-h3 {
  font-family: 'Nunito', sans-serif;
    font-weight: 300;
    color: #2376bc;
    font-size: 20px;
	margin-top:10px;
	
}
h4,
.uk-h4 {
  font-size: 16px;
  line-height: 22px;
}
h5,
.uk-h5 {
  font-size: 14px;
  line-height: 20px;
}
h6,
.uk-h6 {
  font-size: 12px;
  line-height: 18px;
}
/* Lists
 ========================================================================== */
ul,
ol {
  padding-left: 30px;
}
/*
 * Reset margin for nested lists
 */
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
  margin: 0;
}
/* Description lists
 ========================================================================== */
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
/* Horizontal rules
 ========================================================================== */
/*
 * 1. Address differences between Firefox and other browsers.
 * 2. Style
 */
hr {
  /* 1 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  /* 2 */
  margin: 15px 0;
  border: 0;
  border-top: 1px solid #dddddd;
}
/* Address
 ========================================================================== */
address {
  font-style: normal;
}
/* Blockquotes
 ========================================================================== */
blockquote {
  padding-left: 15px;
  /*border-left: 5px solid #dddddd;*/
  font-size: 16px;
  line-height: 22px;
  font-style: italic;
}
/* Preformatted text
 ========================================================================== */
/*
 * 1. Contain overflow in all browsers.
 */
pre {
  padding: 10px;
  background: #fafafa;
  font: 12px / 18px Consolas, monospace, serif;
  color: #444444;
  -moz-tab-size: 4;
  tab-size: 4;
  /* 1 */
  overflow: auto;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
/* Selection pseudo-element 
 ========================================================================== */
::-moz-selection {
  background: #3399ff;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #3399ff;
  color: #ffffff;
  text-shadow: none;
}
/* HTML5 elements
 ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}
/*
 * Addresses inconsistent vertical alignment of `progress` in Chrome, Firefox and Opera.
 */
progress {
  vertical-align: baseline;
}
/*
 * Prevent displaying `audio` without controls in Chrome, Safari and Opera
 */
audio:not([controls]) {
  display: none;
}
/*
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE and Safari
 */
[hidden],
template {
  display: none;
}
/* Iframe
 ========================================================================== */
iframe {
  border: 0;
}
/* Fix viewport for IE10 snap mode
 ========================================================================== */
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: device-width;
  }
}
/* ========================================================================
   Component: Grid
 ========================================================================== */
/*
 * 1. Needed for the gutter
 * 2. Makes grid more robust so that it can be used with other block elements like lists
 */
.uk-grid,
.grid-row-r,
.row-fluid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 1 */
  margin: 0 0 0 -25px;
  /* 2 */
  /*padding: 0 8% 0 5%;*/
  list-style: none;
}
/*
 * DEPRECATED
 * Micro clearfix
 * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit
 */
.uk-grid:before,
.uk-grid:after,
.grid-row-r:before,
.grid-row-r:after,
.row-fluid:before,
.row-fluid:after {
  content: "";
  display: block;
  overflow: hidden;
}
.uk-grid:after,
.grid-row-r:after,
.row-fluid:after {
  clear: both;
}
/*
 * Grid cell
 * 1. Space is allocated solely based on content dimensions
 * 2. Makes grid more robust so that it can be used with other block elements
 * 3. Create horizontal gutter
 * 4. DEPRECATED Using `float` to support IE9
 */
.uk-grid > *,
.grid-row-r > *,
.row-fluid > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  /* 2 */
  margin: 0;
  /* 3 */
  padding-left: 25px;
  /* 4 */
  float: left;
}
/*
 * Remove margin from the last-child
 */
.uk-grid > * > :last-child,
.grid-row-r > * > :last-child,
.row-fluid > * > :last-child {
  margin-bottom: 0;
}
/* Grid gutter
 ========================================================================== */
/*
 * Vertical gutter
 */
.uk-grid + .uk-grid,
.grid-row-r + .grid-row-r,
.row-fluid + .row-fluid {
  margin-top: 25px;
}
/*
 * This class is set by JavaScript and applies a vertical gutter if the columns stack or float into the next row
 * Higher specificity to override margin
 */
.uk-grid > .uk-grid-margin,
.grid-row-r > .uk-grid-margin,
.row-fluid > .uk-grid-margin {
  margin-top: 25px;
}
/*
 * Vertical gutter for panels
 */
.uk-grid > * > .uk-panel + .uk-panel,
.grid-row-r > * > .uk-panel + .uk-panel,
.row-fluid > * > .uk-panel + .uk-panel {
  margin-top: 25px;
}
/*
 * Larger gutter for large screens
 */
/* Large screen and bigger */
@media (min-width: 1220px) {
  /* Horizontal gutter */
  .uk-grid:not(.uk-grid-preserve),
  .grid-row-r:not(.uk-grid-preserve),
  .row-fluid:not(.uk-grid-preserve) {
    margin-left: -35px;
  }
  .uk-grid:not(.uk-grid-preserve) > *,
  .grid-row-r:not(.uk-grid-preserve) > *,
  .row-fluid:not(.uk-grid-preserve) > * {
    padding-left: 5%;
  }
  /* Vertical gutter */
  .uk-grid:not(.uk-grid-preserve) + .uk-grid,
  .grid-row-r:not(.uk-grid-preserve) + .grid-row-r,
  .row-fluid:not(.uk-grid-preserve) + .row-fluid {
    margin-top: 35px;
  }
  .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin,
  .grid-row-r:not(.uk-grid-preserve) > .uk-grid-margin,
  .row-fluid:not(.uk-grid-preserve) > .uk-grid-margin {
    margin-top: 35px;
  }
  /* Vertical gutter for panels */
  .uk-grid:not(.uk-grid-preserve) > * > .uk-panel + .uk-panel,
  .grid-row-r:not(.uk-grid-preserve) > * > .uk-panel + .uk-panel,
  .row-fluid:not(.uk-grid-preserve) > * > .uk-panel + .uk-panel {
    margin-top: 35px;
  }
}
/*
 * Small gutter
 * Higher specificity to override large gutter
 */
.uk-grid.uk-grid-small,
.grid-row-r.uk-grid-small,
.row-fluid.uk-grid-small {
  margin-left: -10px;
}
.uk-grid.uk-grid-small > *,
.grid-row-r.uk-grid-small > *,
.row-fluid.uk-grid-small > * {
  padding-left: 10px;
}
.uk-grid.uk-grid-small + .uk-grid-small,
.grid-row-r.uk-grid-small + .uk-grid-small,
.row-fluid.uk-grid-small + .uk-grid-small {
  margin-top: 10px;
}
.uk-grid.uk-grid-small > .uk-grid-margin,
.grid-row-r.uk-grid-small > .uk-grid-margin,
.row-fluid.uk-grid-small > .uk-grid-margin {
  margin-top: 10px;
}

.uk-grid.uk-grid-small > * > .uk-panel + .uk-panel,
.grid-row-r.uk-grid-small > * > .uk-panel + .uk-panel,
.row-fluid.uk-grid-small > * > .uk-panel + .uk-panel {
  margin-top: 10px;
}
/* Modifier: `uk-grid-divider`
 ========================================================================== */
/*
 * Horizontal divider
 * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row
 */
.uk-grid-divider:not(:empty) {
  margin-left: -25px;
  margin-right: -25px;
}
.uk-grid-divider > * {
  padding-left: 25px;
  padding-right: 25px;
}
.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
  border-left: 1px solid #dddddd;
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-left: 1px solid #dddddd;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
    border-left: 1px solid #dddddd;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  /*
     * Large gutter
     */
  .uk-grid-divider:not(.uk-grid-preserve):not(:empty) {
    margin-left: -35px;
    margin-right: -35px;
  }
  .uk-grid-divider:not(.uk-grid-preserve) > * {
    padding-left: 35px;
    padding-right: 35px;
  }
  .uk-grid-divider:not(.uk-grid-preserve):empty {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
/*
 * Vertical divider
 */
.uk-grid-divider:empty {
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid #dddddd;
}
/* Match panels in grids
 ========================================================================== */
.uk-grid-match > * {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/*
 * 1. Behave like a block element
 */
.uk-grid-match > * > * {
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  /* 1 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/* Even grid cell widths
 ========================================================================== */
[class*='uk-grid-width'] > * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.uk-grid-width-1-2 > * {
  width: 50%;
}
.uk-grid-width-1-3 > * {
  width: 33.333%;
}
.uk-grid-width-1-4 > * {
  width: 25%;
}
.uk-grid-width-1-5 > * {
  width: 20%;
}
.uk-grid-width-1-6 > * {
  width: 16.666%;
}
.uk-grid-width-1-10 > * {
  width: 10%;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  .uk-grid-width-small-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-small-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-small-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-small-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-small-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-small-1-10 > * {
    width: 10%;
  }
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-grid-width-medium-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-medium-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-medium-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-medium-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-medium-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-medium-1-10 > * {
    width: 10%;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-grid-width-large-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-large-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-large-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-large-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-large-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-large-1-10 > * {
    width: 10%;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-grid-width-xlarge-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-xlarge-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-xlarge-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-xlarge-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-xlarge-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-xlarge-1-10 > * {
    width: 10%;
  }
}
/* Sub-objects: `uk-width-*`
 ========================================================================== */
[class*='uk-width'],
[class*='grid-col'],
[class*='span'] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/*
 * Widths
 */
/* Whole */
.uk-width-1-1 {
  width: 90%;
  margin-left:4%;
}
/* Halves */
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
  width: 50%;
}
/* Thirds */
.uk-width-1-3,
.uk-width-2-6 {
  width: 33.333%;
}
.uk-width-2-3,
.uk-width-4-6 {
  width: 66.666%;
}
/* Quarters */
.uk-width-1-4 {
  width: 25%;
}
.uk-width-3-4 {
  width: 75%;
}
/* Fifths */
.uk-width-1-5,
.uk-width-2-10 {
  width: 20%;
}
.uk-width-2-5,
.uk-width-4-10 {
  width: 40%;
}
.uk-width-3-5,
.uk-width-6-10 {
  width: 60%;
}
.uk-width-4-5,
.uk-width-8-10 {
  width: 80%;
}
/* Sixths */
.uk-width-1-6 {
  width: 16.666%;
}
.uk-width-5-6 {
  width: 83.333%;
}
/* Tenths */
.uk-width-1-10 {
  width: 10%;
}
.uk-width-3-10 {
  width: 30%;
}
.uk-width-7-10 {
  width: 70%;
}
.uk-width-9-10 {
  width: 90%;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  /* Whole */
  .uk-width-small-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-small-1-2,
  .uk-width-small-2-4,
  .uk-width-small-3-6,
  .uk-width-small-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-small-1-3,
  .uk-width-small-2-6 {
    width: 33.333%;
  }
  .uk-width-small-2-3,
  .uk-width-small-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-small-1-4 {
    width: 25%;
  }
  .uk-width-small-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-small-1-5,
  .uk-width-small-2-10 {
    width: 20%;
  }
  .uk-width-small-2-5,
  .uk-width-small-4-10 {
    width: 40%;
  }
  .uk-width-small-3-5,
  .uk-width-small-6-10 {
    width: 60%;
  }
  .uk-width-small-4-5,
  .uk-width-small-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-small-1-6 {
    width: 16.666%;
  }
  .uk-width-small-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-small-1-10 {
    width: 10%;
  }
  .uk-width-small-3-10 {
    width: 30%;
  }
  .uk-width-small-7-10 {
    width: 70%;
  }
  .uk-width-small-9-10 {
    width: 90%;
  }
}
/* Tablet and bigger */
@media (min-width: 768px) {
  /* Whole */
  .uk-width-medium-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-medium-1-2,
  .uk-width-medium-2-4,
  .uk-width-medium-3-6,
  .uk-width-medium-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-medium-1-3,
  .uk-width-medium-2-6 {
    width: 45%;
  }
  .uk-width-medium-2-3,
  .uk-width-medium-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-medium-1-4 {
    width: 25%;
  }
  .uk-width-medium-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-medium-1-5,
  .uk-width-medium-2-10 {
    width: 20%;
  }
  .uk-width-medium-2-5,
  .uk-width-medium-4-10 {
    width: 40%;
  }
  .uk-width-medium-3-5,
  .uk-width-medium-6-10 {
    width: 60%;
  }
  .uk-width-medium-4-5,
  .uk-width-medium-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-medium-1-6 {
    width: 16.666%;
  }
  .uk-width-medium-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-medium-1-10 {
    width: 10%;
  }
  .uk-width-medium-3-10 {
    width: 30%;
  }
  .uk-width-medium-7-10 {
    width: 70%;
  }
  .uk-width-medium-9-10 {
    width: 90%;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  /* Whole */
  .uk-width-large-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-large-1-2,
  .uk-width-large-2-4,
  .uk-width-large-3-6,
  .uk-width-large-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-large-1-3,
  .uk-width-large-2-6 {
    width: 33.333%;
  }
  .uk-width-large-2-3,
  .uk-width-large-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-large-1-4 {
   /* width: 25%;*/
  }
  .uk-width-large-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-large-1-5,
  .uk-width-large-2-10 {
    width: 20%;
  }
  .uk-width-large-2-5,
  .uk-width-large-4-10 {
    width: 40%;
  }
  .uk-width-large-3-5,
  .uk-width-large-6-10 {
    width: 60%;
  }
  .uk-width-large-4-5,
  .uk-width-large-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-large-1-6 {
    width: 16.666%;
  }
  .uk-width-large-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-large-1-10 {
    width: 10%;
  }
  .uk-width-large-3-10 {
    width: 30%;
  }
  .uk-width-large-7-10 {
    width: 70%;
  }
  .uk-width-large-9-10 {
    width: 90%;
  }
}
/* Sub-object: `uk-push-*` and `uk-pull-*`
 ========================================================================== */
/*
 * Source ordering
 * Works only with `uk-width-medium-*`
 */
/* Tablet and bigger */
@media (min-width: 768px) {
  [class*='uk-push-'],
  [class*='uk-pull-'] {
    position: relative;
  }
  /*
     * Push
     */
  /* Halves */
  .uk-push-1-2,
  .uk-push-2-4,
  .uk-push-3-6,
  .uk-push-5-10 {
    left: 50%;
  }
  /* Thirds */
  .uk-push-1-3,
  .uk-push-2-6 {
    left: 33.333%;
  }
  .uk-push-2-3,
  .uk-push-4-6 {
    left: 66.666%;
  }
  /* Quarters */
  .uk-push-1-4 {
    left: 25%;
  }
  .uk-push-3-4 {
    left: 75%;
  }
  /* Fifths */
  .uk-push-1-5,
  .uk-push-2-10 {
    left: 20%;
  }
  .uk-push-2-5,
  .uk-push-4-10 {
    left: 40%;
  }
  .uk-push-3-5,
  .uk-push-6-10 {
    left: 60%;
  }
  .uk-push-4-5,
  .uk-push-8-10 {
    left: 80%;
  }
  /* Sixths */
  .uk-push-1-6 {
    left: 16.666%;
  }
  .uk-push-5-6 {
    left: 83.333%;
  }
  /* Tenths */
  .uk-push-1-10 {
    left: 10%;
  }
  .uk-push-3-10 {
    left: 30%;
  }
  .uk-push-7-10 {
    left: 70%;
  }
  .uk-push-9-10 {
    left: 90%;
  }
  /*
     * Pull
     */
  /* Halves */
  .uk-pull-1-2,
  .uk-pull-2-4,
  .uk-pull-3-6,
  .uk-pull-5-10 {
    left: -50%;
  }
  /* Thirds */
  .uk-pull-1-3,
  .uk-pull-2-6 {
    left: -33.333%;
  }
  .uk-pull-2-3,
  .uk-pull-4-6 {
    left: -66.666%;
  }
  /* Quarters */
  .uk-pull-1-4 {
    left: -25%;
  }
  .uk-pull-3-4 {
    left: -75%;
  }
  /* Fifths */
  .uk-pull-1-5,
  .uk-pull-2-10 {
    left: -20%;
  }
  .uk-pull-2-5,
  .uk-pull-4-10 {
    left: -40%;
  }
  .uk-pull-3-5,
  .uk-pull-6-10 {
    left: -60%;
  }
  .uk-pull-4-5,
  .uk-pull-8-10 {
    left: -80%;
  }
  /* Sixths */
  .uk-pull-1-6 {
    left: -16.666%;
  }
  .uk-pull-5-6 {
    left: -83.333%;
  }
  /* Tenths */
  .uk-pull-1-10 {
    left: -10%;
  }
  .uk-pull-3-10 {
    left: -30%;
  }
  .uk-pull-7-10 {
    left: -70%;
  }
  .uk-pull-9-10 {
    left: -90%;
  }
}
/* ========================================================================
   Component: Panel
 ========================================================================== */
/*
 * 1. Needed for `a` elements
 * 2. Create position context for badges
 */
.uk-panel {
  /* 1 */
  display: block;
  /* 2 */
  position: relative;
}
/*
 * Allow panels to be anchors
 */
.uk-panel,
a.uk-panel:hover {
  color: inherit;
  text-decoration: none;
}
/*
 * Micro clearfix to make panels more robust
 */
.uk-panel:before,
.uk-panel:after {
  content: "";
  display: table;
}
.uk-panel:after {
  clear: both;
}
/*
 * Remove margin from the last-child if not `uk-widget-title`
 */
.uk-panel > :not(.uk-panel-title):last-child {
  margin-bottom: 0;
}
/* Sub-object: `uk-panel-title`
 ========================================================================== */
.uk-panel-title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  text-transform: none;
  color: #444444;
}
/* Sub-object: `uk-panel-badge`
 ========================================================================== */
.uk-panel-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
/* Modifier: `uk-panel-box`
 ========================================================================== */
.uk-panel-box {
  padding: 10px;
  background: #fafafa;
  color: #444444;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
a.uk-panel-box:hover {
  color: #444444;
}
.uk-panel-box .uk-panel-title {
  color: #444444;
}
.uk-panel-box .uk-panel-badge {
  top: 10px;
  right: 10px;
}
.uk-panel-box .uk-panel-teaser {
  margin: -11px -11px 15px -11px;
}
/*
 * Nav in panel
 */
.uk-panel-box > .uk-nav-side {
  margin: 0 -10px;
}
/*
 * Sub-modifier: `uk-panel-box-primary`
 */
.uk-panel-box-primary {
  background-color: #ebf7fd;
  color: #2d7091;
  border-color: rgba(45, 112, 145, 0.3);
}
a.uk-panel-box-primary:hover {
  color: #2d7091;
}
.uk-panel-box-primary .uk-panel-title {
  color: #2d7091;
}
/*
 * Sub-modifier: `uk-panel-box-secondary`
 */
.uk-panel-box-secondary {
  background-color: #ffffff;
  color: #444444;
}
a.uk-panel-box-secondary:hover {
  color: #444444;
}
.uk-panel-box-secondary .uk-panel-title {
  color: #444444;
}
/* Modifier: `uk-panel-hover`
 ========================================================================== */
.uk-panel-hover {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.uk-panel-hover:hover {
  background: #fafafa;
  color: #444444;
  border-color: #dddddd;
}
.uk-panel-hover .uk-panel-badge {
  top: 10px;
  right: 10px;
}
.uk-panel-hover .uk-panel-teaser {
  margin: -16px -16px 15px -16px;
}
/* Modifier: `uk-panel-header`
 ========================================================================== */
.uk-panel-header .uk-panel-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  color: #444444;
}
/* Modifier: `uk-panel-space`
 ========================================================================== */
.uk-panel-space {
  padding: 30px;
}
.uk-panel-space .uk-panel-badge {
  top: 30px;
  right: 30px;
}
/* Modifier: `uk-panel-divider`
 ========================================================================== */
.uk-panel + .uk-panel-divider {
  margin-top: 50px !important;
}
.uk-panel + .uk-panel-divider:before {
  content: "";
  display: block;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  border-top: 1px solid #dddddd;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-panel + .uk-panel-divider {
    margin-top: 70px !important;
  }
  .uk-panel + .uk-panel-divider:before {
    top: -35px;
  }
}
.uk-panel-box .uk-panel-teaser {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
/* ========================================================================
   Component: Article
 ========================================================================== */
/*
 * Micro clearfix to make articles more robust
 */
.uk-article:before,
.uk-article:after {
  content: "";
  display: table;
}
.uk-article:after {
  clear: both;
}
/*
 * Remove margin from the last-child
 */
.uk-article > :last-child {
  margin-bottom: 0;
}
/*
 * Vertical gutter for articles
 */
.uk-article + .uk-article {
  margin-top: 25px;
}
/* Sub-object `uk-article-title`
 ========================================================================== */
.uk-article-title {
  font-size: 36px;
  line-height: 42px;
  font-weight: normal;
  text-transform: none;
}
.uk-article-title a {
  color: inherit;
  text-decoration: none;
}
/* Sub-object `uk-article-meta`
 ========================================================================== */
.uk-article-meta {
  font-size: 12px;
  line-height: 18px;
  color: #999999;
}
/* Sub-object `uk-article-lead`
 ========================================================================== */
.uk-article-lead {
  color: #444444;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}
/* Sub-object `uk-article-divider`
 ========================================================================== */
.uk-article-divider {
  margin-bottom: 25px;
  border-color: #dddddd;
}
* + .uk-article-divider {
  margin-top: 25px;
}
.uk-article + .uk-article {
  padding-top: 25px;
  border-top: 1px solid #dddddd;
}
/* ========================================================================
   Component: Comment
 ========================================================================== */
/* Sub-object `uk-comment-header`
 ========================================================================== */
.uk-comment-header {
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background: #fafafa;
}
/*
 * Micro clearfix
 */
.uk-comment-header:before,
.uk-comment-header:after {
  content: "";
  display: table;
}
.uk-comment-header:after {
  clear: both;
}
/* Sub-object `uk-comment-avatar`
 ========================================================================== */
.uk-comment-avatar {
  margin-right: 15px;
  float: left;
}
/* Sub-object `uk-comment-title`
 ========================================================================== */
.uk-comment-title {
  margin: 5px 0 0 0;
  font-size: 16px;
  line-height: 22px;
}
/* Sub-object `uk-comment-meta`
 ========================================================================== */
.uk-comment-meta {
  margin: 2px 0 0 0;
  font-size: 11px;
  line-height: 16px;
  color: #999999;
}
/* Sub-object `uk-comment-body`
 ========================================================================== */
.uk-comment-body {
  padding-left: 10px;
  padding-right: 10px;
}
/*
 * Remove margin from the last-child
 */
.uk-comment-body > :last-child {
  margin-bottom: 0;
}
/* Sub-object `uk-comment-list`
 ========================================================================== */
.uk-comment-list {
  padding: 0;
  list-style: none;
}
.uk-comment-list .uk-comment + ul {
  margin: 25px 0 0 0;
  list-style: none;
}
.uk-comment-list > li:nth-child(n+2),
.uk-comment-list .uk-comment + ul > li:nth-child(n+2) {
  margin-top: 25px;
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-comment-list .uk-comment + ul {
    padding-left: 100px;
  }
}
/* Modifier `uk-comment-primary`
 ========================================================================== */
.uk-comment-primary .uk-comment-header {
  border-color: rgba(45, 112, 145, 0.3);
  background-color: #ebf7fd;
  color: #2d7091;
  text-shadow: 0 1px 0 #ffffff;
}
/* ========================================================================
   Component: Nav
 ========================================================================== */
.uk-nav,
.uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
 * Items
 */
.uk-nav li > a {
  display: block;
  text-decoration: none;
}
.uk-nav > li > a {
  padding: 5px 15px;
}
/*
 * Nested items
 */
.uk-nav ul {
  padding-left: 15px;
}
.uk-nav ul a {
  padding: 2px 0;
}
/*
 * Item subtitle
 */
.uk-nav li > a > div {
  font-size: 12px;
  line-height: 18px;
}
/* Sub-object: `uk-nav-header`
 ========================================================================== */
.uk-nav-header {
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.uk-nav-header:not(:first-child) {
  margin-top: 15px;
}
/* Sub-object: `uk-nav-divider`
 ========================================================================== */
.uk-nav-divider {
  margin: 9px 15px;
}
/* Sub-object: `uk-nav-sub`
 ========================================================================== */
/*
 * `ul` needed for higher specificity to override padding
 */
ul.uk-nav-sub {
  padding: 5px 0 5px 15px;
}
/* Modifier: `uk-nav-parent-icon`
 ========================================================================== */
.uk-nav-parent-icon > .uk-parent > a:after {
  content: "\f104";
  width: 20px;
  margin-right: -10px;
  float: right;
  font-family: FontAwesome;
  text-align: center;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
  content: "\f107";
}
/* Modifier `uk-nav-side`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-side > li > a {
  color: #444444;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
  background: rgba(0, 0, 0, 0.03);
  color: #444444;
  /* 2 */
  outline: none;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 -1px 0 #ffffff;
}
/* Active */
.uk-nav-side > li.uk-active > a {
  background: #009dd8;
  color: #ffffff;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-side .uk-nav-header {
  color: #444444;
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-side .uk-nav-divider {
  border-top: 1px solid #dddddd;
  box-shadow: 0 1px 0 #ffffff;
}
/*
 * Nested items
 */
.uk-nav-side ul a {
  color: #0077dd;
}
.uk-nav-side ul a:hover {
  color: #005599;
}
/* Modifier `uk-nav-dropdown`
 ========================================================================== */
/* 
 * Items
 */
.uk-nav-dropdown > li > a {
  color: #444444;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
  /*background: #009dd8;*/
  color:  #333;
  /* 2 */
  outline: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-dropdown .uk-nav-header {
  color: #999999;
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-dropdown .uk-nav-divider {
  border-top: 1px solid #dddddd;
}
/*
 * Nested items
 */
.uk-nav-dropdown ul a {
  color: #0077dd;
}
.uk-nav-dropdown ul a:hover {
  color: #005599;
}
/* Modifier `uk-nav-navbar`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-navbar > li > a {
  color: #444444;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  background: #009dd8;
  color: #ffffff;
  /* 2 */
  outline: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-navbar .uk-nav-header {
  color: #999999;
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-navbar .uk-nav-divider {
  border-top: 1px solid #dddddd;
}
/*
 * Nested items
 */
.uk-nav-navbar ul a {
  color: #0077dd;
}
.uk-nav-navbar ul a:hover {
  color: #005599;
}
/* Modifier `uk-nav-offcanvas`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-offcanvas > li > a {
  color: #cccccc;
  padding: 10px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  display:none;
}
/*
 * Hover
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  background: #404040;
  color: #ffffff;
  /* 2 */
  outline: none;
}
/*
 * Active
 * `html .uk-nav` needed for higher specificity to override hover
 */
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background: #1a1a1a;
  color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-offcanvas .uk-nav-header {
  color: #777777;
  margin-top: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  background: #404040;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-offcanvas .uk-nav-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.01);
  margin: 0;
  height: 4px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
/*
 * Nested items
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 */
.uk-nav-offcanvas ul a {
  color: #cccccc;
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  color: #ffffff;
}
/*
     * Modifier `uk-nav-offcanvas`
     */
.uk-nav-offcanvas {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}
/*
     * Sub-object: `uk-nav-sub`
     */
.uk-nav-offcanvas .uk-nav-sub {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
/* ========================================================================
   Component: Navbar
 ========================================================================== */
.uk-navbar {
/*  background: #f7f7f7;
  color: #444444;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);*/
  background-color: white;
}
/*
 * Micro clearfix
 */
.uk-navbar:before,
.uk-navbar:after {
  content: "";
  display: table;
}
.uk-navbar:after {
  clear: both;
}
/* Sub-object: `uk-navbar-nav`
 ========================================================================== */
.uk-navbar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
/*
 * 1. Create position context for dropdowns
 */
.uk-navbar-nav > li {
  float: right;
  /* 1 */
  position: relative;
      margin-top: 4px;
    margin-right: -13px;
}
/*
 * 1. Dimensions
 * 2. Style
 */
.uk-navbar-nav > li > a {
  display: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  /* 1 */
  height: 41px;
  padding: 0 15px;
  line-height: 40px;
  /* 2 */
  color: #444444;
  font-size: 14px;
  font-family: "Bree Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-top: -1px;
  margin-left: -1px;
  border: 1px solid transparent;
  border-bottom-width: 0;
  text-shadow: 0 1px 0 #ffffff;
  float:right;
}
/* Appear not as link */
.uk-navbar-nav > li > a[href='#'] {
  cursor: text;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: transparent;
  color: #444444;
  /* 3 */
  outline: none;
  position: relative;
  z-index: 1;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  background-color: #f5f5f5;
  color: #444444;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  background-color: #fafafa;
  color: #444444;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Sub-objects: `uk-navbar-nav-subtitle`
 ========================================================================== */
.uk-navbar-nav .uk-navbar-nav-subtitle {
  line-height: 28px;
}
.uk-navbar-nav-subtitle > div {
  margin-top: -6px;
  font-size: 10px;
  line-height: 12px;
}
/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
 ========================================================================== */
/*
 * Imitate navbar items
 */
.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 41px;
  padding: 0 2px;
  float: right;
  margin-top: -1px;
  text-shadow: 0 1px 0 #ffffff;
}
/*
 * Helper to center all child elements vertically
 */
.uk-navbar-content:before,
.uk-navbar-brand:before,
.uk-navbar-toggle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* Sub-objects: `uk-navbar-content`
 ========================================================================== */
/*
 * Better sibling spacing
 */
.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
  padding-left: 0;
}
/*
 * Link colors
 */
.uk-navbar-content > a:not([class]) {
  color: #0077dd;
}
.uk-navbar-content > a:not([class]):hover {
  color: #005599;
}
/* Sub-objects: `uk-navbar-brand`
 ========================================================================== */
.uk-navbar-brand {
  font-size: 14px;
  color: #606060;;
  text-decoration: none;
  font-family: 'Nunito', sans-serif;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-brand:hover,
.uk-navbar-brand:focus {
  color: #444444;
  text-decoration: none;
  /* 2 */
  outline: none;
}
/* Sub-object: `uk-navbar-toggle`
 ========================================================================== */
.uk-navbar-toggle {
  font-size: 18px;
  color: #444444;
  text-decoration: none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
  color: #444444;
  text-decoration: none;
  /* 2 */
  outline: none;
}
/*
 * 1. Center icon vertically
 */
.uk-navbar-toggle:after {
  content: "\f0c9";
  font-family: FontAwesome;
  /* 1 */
  vertical-align: middle;
}
.uk-navbar-toggle-alt:after {
  content: "\f002";
}
/* Sub-object: `uk-navbar-center`
 ========================================================================== */
/*
 * The element with this class needs to be last child in the navbar
 * 1. This hack is needed because other float elements shift centered text
 */
.uk-navbar-center {
  float: none;
  text-align: center;
  /* 1 */
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
/* Sub-object: `uk-navbar-flip`
 ========================================================================== */
.uk-navbar-flip {
  float: right;
}
/*
     * Apply same `border-radius` as `uk-navbar`
     */
.uk-navbar-nav:first-child > li:first-child > a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/*
     * Sub-modifier `uk-navbar-flip`
     */
/* Collapse border */
.uk-navbar-flip .uk-navbar-nav > li > a {
  margin-left: 0;
  margin-right: -1px;
}
/* Apply same `border-radius` as `uk-navbar` */
.uk-navbar-flip .uk-navbar-nav:first-child > li:first-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.uk-navbar-flip .uk-navbar-nav:last-child > li:last-child > a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/*
     * Sub-modifier `uk-navbar-attached`
     */
.uk-navbar-attached {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 0;
}
.uk-navbar-attached .uk-navbar-nav > li > a {
  border-radius: 0 !important;
}
/* ========================================================================
   Component: Subnav
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Remove whitespace between child elements when using `inline-block`
 */
.uk-subnav {
  /* 1 */
  padding: 0;
  list-style: none;
  /* 2 */

  font-size: 0.001px;
}
/* Items
 ========================================================================== */
/*
 * 1. Create position context for dropdowns
 * 2. Reset whitespace hack
 */
.uk-subnav > li {
  /* 1 */
  position: relative;
  /* 2 */
  font-size: 1rem;
  vertical-align: top;
}
.uk-subnav > li,
.uk-subnav > li > a,
.uk-subnav > li > span {
  display: inline-block;
}
.uk-subnav > li:nth-child(n+2) {
  margin-left: 10px;
}
/*
 * Items
 */
.uk-subnav > li > a {
  color: #0077dd;
}
.uk-subnav > li > a:hover {
  color: #005599;
}
/*
 * Active
 */
/*
 * Disabled
 */
.uk-subnav > li > span {
  color: #999999;
}
/* Modifier: 'subnav-line'
 ========================================================================== */
.uk-subnav-line > li:nth-child(n+2):before {
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  border-left: 1px solid #dddddd;
}
/* Modifier: 'subnav-pill'
 ========================================================================== */
.uk-subnav-pill > li > a,
.uk-subnav-pill > li > span {
  padding: 3px 9px;
  text-decoration: none;
  border-radius: 4px;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-subnav-pill > li > a:hover,
.uk-subnav-pill > li > a:focus {
  background: #fafafa;
  color: #444444;
  /* 2 */
  outline: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
/*
 * Active
 * `li` needed for higher specificity to override hover
 */
.uk-subnav-pill > li.uk-active > a {
  background: #009dd8;
  color: #ffffff;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Remove whitespace between child elements when using `inline-block`
 */
.uk-breadcrumb {
  /* 1 */
  padding: 0;
  list-style: none;
  /* 2 */
  font-size: 0.001px;
}
/* Items
 ========================================================================== */
/*
 * Reset whitespace hack
 */
.uk-breadcrumb > li {
  font-size: 1rem;
  vertical-align: top;
}
.uk-breadcrumb > li,
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {
  display: inline-block;
}
.uk-breadcrumb > li:nth-child(n+2):before {
  content: "/";
  display: inline-block;
  margin: 0 8px;
}
/*
 * Disabled
 */
.uk-breadcrumb > li:not(.uk-active) > span {
  color: #999999;
}
/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Center pagination by default
 * 3. Remove whitespace between child elements when using `inline-block`
 */
.uk-pagination {
  /* 1 */
  padding: 0;
  list-style: none;
  /* 2 */
  text-align: center;
  /* 3 */
  font-size: 0.001px;
}
/*
 * Micro clearfix
 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
 */
.uk-pagination:before,
.uk-pagination:after {
  content: "";
  display: table;
}
.uk-pagination:after {
  clear: both;
}
/* Items
 ========================================================================== */
/*
 * 1. Reset whitespace hack
 * 2. Remove the gap at the bottom of it container
 */
.uk-pagination > li {
  display: inline-block;
  /* 1 */
  font-size: 1rem;
  /* 2 */
  vertical-align: top;
}
.uk-pagination > li:nth-child(n+2) {
  margin-left: 5px;
}
/*
 * 1. Makes pagination more robust against different box-sizing use
 * 2. Reset text-align to center if alignment modifier is used
 */
.uk-pagination > li > a,
.uk-pagination > li > span {
  display: inline-block;
  min-width: 16px;
  padding: 3px 5px;
  line-height: 20px;
  text-decoration: none;
  /* 1 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
  text-align: center;
  border-radius: 4px;
}
/*
 * Links
 */
.uk-pagination > li > a {
  background: #f7f7f7;
  color: #444444;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  text-shadow: 0 1px 0 #ffffff;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
  background-color: #fafafa;
  color: #444444;
  /* 2 */
  outline: none;
  background-image: none;
}
/* OnClick */
.uk-pagination > li > a:active {
  background-color: #f5f5f5;
  color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/*
 * Active
 */
.uk-pagination > .uk-active > span {
  background: #009dd8;
  color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/*
 * Disabled
 */
.uk-pagination > .uk-disabled > span {
  background-color: #fafafa;
  color: #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 0 #ffffff;
}
/* Previous and next navigation
 ========================================================================== */
.uk-pagination-previous {
  float: left;
}
.uk-pagination-next {
  float: right;
}
/* Alignment modifiers
 ========================================================================== */
.uk-pagination-left {
  text-align: left;
}
.uk-pagination-right {
  text-align: right;
}
/* ========================================================================
   Component: Tab
 ========================================================================== */
.uk-tab {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #dddddd;
}
/*
 * Micro clearfix on the deepest container
 */
.uk-tab:before,
.uk-tab:after {
  content: "";
  display: table;
}
.uk-tab:after {
  clear: both;
}
/*
 * Items
 * 1. Create position context for dropdowns
 */
.uk-tab > li {
  margin-bottom: -1px;
  float: left;
  /* 1 */
  position: relative;
}
.uk-tab > li > a {
  display: block;
  padding: 8px 12px 8px 12px;
  border: 1px solid transparent;
  border-bottom-width: 0;
  color: #0077dd;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
  text-shadow: 0 1px 0 #ffffff;
}
.uk-tab > li:nth-child(n+2) > a {
  margin-left: 5px;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
  border-color: #dddddd;
  background: #fafafa;
  color: #005599;
  /* 2 */
  outline: none;
}
.uk-tab > li:not(.uk-active) > a:hover,
.uk-tab > li:not(.uk-active) > a:focus,
.uk-tab > li.uk-open:not(.uk-active) > a {
  margin-bottom: 1px;
  padding-bottom: 7px;
}
/* Active */
.uk-tab > li.uk-active > a {
  border-color: #dddddd;
  border-bottom-color: transparent;
  background: #ffffff;
  color: #444444;
}
/* Disabled */
.uk-tab > li.uk-disabled > a {
  color: #999999;
  cursor: auto;
}
.uk-tab > li.uk-disabled > a:hover,
.uk-tab > li.uk-disabled > a:focus,
.uk-tab > li.uk-disabled.uk-active > a {
  background: none;
  border-color: transparent;
}
/* Modifier: 'tab-flip'
 ========================================================================== */
.uk-tab-flip > li {
  float: right;
}
.uk-tab-flip > li:nth-child(n+2) > a {
  margin-left: 0;
  margin-right: 5px;
}
/* Modifier: 'tab-responsive'
 ========================================================================== */
.uk-tab > li.uk-tab-responsive > a {
  margin-left: 0;
  margin-right: 0;
}
/*
 * Icon
 */
.uk-tab-responsive > a:before {
  content: "\f0c9\00a0";
  font-family: FontAwesome;
}
/* Modifier: 'tab-center'
 ========================================================================== */
.uk-tab-center {
  border-bottom: 1px solid #dddddd;
}
.uk-tab-center-bottom {
  border-bottom: none;
  border-top: 1px solid #dddddd;
}
.uk-tab-center:before,
.uk-tab-center:after {
  content: "";
  display: table;
}
.uk-tab-center:after {
  clear: both;
}
/*
 * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs
 */
.uk-tab-center .uk-tab {
  position: relative;
  right: 50%;
  border: none;
  float: right;
}
.uk-tab-center .uk-tab > li {
  position: relative;
  right: -50%;
}
.uk-tab-center .uk-tab > li > a {
  text-align: center;
}
/* Modifier: 'tab-bottom'
 ========================================================================== */
.uk-tab-bottom {
  border-top: 1px solid #dddddd;
  border-bottom: none;
}
.uk-tab-bottom > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.uk-tab-bottom > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-top-width: 0;
}
.uk-tab-bottom > li:not(.uk-active) > a:hover,
.uk-tab-bottom > li:not(.uk-active) > a:focus,
.uk-tab-bottom > li.uk-open:not(.uk-active) > a {
  margin-bottom: 0;
  margin-top: 1px;
  padding-bottom: 8px;
  padding-top: 7px;
}
.uk-tab-bottom > li.uk-active > a {
  border-top-color: transparent;
  border-bottom-color: #dddddd;
}
/* Modifier: 'tab-grid'
 ========================================================================== */
/*
 * 1. Create position context to prevent hidden border because of negative `z-index`
 */
.uk-tab-grid {
  margin-left: -5px;
  border-bottom: none;
  /* 1 */
  position: relative;
  z-index: 0;
}
.uk-tab-grid:before {
  display: block;
  position: absolute;
  left: 5px;
  right: 0;
  bottom: -1px;
  border-top: 1px solid #dddddd;
  /* 1 */
  z-index: -1;
}
.uk-tab-grid > li:first-child > a {
  margin-left: 5px;
}
.uk-tab-grid > li > a {
  text-align: center;
}
/*
 * If `uk-tab-bottom`
 */
.uk-tab-grid.uk-tab-bottom {
  border-top: none;
}
.uk-tab-grid.uk-tab-bottom:before {
  top: -1px;
  bottom: auto;
}
/* Modifier: 'tab-left', 'tab-right'
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-tab-left,
  .uk-tab-right {
    border-bottom: none;
  }
  .uk-tab-left > li,
  .uk-tab-right > li {
    margin-bottom: 0;
    float: none;
  }
  .uk-tab-left > li > a,
  .uk-tab-right > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .uk-tab-left > li:nth-child(n+2) > a,
  .uk-tab-right > li:nth-child(n+2) > a {
    margin-left: 0;
    margin-top: 5px;
  }
  .uk-tab-left > li.uk-active > a,
  .uk-tab-right > li.uk-active > a {
    border-color: #dddddd;
  }
  /*
     * Modifier: 'tab-left'
     */
  .uk-tab-left {
    border-right: 1px solid #dddddd;
  }
  .uk-tab-left > li {
    margin-right: -1px;
  }
  .uk-tab-left > li > a {
    border-bottom-width: 1px;
    border-right-width: 0;
  }
  .uk-tab-left > li:not(.uk-active) > a:hover,
  .uk-tab-left > li:not(.uk-active) > a:focus {
    margin-bottom: 0;
    margin-right: 1px;
    padding-bottom: 8px;
    padding-right: 11px;
  }
  .uk-tab-left > li.uk-active > a {
    border-right-color: transparent;
  }
  /*
     * Modifier: 'tab-right'
     */
  .uk-tab-right {
    border-left: 1px solid #dddddd;
  }
  .uk-tab-right > li {
    margin-left: -1px;
  }
  .uk-tab-right > li > a {
    border-bottom-width: 1px;
    border-left-width: 0;
  }
  .uk-tab-right > li:not(.uk-active) > a:hover,
  .uk-tab-right > li:not(.uk-active) > a:focus {
    margin-bottom: 0;
    margin-left: 1px;
    padding-bottom: 8px;
    padding-left: 11px;
  }
  .uk-tab-right > li.uk-active > a {
    border-left-color: transparent;
  }
}
/* Modifier: `uk-tab-bottom'
     ========================================================================== */
.uk-tab-bottom > li > a {
  border-radius: 0 0 4px 4px;
}
/* Modifier: `uk-tab-left', `uk-tab-right'
    ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
  /*
         * Modifier: `uk-tab-left'
         */
  .uk-tab-left > li > a {
    border-radius: 4px 0 0 4px;
  }
  /*
         * Modifier: `uk-tab-right'
         */
  .uk-tab-right > li > a {
    border-radius: 0 4px 4px 0;
  }
}
/* ========================================================================
   Component: List
 ========================================================================== */
.uk-list {
  padding: 0;
  list-style: none;
}
/*
 * Micro clearfix to make list more robust
 */
.uk-list > li:before,
.uk-list > li:after {
  content: "";
  display: table;
}
.uk-list > li:after {
  clear: both;
}
/*
 * Remove margin from the last-child
 */
.uk-list > li > :last-child {
  margin-bottom: 0;
}
/*
 * Nested lists
 */
.uk-list ul {
  margin: 0;
  padding-left: 20px;
  list-style: none;
}
/* Modifier: `uk-list-line`
 ========================================================================== */
.uk-list-line > li:nth-child(n+2) {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #dddddd;
}
/* Modifier: `uk-list-striped`
 ========================================================================== */
.uk-list-striped > li {
  padding: 5px 5px;
  border-bottom: 1px solid #dddddd;
}
.uk-list-striped > li:nth-of-type(odd) {
  background: #fafafa;
}
/* Modifier: `uk-list-space`
 ========================================================================== */
.uk-list-space > li:nth-child(n+2) {
  margin-top: 10px;
}
.uk-list-striped > li:first-child {
  border-top: 1px solid #dddddd;
}
/* ========================================================================
   Component: Description list
 ========================================================================== */
/* Modifier: `uk-description-list-horizontal`
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-description-list-horizontal {
    overflow: hidden;
  }
  .uk-description-list-horizontal > dt {
    width: 160px;
    float: left;
    clear: both;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .uk-description-list-horizontal > dd {
    margin-left: 180px;
  }
}
/* Modifier: `uk-description-list-line`
 ========================================================================== */
.uk-description-list-line > dt {
  font-weight: normal;
}
.uk-description-list-line > dt:nth-child(n+2) {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #dddddd;
}
.uk-description-list-line > dd {
  color: #999999;
}
/* ========================================================================
   Component: Table
 ========================================================================== */
/*
 * 1. Remove most spacing between table cells.
 * 2. Block element behavior
 * 3. Style
 */
.uk-table,
table.flexible,
.generaltable {
  /* 1 */
  border-collapse: collapse;
  border-spacing: 0;
  /* 2 */
  width: 100%;
  /* 3 */
  margin-bottom: 15px;
  font-size: 14px;
}
}
/*
 * Add margin if adjacent element
 */
* + .uk-table,
* + table.flexible,
* + .generaltable {
  margin-top: 15px;
}
.uk-table th,
.uk-table td,
table.flexible th,
table.flexible td,
.generaltable th,
.generaltable td {
  padding: 8px 8px;
  background-color:white;
}
/*
 * Set alignment
 */
.uk-table th,
table.flexible th,
.generaltable th {
  text-align: center;
/*  background-color: white;*/
}
.uk-table td,
table.flexible td,
.generaltable td {
  vertical-align: top;
}
.uk-table thead th,
table.flexible thead th,
.generaltable thead th {
  vertical-align: bottom;
}
/*
 * Caption and footer
 */
.uk-table caption,

.uk-table tfoot,
table.flexible caption,
table.flexible tfoot,
.generaltable caption,
.generaltable tfoot {
  font-size: 12px;
  font-style: italic;
}
.uk-table caption,
table.flexible caption,
.generaltable caption {
  text-align: left;
  color: #999999;
}
/* Sub-modifier: `uk-table-middle`
 ========================================================================== */
.uk-table-middle,
.uk-table-middle td {
  vertical-align: middle !important;
}
/* Modifier: `uk-table-striped`
 ========================================================================== */
.uk-table-striped tbody tr:nth-of-type(odd) {
  background: #fafafa;
}
/* Modifier: `uk-table-condensed`
 ========================================================================== */
.uk-table-condensed td {
  padding: 4px 8px;
}
/* Modifier: `uk-table-hover`
 ========================================================================== */
.uk-table-hover tbody tr:hover {
  background: #f0f0f0;
}
/* ========================================================================
   Component: Form
 ========================================================================== */
/*
 * 1. Define consistent box sizing.
 *    Default is `content-box` with following exceptions set to `border-box`
 *    `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]`
 *    `input[type="search"]` in Chrome, Safari and Opera
 *    `input[type="color"]` in Firefox
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Correct `font` properties and `color` not being inherited.
 */
.uk-form input,
.uk-form select,
.uk-form textarea,
form input,
form select,
form textarea,
.mform input,
.mform select,
.mform textarea {
  /* 1 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
  color: inherit;
}
/*
 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
 */
.uk-form select,
form select,
.mform select {
  text-transform: none;
}
/*
 * 1. Correct `font` properties not being inherited.
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
.uk-form optgroup,
form optgroup,
.mform optgroup {
  /* 1 */
  font: inherit;
  /* 2 */
  font-weight: bold;
}
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-form input::-moz-focus-inner,
form input::-moz-focus-inner,
.mform input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * Removes excess padding in IE 8/9/10.
 */
.uk-form input[type="checkbox"],
.uk-form input[type="radio"],
form input[type="checkbox"],
form input[type="radio"],
.mform input[type="checkbox"],
.mform input[type="radio"] {
  padding: 0;
}
/*
 * Improves consistency of cursor style for clickable elements
 */
.uk-form input[type="checkbox"]:not(:disabled),
.uk-form input[type="radio"]:not(:disabled),
form input[type="checkbox"]:not(:disabled),
form input[type="radio"]:not(:disabled),
.mform input[type="checkbox"]:not(:disabled),
.mform input[type="radio"]:not(:disabled) {
  cursor: pointer;
}
/*
 * Remove default style in iOS.
 */
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="number"],
.uk-form input[type="datetime"],
form textarea,
form input:not([type]),
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="search"],
form input[type="tel"],
form input[type="number"],
form input[type="datetime"],
.mform textarea,
.mform input:not([type]),
.mform input[type="text"],
.mform input[type="password"],
.mform input[type="email"],
.mform input[type="url"],
.mform input[type="search"],
.mform input[type="tel"],
.mform input[type="number"],
.mform input[type="datetime"] {
  -webkit-appearance: none;
}
/*
 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
 */
.uk-form input[type="search"]::-webkit-search-cancel-button,
.uk-form input[type="search"]::-webkit-search-decoration,
form input[type="search"]::-webkit-search-cancel-button,
form input[type="search"]::-webkit-search-decoration,
.mform input[type="search"]::-webkit-search-cancel-button,
.mform input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
.uk-form input[type="number"]::-webkit-inner-spin-button,
.uk-form input[type="number"]::-webkit-outer-spin-button,
form input[type="number"]::-webkit-inner-spin-button,
form input[type="number"]::-webkit-outer-spin-button,
.mform input[type="number"]::-webkit-inner-spin-button,
.mform input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/*
 * Define consistent border, margin, and padding.
 */
.uk-form fieldset,
form fieldset,
.mform fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 * 2. Improve readability and alignment in all browsers.
 */
.uk-form textarea,
form textarea,
.mform textarea {
  /* 1 */
  overflow: auto;
  /* 2 */
  vertical-align: top;
}
/*
 * Removes placeholder transparency in Firefox.
 */
.uk-form ::-moz-placeholder,
form ::-moz-placeholder,
.mform ::-moz-placeholder {
  opacity: 1;
}
/*
 * Removes `box-shadow` for invalid controls in Firefox.
 */
.uk-form :invalid,
form :invalid,
.mform :invalid {
  box-shadow: none;
}
/*
 * Vertical alignment
 */
.uk-form input:not([type="radio"]):not([type="checkbox"]),
.uk-form select,
form input:not([type="radio"]):not([type="checkbox"]),
form select,
.mform input:not([type="radio"]):not([type="checkbox"]),
.mform select {
  vertical-align: middle;
}
/* Style
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
.uk-form > :last-child,
form > :last-child,
.mform > :last-child {
  margin-bottom: 0;
}
/*
 * Controls
 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
 * 1. Must be `height` because `min-height` is not working in OSX
 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
 * 3. Vertical `padding` needed for `select` elements in Firefox
 * 4. Style
 */
.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"],
form select,
form textarea,
form input:not([type]),
form input[type="text"],
form input[type="password"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="week"],
form input[type="number"],
form input[type="email"],
form input[type="url"],
form input[type="search"],
form input[type="tel"],
form input[type="color"],
.mform select,
.mform textarea,
.mform input:not([type]),
.mform input[type="text"],
.mform input[type="password"],
.mform input[type="datetime"],
.mform input[type="datetime-local"],
.mform input[type="date"],
.mform input[type="month"],
.mform input[type="time"],
.mform input[type="week"],
.mform input[type="number"],
.mform input[type="email"],
.mform input[type="url"],
.mform input[type="search"],
.mform input[type="tel"],
.mform input[type="color"] {
  /* 1 */
  height: 30px;
  /* 2 */
  max-width: 100%;
  /* 3 */
  padding: 4px 6px;
  /* 4 */
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #444444;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  border-radius: 4px;
 
}
.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus,
form select:focus,
form textarea:focus,
form input:not([type]):focus,
form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="datetime"]:focus,
form input[type="datetime-local"]:focus,
form input[type="date"]:focus,
form input[type="month"]:focus,
form input[type="time"]:focus,
form input[type="week"]:focus,
form input[type="number"]:focus,
form input[type="email"]:focus,
form input[type="url"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="color"]:focus,
.mform select:focus,
.mform textarea:focus,
.mform input:not([type]):focus,
.mform input[type="text"]:focus,
.mform input[type="password"]:focus,
.mform input[type="datetime"]:focus,
.mform input[type="datetime-local"]:focus,
.mform input[type="date"]:focus,
.mform input[type="month"]:focus,
.mform input[type="time"]:focus,
.mform input[type="week"]:focus,
.mform input[type="number"]:focus,
.mform input[type="email"]:focus,
.mform input[type="url"]:focus,
.mform input[type="search"]:focus,
.mform input[type="tel"]:focus,
.mform input[type="color"]:focus {
  border-color: #99baca;
  outline: 0;
  background: #f5fbfe;
  color: #444444;
}
.uk-form select:disabled,
.uk-form textarea:disabled,
.uk-form input:not([type]):disabled,
.uk-form input[type="text"]:disabled,
.uk-form input[type="password"]:disabled,
.uk-form input[type="datetime"]:disabled,
.uk-form input[type="datetime-local"]:disabled,
.uk-form input[type="date"]:disabled,
.uk-form input[type="month"]:disabled,
.uk-form input[type="time"]:disabled,
.uk-form input[type="week"]:disabled,
.uk-form input[type="number"]:disabled,
.uk-form input[type="email"]:disabled,
.uk-form input[type="url"]:disabled,
.uk-form input[type="search"]:disabled,
.uk-form input[type="tel"]:disabled,
.uk-form input[type="color"]:disabled,
form select:disabled,
form textarea:disabled,
form input:not([type]):disabled,
form input[type="text"]:disabled,
form input[type="password"]:disabled,
form input[type="datetime"]:disabled,
form input[type="datetime-local"]:disabled,
form input[type="date"]:disabled,
form input[type="month"]:disabled,
form input[type="time"]:disabled,
form input[type="week"]:disabled,
form input[type="number"]:disabled,
form input[type="email"]:disabled,
form input[type="url"]:disabled,
form input[type="search"]:disabled,
form input[type="tel"]:disabled,
form input[type="color"]:disabled,
.mform select:disabled,
.mform textarea:disabled,
.mform input:not([type]):disabled,
.mform input[type="text"]:disabled,
.mform input[type="password"]:disabled,
.mform input[type="datetime"]:disabled,
.mform input[type="datetime-local"]:disabled,
.mform input[type="date"]:disabled,
.mform input[type="month"]:disabled,
.mform input[type="time"]:disabled,
.mform input[type="week"]:disabled,
.mform input[type="number"]:disabled,
.mform input[type="email"]:disabled,
.mform input[type="url"]:disabled,
.mform input[type="search"]:disabled,
.mform input[type="tel"]:disabled,
.mform input[type="color"]:disabled {
  border-color: #dddddd;
  background-color: #fafafa;
  color: #999999;
}
/*
 * Placeholder
 */
.uk-form :-ms-input-placeholder,
form :-ms-input-placeholder,
.mform :-ms-input-placeholder {
  color: #999999 !important;
}
.uk-form ::-moz-placeholder,
form ::-moz-placeholder,
.mform ::-moz-placeholder {
  color: #999999;
}
.uk-form ::-webkit-input-placeholder,
form ::-webkit-input-placeholder,
.mform ::-webkit-input-placeholder {
  color: #999999;
}
.uk-form :disabled:-ms-input-placeholder,
form :disabled:-ms-input-placeholder,
.mform :disabled:-ms-input-placeholder {
  color: #999999 !important;
}
.uk-form :disabled::-moz-placeholder,
form :disabled::-moz-placeholder,
.mform :disabled::-moz-placeholder {
  color: #999999;
}
.uk-form :disabled::-webkit-input-placeholder,
form :disabled::-webkit-input-placeholder,
.mform :disabled::-webkit-input-placeholder {
  color: #999999;
}
/*
 * Legend
 * 1. Behave like block element
 * 2. Correct `color` not being inherited in IE 8/9/10/11.
 * 3. Remove padding
 * 4. `margin-bottom` is not working in Safari and Opera.
 *    Using `padding` and :after instead to create the border
 * 5. Style
 */
.uk-form legend,
form legend,
.mform legend {
  /* 1 */
  width: 100%;
  /* 2 */
  border: 0;
  /* 3 */
  padding: 0;
  /* 4 */
  padding-bottom: 15px;
  /* 5 */
  font-size: 18px;
  line-height: 30px;
}
/*
 * 1. Fixes IE9
 */
.uk-form legend:after,
form legend:after,
.mform legend:after {
  content: "";
  display: block;
  border-bottom: 1px solid #dddddd;
  /* 1 */
  width: 100%;
}
/* Size modifiers
 * Higher specificity needed to override defaults
 ========================================================================== */
select.uk-form-small,
textarea.uk-form-small,
input[type].uk-form-small,
input:not([type]).uk-form-small {
  height: 25px;
  padding: 3px 3px;
  font-size: 12px;
}
select.uk-form-large,
textarea.uk-form-large,
input[type].uk-form-large,
input:not([type]).uk-form-large {
  height: 40px;
  padding: 8px 6px;
  font-size: 16px;
}
/* Reset height
 * Must be after size modifiers
 ========================================================================== */
.uk-form textarea,
.uk-form select[multiple],
.uk-form select[size],
form textarea,
form select[multiple],
form select[size],
.mform textarea,
.mform select[multiple],
.mform select[size] {
  height: auto;
}
/* Validation states
 * Using !important to keep the selector simple
 ========================================================================== */
/*
 * Error state
 */
.uk-form-danger {
  border-color: #dc8d99 !important;
  background: #fff7f8 !important;
  color: #d85030 !important;
}
/*
 * Success state
 */
.uk-form-success {
  border-color: #8ec73b !important;
  background: #fafff2 !important;
  color: #659f13 !important;
}
/* Style modifiers
 * Using !important to keep the selector simple
 ========================================================================== */
/*
 * Blank form
 */
.uk-form-blank {
  border-color: transparent !important;
  border-style: dashed !important;
  background: none !important;
}
.uk-form-blank:focus {
  border-color: #dddddd !important;
}
/* Size sub-modifiers
 ========================================================================== */
/*
 * Fixed widths
 * Different widths for mini sized `input` and `select` elements
 */
input.uk-form-width-mini {
  width: 40px;
}
select.uk-form-width-mini {
  width: 65px;
}
.uk-form-width-small {
  width: 130px;
}
.uk-form-width-medium {
  width: 200px;
}
.uk-form-width-large {
  width: 500px;
}
/* Sub-objects: `uk-form-row`
 * Groups labels and controls in rows
 ========================================================================== */
/*
 * Micro clearfix
 * Needed for `uk-form-horizontal` modifier
 */
.uk-form-row:before,
.uk-form-row:after,
form .form-item:before,
form .form-item:after,
.mform .form-item:before,
.mform .form-item:after,
form .fitem:before,
form .fitem:after,
.mform .fitem:before,
.mform .fitem:after,
form .fld:before,
form .fld:after,
.mform .fld:before,
.mform .fld:after {
  content: "";
  display: table;
}
.uk-form-row:after,
form .form-item:after,
.mform .form-item:after,
form .fitem:after,
.mform .fitem:after,
form .fld:after,
.mform .fld:after {
  clear: both;
}
/*
 * Vertical gutter
 */
.uk-form-row + .uk-form-row,
form .form-item + form .form-item,
.mform .form-item + .mform .form-item,
form .fitem + form .fitem,
.mform .fitem + .mform .fitem,
form .fld + form .fld,
.mform .fld + .mform .fld {
  margin-top: 15px;
}
/* Help text
 * Sub-object: `uk-form-help-inline`, `uk-form-help-block`
 ========================================================================== */
.uk-form-help-inline {
  display: inline-block;
  margin: 0 0 0 10px;
}
.uk-form-help-block {
  margin: 5px 0 0 0;
}
/* Controls content
 * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`
 ========================================================================== */
/*
 * Remove margins
 */
.uk-form-controls > :first-child,
form .form-item .form-setting > :first-child,
.mform .form-item .form-setting > :first-child,
form .fitem .form-setting > :first-child,
.mform .fitem .form-setting > :first-child,
form .fld .form-setting > :first-child,
.mform .fld .form-setting > :first-child,
form .form-item .felement > :first-child,
.mform .form-item .felement > :first-child,
form .fitem .felement > :first-child,
.mform .fitem .felement > :first-child,
form .fld .felement > :first-child,
.mform .fld .felement > :first-child {
  margin-top: 0;
}
.uk-form-controls > :last-child,
form .form-item .form-setting > :last-child,
.mform .form-item .form-setting > :last-child,
form .fitem .form-setting > :last-child,
.mform .fitem .form-setting > :last-child,
form .fld .form-setting > :last-child,
.mform .fld .form-setting > :last-child,
form .form-item .felement > :last-child,
.mform .form-item .felement > :last-child,
form .fitem .felement > :last-child,
.mform .fitem .felement > :last-child,
form .fld .felement > :last-child,
.mform .fld .felement > :last-child {
  margin-bottom: 0;
  
}
/*
 * Group controls and text into blocks with a small spacing between blocks
 */
.uk-form-controls-condensed {
  margin: 5px 0;
}
/* Modifier: `uk-form-stacked`
 * Requires sub-object: `uk-form-label`
 ========================================================================== */
.uk-form-stacked .uk-form-label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
/* Modifier: `uk-form-horizontal`
 * Requires sub-objects: `uk-form-label`, `uk-form-controls`
 ========================================================================== */
/* Tablet portrait and smaller */
@media (max-width: 959px) {
  /* Behave like `uk-form-stacked` */
  .uk-form-horizontal .uk-form-label,
  form .uk-form-label,
  .mform .uk-form-label,
  form .form-item .form-label,
  .mform .form-item .form-label,
  form .fitem .form-label,
  .mform .fitem .form-label,
  form .fld .form-label,
  .mform .fld .form-label,
  form .form-item > label,
  .mform .form-item > label,
  form .fitem > label,
  .mform .fitem > label,
  form .fld > label,
  .mform .fld > label,
  form .form-item .fitemtitle,
  .mform .form-item .fitemtitle,
  form .fitem .fitemtitle,
  .mform .fitem .fitemtitle,
  form .fld .fitemtitle,
  .mform .fld .fitemtitle {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-form-horizontal .uk-form-label,
  form .uk-form-label,
  .mform .uk-form-label,
  form .form-item .form-label,
  .mform .form-item .form-label,
  form .fitem .form-label,
  .mform .fitem .form-label,
  form .fld .form-label,
  .mform .fld .form-label,
  form .form-item > label,
  .mform .form-item > label,
  form .fitem > label,
  .mform .fitem > label,
  form .fld > label,
  .mform .fld > label,
  form .form-item .fitemtitle,
  .mform .form-item .fitemtitle,
  form .fitem .fitemtitle,
  .mform .fitem .fitemtitle,
  form .fld .fitemtitle,
  .mform .fld .fitemtitle {
    width: 200px;
    margin-top: 5px;
    /*float: left;*/
  }
  .uk-form-horizontal .uk-form-controls,
  form .uk-form-controls,
  .mform .uk-form-controls,
  form .form-item .form-setting,
  .uk-form-horizontal form .form-item .form-setting,
  .mform .form-item .form-setting,
  .uk-form-horizontal .mform .form-item .form-setting,
  form .fitem .form-setting,
  .uk-form-horizontal form .fitem .form-setting,
  .mform .fitem .form-setting,
  .uk-form-horizontal .mform .fitem .form-setting,
  form .fld .form-setting,
  .uk-form-horizontal form .fld .form-setting,
  .mform .fld .form-setting,
  .uk-form-horizontal .mform .fld .form-setting,
  form .form-item .felement,
  .uk-form-horizontal form .form-item .felement,
  .mform .form-item .felement,
  .uk-form-horizontal .mform .form-item .felement,
  form .fitem .felement,
  .uk-form-horizontal form .fitem .felement,
  .mform .fitem .felement,
  .uk-form-horizontal .mform .fitem .felement,
  form .fld .felement,
  .uk-form-horizontal form .fld .felement,
  .mform .fld .felement,
  .uk-form-horizontal .mform .fld .felement {
    /*margin-left: 215px;*/
  }
  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
  .uk-form-horizontal .uk-form-controls-text,
  form .uk-form-controls-text,
  .mform .uk-form-controls-text {
    padding-top: 5px;
  }
}
/* Sub-object: `uk-form-icon`
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Prevent `inline-block` consequences
 */
.uk-form-icon {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
}
/*
 * 1. Make form element clickable through icon
 */
.uk-form-icon > [class*='uk-icon-'] {
  position: absolute;
  top: 50%;
  width: 30px;
  margin-top: -7px;
  font-size: 14px;
  color: #999999;
  text-align: center;
  /* 1 */
  pointer-events: none;
}
.uk-form-icon:not(.uk-form-icon-flip) > input {
  padding-left: 30px !important;
}
/*
 * Sub-modifier: `uk-form-icon-flip`
 */
.uk-form-icon-flip > [class*='uk-icon-'] {
  right: 0;
}
.uk-form-icon-flip > input {
  padding-right: 30px !important;
}
/* ========================================================================
   Component: Button
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-button::-moz-focus-inner,
button::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
#id_submitbutton::-moz-focus-inner,
#id_submitbutton2::-moz-focus-inner,
.form-submit::-moz-focus-inner,
.addbloglink::-moz-focus-inner,
.messagebox a::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Style
 * 8. `line-height` is used to create a height
 * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.
 * 10. Reset button group whitespace hack
 * 11. Required for `a`.
 */
.uk-button,
button,
input[type=submit],
input[type=button],
#id_submitbutton,
#id_submitbutton2,
.form-submit,
.addbloglink,
.messagebox a {
  /* 1 */
  -webkit-appearance: none;
  /* 2 */
  margin: 0;
  /* 3 */
  border: none;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: #FFF;
  /* 6 */
  text-transform: none;
  /* 7 */
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  background: #0072ce;
  vertical-align: middle;
  /* 8 */
  line-height: 28px;
  /* 9 */
  min-height: 30px;
  /* 10 */
  font-size: 1rem;
  /* 11 */
  text-decoration: none;
  text-align: center;
  /*border: 1px solid rgba(0, 0, 0, 0.2);*/
  border-bottom-color: #0072ce;
  background-origin: border-box;
  background-color:#0072ce;
  /*background-image: -webkit-linear-gradient(top, #428bca, #428bca);
  background-image: linear-gradient(to bottom, #428bca, #428bca);*/
  border-radius: 4px;
  /*text-shadow: 0 0px 0 #ffffff;*/
  padding: 4px !important;
  margin: 8px;
}
.uk-button:not(:disabled),
button:not(:disabled),
input[type=submit]:not(:disabled),
input[type=button]:not(:disabled),
#id_submitbutton:not(:disabled),
#id_submitbutton2:not(:disabled),
.form-submit:not(:disabled),
.addbloglink:not(:disabled),
.messagebox a:not(:disabled) {
  cursor: pointer;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
.uk-button:hover,
.uk-button:focus,
button:hover,
button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus,
#id_submitbutton:hover,
#id_submitbutton:focus,
#id_submitbutton2:hover,
#id_submitbutton2:focus,
.form-submit:hover,
.form-submit:focus,
.addbloglink:hover,
.addbloglink:focus,
.messagebox a:hover,
.messagebox a:focus {
  background-color: #2cace3;
    /* border-color: #2cace3;*/
  color: #FFF;
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
  background-image: none;
}
/* Active */
.uk-button:active,
.uk-button.uk-active,
button:active,
button.uk-active,
input[type=submit]:active,
input[type=submit].uk-active,
input[type=button]:active,
input[type=button].uk-active,
#id_submitbutton:active,
#id_submitbutton.uk-active,
#id_submitbutton2:active,
#id_submitbutton2.uk-active,
.form-submit:active,
.form-submit.uk-active,
.addbloglink:active,
.addbloglink.uk-active,
.messagebox a:active,
.messagebox a.uk-active {
  background-color: #00a3e0;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Color modifiers
 ========================================================================== */
/*
 * Modifier: `uk-button-primary`
 */
.uk-button-primary,
.block button,
.block input[type=submit],
.block input[type=button],
.block #id_submitbutton,
.block #id_submitbutton2,
.block .form-submit,
#id_submitbutton2,
#loginbtn,
.guestform input[type=submit],
.breadcrumb-button input[type=submit] {
  background-color: #0072ce;
  color: #ffffff;
 /* background-image: -webkit-linear-gradient(top, #377FBF, #377FBF);
  background-image: linear-gradient(to bottom, #377FBF, #008dc5);*/
  border-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus,
.block button:hover,
.block button:focus,
.block input[type=submit]:hover,
.block input[type=submit]:focus,
.block input[type=button]:hover,
.block input[type=button]:focus,
.block #id_submitbutton:hover,
.block #id_submitbutton:focus,
.block #id_submitbutton2:hover,
.block #id_submitbutton2:focus,
.block .form-submit:hover,
.block .form-submit:focus,
#id_submitbutton2:hover,
#id_submitbutton2:focus,
#loginbtn:hover,
#loginbtn:focus,
.guestform input[type=submit]:hover,
.guestform input[type=submit]:focus,
.breadcrumb-button input[type=submit]:hover,
.breadcrumb-button input[type=submit]:focus {
  background-color: #0072ce;
  color: #ffffff;
  background-image: none;
}
/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active,
.block button:active,
.block button.uk-active,
.block input[type=submit]:active,
.block input[type=submit].uk-active,
.block input[type=button]:active,
.block input[type=button].uk-active,
.block #id_submitbutton:active,
.block #id_submitbutton.uk-active,
.block #id_submitbutton2:active,
.block #id_submitbutton2.uk-active,
.block .form-submit:active,
.block .form-submit.uk-active,
#id_submitbutton2:active,
#id_submitbutton2.uk-active,
#loginbtn:active,
#loginbtn.uk-active,
.guestform input[type=submit]:active,
.guestform input[type=submit].uk-active,
.breadcrumb-button input[type=submit]:active,
.breadcrumb-button input[type=submit].uk-active {
  background-color: #0072ce;
  color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
/*
 * Modifier: `uk-button-success`
 */
.uk-button-success,
#id_submitbutton,
.form-submit {
  /*background-color: #82bb42;*/
  color: #ffffff;
 /* background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);*/
  background-color: #3399ff;
  border-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/* Hover */
.uk-button-success:hover,
.uk-button-success:focus,
#id_submitbutton:hover,
#id_submitbutton:focus,
.form-submit:hover,
.form-submit:focus {
  background-color: rgb(0, 119, 226);
  color: #ffffff;
  background-image: none;
}
/* Active */
.uk-button-success:active,
.uk-button-success.uk-active,
#id_submitbutton:active,
#id_submitbutton.uk-active,
.form-submit:active,
.form-submit.uk-active {
 /* background-color: #76b430;*/ 
  color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
/*
 * Modifier: `uk-button-danger`
 */
.uk-button-danger {
  background-color: #d32c46;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
  border-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/* Hover */
.uk-button-danger:hover,
.uk-button-danger:focus {
  background-color: #e33551;
  color: #ffffff;
  background-image: none;
}
/* Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: #c91c37;
  color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* Disabled state
 * Overrides also the color modifiers
 ========================================================================== */
/* Equal for all button types */
.uk-button:disabled,
button:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
#id_submitbutton:disabled,
#id_submitbutton2:disabled,
.form-submit:disabled,
.addbloglink:disabled,
.messagebox a:disabled {
  background-color: #fafafa;
  color: #999999;
  border-color: rgba(0, 0, 0, 0.2);
  background-image: none;
  box-shadow: none;
  text-shadow: 0 1px 0 #ffffff;
}
/* Modifier: `uk-button-link`
 ========================================================================== */
/* Reset */
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active,
.uk-button-link:disabled {
  border-color: transparent;
  background: none;
  box-shadow: none;
  text-shadow: none;
}
/* Color */
.uk-button-link {
  color: #0077dd;
}
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
  color: #005599;
  text-decoration: underline;
}
.uk-button-link:disabled {
  color: #999999;
}
/* Focus */
.uk-button-link:focus {
  outline: 1px dotted;
}
/* Size modifiers
 ========================================================================== */
.uk-button-mini {
  min-height: 20px;
  padding: 0 6px;
  line-height: 18px;
  font-size: 11px;
}
.uk-button-small,
.breadcrumb-button input[type=submit] {
  min-height: 25px;
  padding: 0 10px;
  line-height: 23px;
  font-size: 12px;
}
.uk-button-large {
  min-height: 40px;
  padding: 0 15px;
  line-height: 38px;
  font-size: 16px;
  border-radius: 5px;
}
/* Sub-object `uk-button-group`
 ========================================================================== */
/*
 * 1. Behave like buttons
 * 2. Create position context for dropdowns
 * 3. Remove whitespace between child elements when using `inline-block`
 * 4. Prevent buttons from wrapping
 * 5. Remove whitespace between child elements when using `inline-block`
 */
.uk-button-group {
  /* 1 */
  display: inline-block;
  vertical-align: middle;
  /* 2 */
  position: relative;
  /* 3 */
  font-size: 0.001px;
  /* 4 */
  white-space: nowrap;
}
.uk-button-group > * {
  display: inline-block;
}
/* 5 */
.uk-button-group .uk-button,
.uk-button-group button,
.uk-button-group input[type=submit],
.uk-button-group input[type=button],
.uk-button-group #id_submitbutton,
.uk-button-group #id_submitbutton2,
.uk-button-group .form-submit,
.uk-button-group .addbloglink,
.uk-button-group .messagebox a {
  vertical-align: top;
}
/* Sub-object: `uk-button-dropdown`
 ========================================================================== */
/*
 * 1. Behave like buttons
 * 2. Create position context for dropdowns
 */
.uk-button-dropdown {
  /* 1 */
  display: inline-block;
  vertical-align: middle;
  /* 2 */
  position: relative;
}
/* Sub-object `uk-button-group`
     ========================================================================== */
/*
     * Reset border-radius
     */
.uk-button-group > .uk-button:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) .uk-button,
.uk-button-group > button:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) button,
.uk-button-group > input[type=submit]:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) input[type=submit],
.uk-button-group > input[type=button]:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) input[type=button],
.uk-button-group > #id_submitbutton:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) #id_submitbutton,
.uk-button-group > #id_submitbutton2:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) #id_submitbutton2,
.uk-button-group > .form-submit:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) .form-submit,
.uk-button-group > .addbloglink:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) .addbloglink,
.uk-button-group > .messagebox a:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) .messagebox a {
  border-radius: 0;
}
.uk-button-group > .uk-button:first-child,
.uk-button-group > div:first-child .uk-button,
.uk-button-group > button:first-child,
.uk-button-group > div:first-child button,
.uk-button-group > input[type=submit]:first-child,
.uk-button-group > div:first-child input[type=submit],
.uk-button-group > input[type=button]:first-child,
.uk-button-group > div:first-child input[type=button],
.uk-button-group > #id_submitbutton:first-child,
.uk-button-group > div:first-child #id_submitbutton,
.uk-button-group > #id_submitbutton2:first-child,
.uk-button-group > div:first-child #id_submitbutton2,
.uk-button-group > .form-submit:first-child,
.uk-button-group > div:first-child .form-submit,
.uk-button-group > .addbloglink:first-child,
.uk-button-group > div:first-child .addbloglink,
.uk-button-group > .messagebox a:first-child,
.uk-button-group > div:first-child .messagebox a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.uk-button-group > .uk-button:last-child,
.uk-button-group > div:last-child .uk-button,
.uk-button-group > button:last-child,
.uk-button-group > div:last-child button,
.uk-button-group > input[type=submit]:last-child,
.uk-button-group > div:last-child input[type=submit],
.uk-button-group > input[type=button]:last-child,
.uk-button-group > div:last-child input[type=button],
.uk-button-group > #id_submitbutton:last-child,
.uk-button-group > div:last-child #id_submitbutton,
.uk-button-group > #id_submitbutton2:last-child,
.uk-button-group > div:last-child #id_submitbutton2,
.uk-button-group > .form-submit:last-child,
.uk-button-group > div:last-child .form-submit,
.uk-button-group > .addbloglink:last-child,
.uk-button-group > div:last-child .addbloglink,
.uk-button-group > .messagebox a:last-child,
.uk-button-group > div:last-child .messagebox a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/*
     * Collapse border
     */
.uk-button-group > .uk-button:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .uk-button,
.uk-button-group > button:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) button,
.uk-button-group > input[type=submit]:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) input[type=submit],
.uk-button-group > input[type=button]:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) input[type=button],
.uk-button-group > #id_submitbutton:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) #id_submitbutton,
.uk-button-group > #id_submitbutton2:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) #id_submitbutton2,
.uk-button-group > .form-submit:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .form-submit,
.uk-button-group > .addbloglink:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .addbloglink,
.uk-button-group > .messagebox a:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .messagebox a {
  margin-left: -1px;
}
/*
     * Create position context to superimpose the successor elements border
     * Known issue: If you use an `a` element as button and an icon inside,
     * the active state will not work if you click the icon inside the button
     * Workaround: Just use a `button` or `input` element as button
     */
.uk-button-group .uk-button:active,
.uk-button-group button:active,
.uk-button-group input[type=submit]:active,
.uk-button-group input[type=button]:active,
.uk-button-group #id_submitbutton:active,
.uk-button-group #id_submitbutton2:active,
.uk-button-group .form-submit:active,
.uk-button-group .addbloglink:active,
.uk-button-group .messagebox a:active {
  position: relative;
}
/* ========================================================================
   Component: Icon
 ========================================================================== */
@font-face {
  font-family: 'FontAwesome';
  src: url('[[setting:fontwww]]fontawesome-webfont.eot?v=4.3.0');
  src: url('[[setting:fontwww]]fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('[[setting:fontwww]]fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('[[setting:fontwww]]fontawesome-webfont.woff?v=4.3.0') format('woff'), url('[[setting:fontwww]]fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('[[setting:fontwww]]fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * 1. Allow margin
 * 2. Prevent inherit font style
 * 4. Correct line-height
 * 5. Better font rendering
 */
[class*='uk-icon-'] {
  font-family: FontAwesome;
  /* 1 */
  display: inline-block;
  /* 2 */
  font-weight: normal;
  font-style: normal;
  /* 4 */
  line-height: 1;
  /* 5 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Size modifiers
 ========================================================================== */
.uk-icon-small:before {
  font-size: 150%;
  vertical-align: -10%;
}
.uk-icon-medium:before {
  font-size: 200%;
  vertical-align: -16%;
}
.uk-icon-large:before {
  font-size: 250%;
  vertical-align: -22%;
}
/* Modifier: `uk-icon-spin`
 ========================================================================== */
.uk-icon-spin {
  display: inline-block;
  -webkit-animation: uk-rotate 2s infinite linear;
  animation: uk-rotate 2s infinite linear;
}
/* Modifier: `uk-icon-button`
 ========================================================================== */
.uk-icon-button {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background: #f7f7f7;
  line-height: 35px;
  color: #444444;
  font-size: 18px;
  text-align: center;
  border: 1px solid #cccccc;
  border-bottom-color: #bbbbbb;
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  text-shadow: 0 1px 0 #ffffff;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #fafafa;
  color: #444444;
  text-decoration: none;
  /* 2 */
  outline: none;
  background-image: none;
}
/* Active */
.uk-icon-button:active {
  background-color: #f5f5f5;
  color: #444444;
  border-color: #cccccc;
  border-top-color: #bbbbbb;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Icon mapping
 ========================================================================== */
.uk-icon-glass:before {
  content: "\f000";
}
.uk-icon-music:before {
  content: "\f001";
}
.uk-icon-search:before {
  content: "\f002";
}
.uk-icon-envelope-o:before {
  content: "\f003";
}
.uk-icon-heart:before {
  content: "\f004";
}
.uk-icon-star:before {
  content: "\f005";
}
.uk-icon-star-o:before {
  content: "\f006";
}
.uk-icon-user:before {
  content: "\f007";
}
.uk-icon-film:before {
  content: "\f008";
}
.uk-icon-th-large:before {
  content: "\f009";
}
.uk-icon-th:before {
  content: "\f00a";
}
.uk-icon-th-list:before {
  content: "\f00b";
}
.uk-icon-check:before {
  content: "\f00c";
}
.uk-icon-remove:before,
.uk-icon-close:before,
.uk-icon-times:before {
  content: "\f00d";
}
.uk-icon-search-plus:before {
  content: "\f00e";
}
.uk-icon-search-minus:before {
  content: "\f010";
}
.uk-icon-power-off:before {
  content: "\f011";
}
.uk-icon-signal:before {
  content: "\f012";
}
.uk-icon-gear:before,
.uk-icon-cog:before {
  content: "\f013";
}
.uk-icon-trash-o:before {
  content: "\f014";
}
.uk-icon-home:before {
  content: "\f015";
}
.uk-icon-file-o:before {
  content: "\f016";
}
.uk-icon-clock-o:before {
  content: "\f017";
}
.uk-icon-road:before {
  content: "\f018";
}
.uk-icon-download:before {
  content: "\f019";
}
.uk-icon-arrow-circle-o-down:before {
  content: "\f01a";
}
.uk-icon-arrow-circle-o-up:before {
  content: "\f01b";
}
.uk-icon-inbox:before {
  content: "\f01c";
}
.uk-icon-play-circle-o:before {
  content: "\f01d";
}
.uk-icon-rotate-right:before,
.uk-icon-repeat:before {
  content: "\f01e";
}
.uk-icon-refresh:before {
  content: "\f021";
}
.uk-icon-list-alt:before {
  content: "\f022";
}
.uk-icon-lock:before {
  content: "\f023";
}
.uk-icon-flag:before {
  content: "\f024";
}
.uk-icon-headphones:before {
  content: "\f025";
}
.uk-icon-volume-off:before {
  content: "\f026";
}
.uk-icon-volume-down:before {
  content: "\f027";
}
.uk-icon-volume-up:before {
  content: "\f028";
}
.uk-icon-qrcode:before {
  content: "\f029";
}
.uk-icon-barcode:before {
  content: "\f02a";
}
.uk-icon-tag:before {
  content: "\f02b";
}
.uk-icon-tags:before {
  content: "\f02c";
}
.uk-icon-book:before {
  content: "\f02d";
}
.uk-icon-bookmark:before {
  content: "\f02e";
}
.uk-icon-print:before {
  content: "\f02f";
}
.uk-icon-camera:before {
  content: "\f030";
}
.uk-icon-font:before {
  content: "\f031";
}
.uk-icon-bold:before {
  content: "\f032";
}
.uk-icon-italic:before {
  content: "\f033";
}
.uk-icon-text-height:before {
  content: "\f034";
}
.uk-icon-text-width:before {
  content: "\f035";
}
.uk-icon-align-left:before {
  content: "\f036";
}
.uk-icon-align-center:before {
  content: "\f037";
}
.uk-icon-align-right:before {
  content: "\f038";
}
.uk-icon-align-justify:before {
  content: "\f039";
}
.uk-icon-list:before {
  content: "\f03a";
}
.uk-icon-dedent:before,
.uk-icon-outdent:before {
  content: "\f03b";
}
.uk-icon-indent:before {
  content: "\f03c";
}
.uk-icon-video-camera:before {
  content: "\f03d";
}
.uk-icon-photo:before,
.uk-icon-image:before,
.uk-icon-picture-o:before {
  content: "\f03e";
}
.uk-icon-pencil:before {
  content: "\f040";
}
.uk-icon-map-marker:before {
  content: "\f041";
}
.uk-icon-adjust:before {
  content: "\f042";
}
.uk-icon-tint:before {
  content: "\f043";
}
.uk-icon-edit:before,
.uk-icon-pencil-square-o:before {
  content: "\f044";
}
.uk-icon-share-square-o:before {
  content: "\f045";
}
.uk-icon-check-square-o:before {
  content: "\f046";
}
.uk-icon-arrows:before {
  content: "\f047";
}
.uk-icon-step-backward:before {
  content: "\f048";
}
.uk-icon-fast-backward:before {
  content: "\f049";
}
.uk-icon-backward:before {
  content: "\f04a";
}
.uk-icon-play:before {
  content: "\f04b";
}
.uk-icon-pause:before {
  content: "\f04c";
}
.uk-icon-stop:before {
  content: "\f04d";
}
.uk-icon-forward:before {
  content: "\f04e";
}
.uk-icon-fast-forward:before {
  content: "\f050";
}
.uk-icon-step-forward:before {
  content: "\f051";
}
.uk-icon-eject:before {
  content: "\f052";
}
.uk-icon-chevron-left:before {
  content: "\f053";
}
.uk-icon-chevron-right:before {
  content: "\f054";
}
.uk-icon-plus-circle:before {
  content: "\f055";
}
.uk-icon-minus-circle:before {
  content: "\f056";
}
.uk-icon-times-circle:before {
  content: "\f057";
}
.uk-icon-check-circle:before {
  content: "\f058";
}
.uk-icon-question-circle:before {
  content: "\f059";
}
.uk-icon-info-circle:before {
  content: "\f05a";
}
.uk-icon-crosshairs:before {
  content: "\f05b";
}
.uk-icon-times-circle-o:before {
  content: "\f05c";
}
.uk-icon-check-circle-o:before {
  content: "\f05d";
}
.uk-icon-ban:before {
  content: "\f05e";
  color: #003057;
}
.uk-icon-arrow-left:before {
  content: "\f060";
}
.uk-icon-arrow-right:before {
  content: "\f061";
}
.uk-icon-arrow-up:before {
  content: "\f062";
}
.uk-icon-arrow-down:before {
  content: "\f063";
}
.uk-icon-mail-forward:before,
.uk-icon-share:before {
  content: "\f064";
}
.uk-icon-expand:before {
  content: "\f065";
}
.uk-icon-compress:before {
  content: "\f066";
}
.uk-icon-plus:before {
  content: "\f067";
}
.uk-icon-minus:before {
  content: "\f068";
}
.uk-icon-asterisk:before {
  content: "\f069";
}
.uk-icon-exclamation-circle:before {
  content: "\f06a";
}
.uk-icon-gift:before {
  content: "\f06b";
}
.uk-icon-leaf:before {
  content: "\f06c";
}
.uk-icon-fire:before {
  content: "\f06d";
}
.uk-icon-eye:before {
  content: "\f06e";
}
.uk-icon-eye-slash:before {
  content: "\f070";
}
.uk-icon-warning:before,
.uk-icon-exclamation-triangle:before {
  content: "\f071";
}
.uk-icon-plane:before {
  content: "\f072";
}
.uk-icon-calendar:before {
  content: "\f073";
}
.uk-icon-random:before {
  content: "\f074";
}
.uk-icon-comment:before {
  content: "\f075";
}
.uk-icon-magnet:before {
  content: "\f076";
}
.uk-icon-chevron-up:before {
  content: "\f077";
}
.uk-icon-chevron-down:before {
  content: "\f078";
}
.uk-icon-retweet:before {
  content: "\f079";
}
.uk-icon-shopping-cart:before {
  content: "\f07a";
}
.uk-icon-folder:before {
  content: "\f07b";
}
.uk-icon-folder-open:before {
  content: "\f07c";
}
.uk-icon-arrows-v:before {
  content: "\f07d";
}
.uk-icon-arrows-h:before {
  content: "\f07e";
}
.uk-icon-bar-chart-o:before,
.uk-icon-bar-chart:before {
  content: "\f080";
}
.uk-icon-twitter-square:before {
  content: "\f081";
}
.uk-icon-facebook-square:before {
  content: "\f082";
}
.uk-icon-camera-retro:before {
  content: "\f083";
}
.uk-icon-key:before {
  content: "\f084";
}
.uk-icon-gears:before,
.uk-icon-cogs:before {
  content: "\f085";
}
.uk-icon-comments:before {
  content: "\f086";
}
.uk-icon-thumbs-o-up:before {
  content: "\f087";
}
.uk-icon-thumbs-o-down:before {
  content: "\f088";
}
.uk-icon-star-half:before {
  content: "\f089";
}
.uk-icon-heart-o:before {
  content: "\f08a";
}
.uk-icon-sign-out:before {
  content: "\f08b";
}
.uk-icon-linkedin-square:before {
  content: "\f08c";
}
.uk-icon-thumb-tack:before {
  content: "\f08d";
}
.uk-icon-external-link:before {
  content: "\f08e";
}
.uk-icon-sign-in:before {
  content: "\f090";
}
.uk-icon-trophy:before {
  content: "\f091";
}
.uk-icon-github-square:before {
  content: "\f092";
}
.uk-icon-upload:before {
  content: "\f093";
}
.uk-icon-lemon-o:before {
  content: "\f094";
}
.uk-icon-phone:before {
  content: "\f095";
}
.uk-icon-square-o:before {
  content: "\f096";
}
.uk-icon-bookmark-o:before {
  content: "\f097";
}
.uk-icon-phone-square:before {
  content: "\f098";
}
.uk-icon-twitter:before {
  content: "\f099";
}
.uk-icon-facebook:before {
  content: "\f09a";
}
.uk-icon-github:before {
  content: "\f09b";
}
.uk-icon-unlock:before {
  content: "\f09c";
}
.uk-icon-credit-card:before {
  content: "\f09d";
}
.uk-icon-rss:before {
  content: "\f09e";
}
.uk-icon-hdd-o:before {
  content: "\f0a0";
}
.uk-icon-bullhorn:before {
  content: "\f0a1";
}
.uk-icon-bell:before {
  content: "\f0f3";
}
.uk-icon-certificate:before {
  content: "\f0a3";
}
.uk-icon-hand-o-right:before {
  content: "\f0a4";
}
.uk-icon-hand-o-left:before {
  content: "\f0a5";
}
.uk-icon-hand-o-up:before {
  content: "\f0a6";
}
.uk-icon-hand-o-down:before {
  content: "\f0a7";
}
.uk-icon-arrow-circle-left:before {
  content: "\f0a8";
}
.uk-icon-arrow-circle-right:before {
  content: "\f0a9";
}
.uk-icon-arrow-circle-up:before {
  content: "\f0aa";
}
.uk-icon-arrow-circle-down:before {
  content: "\f0ab";
}
.uk-icon-globe:before {
  content: "\f0ac";
}
.uk-icon-wrench:before {
  content: "\f0ad";
  color: #003057;
}
.uk-icon-tasks:before {
  content: "\f0ae";
}
.uk-icon-filter:before {
  content: "\f0b0";
}
.uk-icon-briefcase:before {
  content: "\f0b1";
}
.uk-icon-arrows-alt:before {
  content: "\f0b2";
}
.uk-icon-group:before,
.uk-icon-users:before {
  content: "\f0c0";
}
.uk-icon-chain:before,
.uk-icon-link:before {
  content: "\f0c1";
}
.uk-icon-cloud:before {
  content: "\f0c2";
}
.uk-icon-flask:before {
  content: "\f0c3";
}
.uk-icon-cut:before,
.uk-icon-scissors:before {
  content: "\f0c4";
}
.uk-icon-copy:before,
.uk-icon-files-o:before {
  content: "\f0c5";
}
.uk-icon-paperclip:before {
  content: "\f0c6";
}
.uk-icon-save:before,
.uk-icon-floppy-o:before {
  content: "\f0c7";
}
.uk-icon-square:before {
  content: "\f0c8";
}
.uk-icon-navicon:before,
.uk-icon-reorder:before,
.uk-icon-bars:before {
  content: "\f0c9";
}
.uk-icon-list-ul:before {
  content: "\f0ca";
}
.uk-icon-list-ol:before {
  content: "\f0cb";
}
.uk-icon-strikethrough:before {
  content: "\f0cc";
}
.uk-icon-underline:before {
  content: "\f0cd";
}
.uk-icon-table:before {
  content: "\f0ce";
}
.uk-icon-magic:before {
  content: "\f0d0";
}
.uk-icon-truck:before {
  content: "\f0d1";
}
.uk-icon-pinterest:before {
  content: "\f0d2";
}
.uk-icon-pinterest-square:before {
  content: "\f0d3";
}
.uk-icon-google-plus-square:before {
  content: "\f0d4";
}
.uk-icon-google-plus:before {
  content: "\f0d5";
}
.uk-icon-money:before {
  content: "\f0d6";
}
.uk-icon-caret-down:before {
  content: "\f0d7";
}
.uk-icon-caret-up:before {
  content: "\f0d8";
}
.uk-icon-caret-left:before {
  content: "\f0d9";
}
.uk-icon-caret-right:before {
  content: "\f0da";
}
.uk-icon-columns:before {
  content: "\f0db";
}
.uk-icon-unsorted:before,
.uk-icon-sort:before {
  content: "\f0dc";
}
.uk-icon-sort-down:before,
.uk-icon-sort-desc:before {
  content: "\f0dd";
}
.uk-icon-sort-up:before,
.uk-icon-sort-asc:before {
  content: "\f0de";
}
.uk-icon-envelope:before {
  content: "\f0e0";
}
.uk-icon-linkedin:before {
  content: "\f0e1";
}
.uk-icon-rotate-left:before,
.uk-icon-undo:before {
  content: "\f0e2";
}
.uk-icon-legal:before,
.uk-icon-gavel:before {
  content: "\f0e3";
}
.uk-icon-dashboard:before,
.uk-icon-tachometer:before {
  content: "\f0e4";
}
.uk-icon-dashboard{
    display: none;
    
}

.uk-icon-comment-o:before {
  content: "\f0e5";
}
.uk-icon-comments-o:before {
  content: "\f0e6";
}
.uk-icon-flash:before,
.uk-icon-bolt:before {
  content: "\f0e7";
}
.uk-icon-sitemap:before {
  content: "\f0e8";
}
.uk-icon-umbrella:before {
  content: "\f0e9";
}
.uk-icon-paste:before,
.uk-icon-clipboard:before {
  content: "\f0ea";
}
.uk-icon-lightbulb-o:before {
  content: "\f0eb";
}
.uk-icon-exchange:before {
  content: "\f0ec";
}
.uk-icon-cloud-download:before {
  content: "\f0ed";
}
.uk-icon-cloud-upload:before {
  content: "\f0ee";
}
.uk-icon-user-md:before {
  content: "\f0f0";
}
.uk-icon-stethoscope:before {
  content: "\f0f1";
}
.uk-icon-suitcase:before {
  content: "\f0f2";
}
.uk-icon-bell-o:before {
  content: "\f0a2";
}
.uk-icon-coffee:before {
  content: "\f0f4";
}
.uk-icon-cutlery:before {
  content: "\f0f5";
}
.uk-icon-file-text-o:before {
  content: "\f0f6";
}
.uk-icon-building-o:before {
  content: "\f0f7";
}
.uk-icon-hospital-o:before {
  content: "\f0f8";
}
.uk-icon-ambulance:before {
  content: "\f0f9";
}
.uk-icon-medkit:before {
  content: "\f0fa";
}
.uk-icon-fighter-jet:before {
  content: "\f0fb";
}
.uk-icon-beer:before {
  content: "\f0fc";
}
.uk-icon-h-square:before {
  content: "\f0fd";
}
.uk-icon-plus-square:before {
  content: "\f0fe";
}
.uk-icon-angle-double-left:before {
  content: "\f100";
}
.uk-icon-angle-double-right:before {
  content: "\f101";
}
.uk-icon-angle-double-up:before {
  content: "\f102";
}
.uk-icon-angle-double-down:before {
  content: "\f103";
}
.uk-icon-angle-left:before {
  content: "\f104";
}
.uk-icon-angle-right:before {
  content: "\f105";
}
.uk-icon-angle-up:before {
  content: "\f106";
}
.uk-icon-angle-down:before {
  content: "\f107";
}
.uk-icon-desktop:before {
  content: "\f108";
}
.uk-icon-laptop:before {
  content: "\f109";
}
.uk-icon-tablet:before {
  content: "\f10a";
}
.uk-icon-mobile-phone:before,
.uk-icon-mobile:before {
  content: "\f10b";
}
.uk-icon-circle-o:before {
  content: "\f10c";
}
.uk-icon-quote-left:before {
  content: "\f10d";
}
.uk-icon-quote-right:before {
  content: "\f10e";
}
.uk-icon-spinner:before {
  content: "\f110";
}
.uk-icon-circle:before {
  content: "\f111";
}
.uk-icon-mail-reply:before,
.uk-icon-reply:before {
  content: "\f112";
}
.uk-icon-github-alt:before {
  content: "\f113";
}
.uk-icon-folder-o:before {
  content: "\f114";
}
.uk-icon-folder-open-o:before {
  content: "\f115";
}
.uk-icon-smile-o:before {
  content: "\f118";
}
.uk-icon-frown-o:before {
  content: "\f119";
}
.uk-icon-meh-o:before {
  content: "\f11a";
}
.uk-icon-gamepad:before {
  content: "\f11b";
}
.uk-icon-keyboard-o:before {
  content: "\f11c";
}
.uk-icon-flag-o:before {
  content: "\f11d";
}
.uk-icon-flag-checkered:before {
  content: "\f11e";
}
.uk-icon-terminal:before {
  content: "\f120";
}
.uk-icon-code:before {
  content: "\f121";
}
.uk-icon-mail-reply-all:before,
.uk-icon-reply-all:before {
  content: "\f122";
}
.uk-icon-star-half-empty:before,
.uk-icon-star-half-full:before,
.uk-icon-star-half-o:before {
  content: "\f123";
}
.uk-icon-location-arrow:before {
  content: "\f124";
}
.uk-icon-crop:before {
  content: "\f125";
}
.uk-icon-code-fork:before {
  content: "\f126";
}
.uk-icon-unlink:before,
.uk-icon-chain-broken:before {
  content: "\f127";
}
.uk-icon-question:before {
  content: "\f128";
}
.uk-icon-info:before {
  content: "\f129";
}
.uk-icon-exclamation:before {
  content: "\f12a";
}
.uk-icon-superscript:before {
  content: "\f12b";
}
.uk-icon-subscript:before {
  content: "\f12c";
}
.uk-icon-eraser:before {
  content: "\f12d";
}
.uk-icon-puzzle-piece:before {
  content: "\f12e";
}
.uk-icon-microphone:before {
  content: "\f130";
}
.uk-icon-microphone-slash:before {
  content: "\f131";
}
.uk-icon-shield:before {
  content: "\f132";
}
.uk-icon-calendar-o:before {
  content: "\f133";
}
.uk-icon-fire-extinguisher:before {
  content: "\f134";
}
.uk-icon-rocket:before {
  content: "\f135";
}
.uk-icon-maxcdn:before {
  content: "\f136";
}
.uk-icon-chevron-circle-left:before {
  content: "\f137";
}
.uk-icon-chevron-circle-right:before {
  content: "\f138";
}
.uk-icon-chevron-circle-up:before {
  content: "\f139";
}
.uk-icon-chevron-circle-down:before {
  content: "\f13a";
}
.uk-icon-html5:before {
  content: "\f13b";
}
.uk-icon-css3:before {
  content: "\f13c";
}
.uk-icon-anchor:before {
  content: "\f13d";
}
.uk-icon-unlock-alt:before {
  content: "\f13e";
}
.uk-icon-bullseye:before {
  content: "\f140";
}
.uk-icon-ellipsis-h:before {
  content: "\f141";
}
.uk-icon-ellipsis-v:before {
  content: "\f142";
}
.uk-icon-rss-square:before {
  content: "\f143";
}
.uk-icon-play-circle:before {
  content: "\f144";
}
.uk-icon-ticket:before {
  content: "\f145";
}
.uk-icon-minus-square:before {
  content: "\f146";
}
.uk-icon-minus-square-o:before {
  content: "\f147";
}
.uk-icon-level-up:before {
  content: "\f148";
}
.uk-icon-level-down:before {
  content: "\f149";
}
.uk-icon-check-square:before {
  content: "\f14a";
}
.uk-icon-pencil-square:before {
  content: "\f14b";
}
.uk-icon-external-link-square:before {
  content: "\f14c";
}
.uk-icon-share-square:before {
  content: "\f14d";
}
.uk-icon-compass:before {
  content: "\f14e";
}
.uk-icon-toggle-down:before,
.uk-icon-caret-square-o-down:before {
  content: "\f150";
}
.uk-icon-toggle-up:before,
.uk-icon-caret-square-o-up:before {
  content: "\f151";
}
.uk-icon-toggle-right:before,
.uk-icon-caret-square-o-right:before {
  content: "\f152";
}
.uk-icon-euro:before,
.uk-icon-eur:before {
  content: "\f153";
}
.uk-icon-gbp:before {
  content: "\f154";
}
.uk-icon-dollar:before,
.uk-icon-usd:before {
  content: "\f155";
}
.uk-icon-rupee:before,
.uk-icon-inr:before {
  content: "\f156";
}
.uk-icon-cny:before,
.uk-icon-rmb:before,
.uk-icon-yen:before,
.uk-icon-jpy:before {
  content: "\f157";
}
.uk-icon-ruble:before,
.uk-icon-rouble:before,
.uk-icon-rub:before {
  content: "\f158";
}
.uk-icon-won:before,
.uk-icon-krw:before {
  content: "\f159";
}
.uk-icon-bitcoin:before,
.uk-icon-btc:before {
  content: "\f15a";
}
.uk-icon-file:before {
  content: "\f15b";
}
.uk-icon-file-text:before {
  content: "\f15c";
}
.uk-icon-sort-alpha-asc:before {
  content: "\f15d";
}
.uk-icon-sort-alpha-desc:before {
  content: "\f15e";
}
.uk-icon-sort-amount-asc:before {
  content: "\f160";
}
.uk-icon-sort-amount-desc:before {
  content: "\f161";
}
.uk-icon-sort-numeric-asc:before {
  content: "\f162";
}
.uk-icon-sort-numeric-desc:before {
  content: "\f163";
}
.uk-icon-thumbs-up:before {
  content: "\f164";
}
.uk-icon-thumbs-down:before {
  content: "\f165";
}
.uk-icon-youtube-square:before {
  content: "\f166";
}
.uk-icon-youtube:before {
  content: "\f167";
}
.uk-icon-xing:before {
  content: "\f168";
}
.uk-icon-xing-square:before {
  content: "\f169";
}
.uk-icon-youtube-play:before {
  content: "\f16a";
}
.uk-icon-dropbox:before {
  content: "\f16b";
}
.uk-icon-stack-overflow:before {
  content: "\f16c";
}
.uk-icon-instagram:before {
  content: "\f16d";
}
.uk-icon-flickr:before {
  content: "\f16e";
}
.uk-icon-adn:before {
  content: "\f170";
}
.uk-icon-bitbucket:before {
  content: "\f171";
}
.uk-icon-bitbucket-square:before {
  content: "\f172";
}
.uk-icon-tumblr:before {
  content: "\f173";
}
.uk-icon-tumblr-square:before {
  content: "\f174";
}
.uk-icon-long-arrow-down:before {
  content: "\f175";
}
.uk-icon-long-arrow-up:before {
  content: "\f176";
}
.uk-icon-long-arrow-left:before {
  content: "\f177";
}
.uk-icon-long-arrow-right:before {
  content: "\f178";
}
.uk-icon-apple:before {
  content: "\f179";
}
.uk-icon-windows:before {
  content: "\f17a";
}
.uk-icon-android:before {
  content: "\f17b";
}
.uk-icon-linux:before {
  content: "\f17c";
}
.uk-icon-dribbble:before {
  content: "\f17d";
}
.uk-icon-skype:before {
  content: "\f17e";
}
.uk-icon-foursquare:before {
  content: "\f180";
}
.uk-icon-trello:before {
  content: "\f181";
}
.uk-icon-female:before {
  content: "\f182";
}
.uk-icon-male:before {
  content: "\f183";
}
.uk-icon-gittip:before {
  content: "\f184";
}
.uk-icon-sun-o:before {
  content: "\f185";
}
.uk-icon-moon-o:before {
  content: "\f186";
}
.uk-icon-archive:before {
  content: "\f187";
}
.uk-icon-bug:before {
  content: "\f188";
}
.uk-icon-vk:before {
  content: "\f189";
}
.uk-icon-weibo:before {
  content: "\f18a";
}
.uk-icon-renren:before {
  content: "\f18b";
}
.uk-icon-pagelines:before {
  content: "\f18c";
}
.uk-icon-stack-exchange:before {
  content: "\f18d";
}
.uk-icon-arrow-circle-o-right:before {
  content: "\f18e";
}
.uk-icon-arrow-circle-o-left:before {
  content: "\f190";
}
.uk-icon-toggle-left:before,
.uk-icon-caret-square-o-left:before {
  content: "\f191";
}
.uk-icon-dot-circle-o:before {
  content: "\f192";
}
.uk-icon-wheelchair:before {
  content: "\f193";
}
.uk-icon-vimeo-square:before {
  content: "\f194";
}
.uk-icon-turkish-lira:before,
.uk-icon-try:before {
  content: "\f195";
}
.uk-icon-plus-square-o:before {
  content: "\f196";
}
.uk-icon-space-shuttle:before {
  content: "\f197";
}
.uk-icon-slack:before {
  content: "\f198";
}
.uk-icon-envelope-square:before {
  content: "\f199";
}
.uk-icon-wordpress:before {
  content: "\f19a";
}
.uk-icon-openid:before {
  content: "\f19b";
}
.uk-icon-institution:before,
.uk-icon-bank:before,
.uk-icon-university:before {
  content: "\f19c";
}
.uk-icon-mortar-board:before,
.uk-icon-graduation-cap:before {
  content: "\f19d";
}
.uk-icon-yahoo:before {
  content: "\f19e";
}
.uk-icon-google:before {
  content: "\f1a0";
}
.uk-icon-reddit:before {
  content: "\f1a1";
}
.uk-icon-reddit-square:before {
  content: "\f1a2";
}
.uk-icon-stumbleupon-circle:before {
  content: "\f1a3";
}
.uk-icon-stumbleupon:before {
  content: "\f1a4";
}
.uk-icon-delicious:before {
  content: "\f1a5";
}
.uk-icon-digg:before {
  content: "\f1a6";
}
.uk-icon-pied-piper:before {
  content: "\f1a7";
}
.uk-icon-pied-piper-alt:before {
  content: "\f1a8";
}
.uk-icon-drupal:before {
  content: "\f1a9";
}
.uk-icon-joomla:before {
  content: "\f1aa";
}
.uk-icon-language:before {
  content: "\f1ab";
      font-size: 23px;
    color: #003057;
 /* display: none;*/
}
}
 
.uk-icon-fax:before {
  content: "\f1ac";
}
.uk-icon-building:before {
  content: "\f1ad";
}
.uk-icon-child:before {
  content: "\f1ae";
}
.uk-icon-paw:before {
  content: "\f1b0";
}
.uk-icon-spoon:before {
  content: "\f1b1";
}
.uk-icon-cube:before {
  content: "\f1b2";
}
.uk-icon-cubes:before {
  content: "\f1b3";
}
.uk-icon-behance:before {
  content: "\f1b4";
}
.uk-icon-behance-square:before {
  content: "\f1b5";
}
.uk-icon-steam:before {
  content: "\f1b6";
}
.uk-icon-steam-square:before {
  content: "\f1b7";
}
.uk-icon-recycle:before {
  content: "\f1b8";
}
.uk-icon-automobile:before,
.uk-icon-car:before {
  content: "\f1b9";
}
.uk-icon-cab:before,
.uk-icon-taxi:before {
  content: "\f1ba";
}
.uk-icon-tree:before {
  content: "\f1bb";
}
.uk-icon-spotify:before {
  content: "\f1bc";
}
.uk-icon-deviantart:before {
  content: "\f1bd";
}
.uk-icon-soundcloud:before {
  content: "\f1be";
}
.uk-icon-database:before {
  content: "\f1c0";
}
.uk-icon-file-pdf-o:before {
  content: "\f1c1";
}
.uk-icon-file-word-o:before {
  content: "\f1c2";
}
.uk-icon-file-excel-o:before {
  content: "\f1c3";
}
.uk-icon-file-powerpoint-o:before {
  content: "\f1c4";
}
.uk-icon-file-photo-o:before,
.uk-icon-file-picture-o:before,
.uk-icon-file-image-o:before {
  content: "\f1c5";
}
.uk-icon-file-zip-o:before,
.uk-icon-file-archive-o:before {
  content: "\f1c6";
}
.uk-icon-file-sound-o:before,
.uk-icon-file-audio-o:before {
  content: "\f1c7";
}
.uk-icon-file-movie-o:before,
.uk-icon-file-video-o:before {
  content: "\f1c8";
}
.uk-icon-file-code-o:before {
  content: "\f1c9";
}
.uk-icon-vine:before {
  content: "\f1ca";
}
.uk-icon-codepen:before {
  content: "\f1cb";
}
.uk-icon-jsfiddle:before {
  content: "\f1cc";
}
.uk-icon-life-bouy:before,
.uk-icon-life-buoy:before,
.uk-icon-life-saver:before,
.uk-icon-support:before,
.uk-icon-life-ring:before {
  content: "\f1cd";
}
.uk-icon-circle-o-notch:before {
  content: "\f1ce";
}
.uk-icon-ra:before,
.uk-icon-rebel:before {
  content: "\f1d0";
}
.uk-icon-ge:before,
.uk-icon-empire:before {
  content: "\f1d1";
}
.uk-icon-git-square:before {
  content: "\f1d2";
}
.uk-icon-git:before {
  content: "\f1d3";
}
.uk-icon-hacker-news:before {
  content: "\f1d4";
}
.uk-icon-tencent-weibo:before {
  content: "\f1d5";
}
.uk-icon-qq:before {
  content: "\f1d6";
}
.uk-icon-wechat:before,
.uk-icon-weixin:before {
  content: "\f1d7";
}
.uk-icon-send:before,
.uk-icon-paper-plane:before {
  content: "\f1d8";
}
.uk-icon-send-o:before,
.uk-icon-paper-plane-o:before {
  content: "\f1d9";
}
.uk-icon-history:before {
  content: "\f1da";
}
.uk-icon-circle-thin:before {
  content: "\f1db";
}
.uk-icon-header:before {
  content: "\f1dc";
}
.uk-icon-paragraph:before {
  content: "\f1dd";
}
.uk-icon-sliders:before {
  content: "\f1de";
}
.uk-icon-share-alt:before {
  content: "\f1e0";
}
.uk-icon-share-alt-square:before {
  content: "\f1e1";
}
.uk-icon-bomb:before {
  content: "\f1e2";
}
.uk-icon-soccer-ball-o:before,
.uk-icon-futbol-o:before {
  content: "\f1e3";
}
.uk-icon-tty:before {
  content: "\f1e4";
}
.uk-icon-binoculars:before {
  content: "\f1e5";
}
.uk-icon-plug:before {
  content: "\f1e6";
}
.uk-icon-slideshare:before {
  content: "\f1e7";
}
.uk-icon-twitch:before {
  content: "\f1e8";
}
.uk-icon-yelp:before {
  content: "\f1e9";
}
.uk-icon-newspaper-o:before {
  content: "\f1ea";
}
.uk-icon-wifi:before {
  content: "\f1eb";
}
.uk-icon-calculator:before {
  content: "\f1ec";
}
.uk-icon-paypal:before {
  content: "\f1ed";
}
.uk-icon-google-wallet:before {
  content: "\f1ee";
}
.uk-icon-cc-visa:before {
  content: "\f1f0";
}
.uk-icon-cc-mastercard:before {
  content: "\f1f1";
}
.uk-icon-cc-discover:before {
  content: "\f1f2";
}
.uk-icon-cc-amex:before {
  content: "\f1f3";
}
.uk-icon-cc-paypal:before {
  content: "\f1f4";
}
.uk-icon-cc-stripe:before {
  content: "\f1f5";
}
.uk-icon-bell-slash:before {
  content: "\f1f6";
}
.uk-icon-bell-slash-o:before {
  content: "\f1f7";
}
.uk-icon-trash:before {
  content: "\f1f8";
}
.uk-icon-copyright:before {
  content: "\f1f9";
}
.uk-icon-at:before {
  content: "\f1fa";
}
.uk-icon-eyedropper:before {
  content: "\f1fb";
}
.uk-icon-paint-brush:before {
  content: "\f1fc";
}
.uk-icon-birthday-cake:before {
  content: "\f1fd";
}
.uk-icon-area-chart:before {
  content: "\f1fe";
}
.uk-icon-pie-chart:before {
  content: "\f200";
}
.uk-icon-line-chart:before {
  content: "\f201";
}
.uk-icon-lastfm:before {
  content: "\f202";
}
.uk-icon-lastfm-square:before {
  content: "\f203";
}
.uk-icon-toggle-off:before {
  content: "\f204";
}
.uk-icon-toggle-on:before {
  content: "\f205";
}
.uk-icon-bicycle:before {
  content: "\f206";
}
.uk-icon-bus:before {
  content: "\f207";
}
.uk-icon-ioxhost:before {
  content: "\f208";
}
.uk-icon-angellist:before {
  content: "\f209";
}
.uk-icon-cc:before {
  content: "\f20a";
}
.uk-icon-shekel:before,
.uk-icon-sheqel:before,
.uk-icon-ils:before {
  content: "\f20b";
}
.uk-icon-meanpath:before {
  content: "\f20c";
}
/* ========================================================================
   Component: Close
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Remove default `button` padding and background color
 * 8. Style
 */
.uk-close {
  /* 1 */
  -webkit-appearance: none;
  /* 2 */
  margin: 0;
  /* 3 */
  border: none;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: inherit;
  /* 6 */
  text-transform: none;
  /* 7. */
  padding: 0;
  background: transparent;
  /* 8 */
  display: inline-block;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  opacity: 0.3;
}
/* Icon */
.uk-close:after {
  display: block;
  content: "\f00d";
  font-family: FontAwesome;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
.uk-close:hover,
.uk-close:focus {
  opacity: 0.5;
  /* 2 */
  outline: none;
  /* 3 */
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
/* Modifier
 ========================================================================== */
.uk-close-alt {
  padding: 2px;
  border-radius: 50%;
  background: #ffffff;
  opacity: 1;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3);
}
/* Hover */
.uk-close-alt:hover,
.uk-close-alt:focus {
  opacity: 1;
}
/* Icon */
.uk-close-alt:after {
  opacity: 0.5;
}
.uk-close-alt:hover:after,
.uk-close-alt:focus:after {
  opacity: 0.8;
}
/* ========================================================================
   Component: Badge
 ========================================================================== */
.uk-badge {
  display: inline-block;
  padding: 0 5px;
  background: #009dd8;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
  border-radius: 2px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/*
 * Keep color when badge is a link
 */
a.uk-badge:hover {
  color: #ffffff;
}
/* Modifier: `uk-badge-notification`;
 ========================================================================== */
.uk-badge-notification {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 18px;
  border-radius: 500px;
  font-size: 12px;
  line-height: 18px;
}
/* Color modifier
 ========================================================================== */
/*
 * Modifier: `uk-badge-success`
 */
.uk-badge-success {
  background-color: #82bb42;
  background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
  background-image: linear-gradient(to bottom, #9fd256, #6fac34);
}
/*
 * Modifier: `uk-badge-warning`
 */
.uk-badge-warning {
  background-color: #f9a124;
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
}
/*
 * Modifier: `uk-badge-danger`
 */
.uk-badge-danger {
  background-color: #d32c46;
  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
}
/* ========================================================================
   Component: Alert
 ========================================================================== */
.uk-alert,
#page-admin-index .releasenoteslink,
#page-admin-index .adminwarning,
#page-admin-index .maturitywarning,
#page-admin-index .testsitewarning,
#page-admin-index .maturityinfo,
#page-admin-index .maturitywarning,
#page-admin-index .testsitewarning,
#page-admin-index .adminwarning.maturityinfo.maturity50,
#page-admin-index .adminwarning.availableupdatesinfo,
#page-admin-index .releasenoteslink,
#page-admin-roles-assign div.box.generalbox,
#page-admin-roles-assign div.box.generalbox,
.que .formulation,
.que .outcome,
.que .comment,
.que .formulation,
.que .comment,
form .form-item.femptylabel .felement.fstatic,
.mform .form-item.femptylabel .felement.fstatic,
form .fitem.femptylabel .felement.fstatic,
.mform .fitem.femptylabel .felement.fstatic,
form .fld.femptylabel .felement.fstatic,
.mform .fld.femptylabel .felement.fstatic,
#fitem_id_availabilityconditionsjson .availability-plugincontrols,
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner,
.message div.heading {
  margin-bottom: 15px;
  padding: 10px;
  background: #ebf7fd;
  color: #2d7091;
  border: 1px solid rgba(45, 112, 145, 0.3);
  border-radius: 4px;
  text-shadow: 0 1px 0 #ffffff;
}
/*
 * Add margin if adjacent element
 */
* + .uk-alert,
* + #page-admin-index .releasenoteslink,
* + #page-admin-index .adminwarning,
* + #page-admin-index .maturitywarning,
* + #page-admin-index .testsitewarning,
* + #page-admin-index .maturityinfo,
* + #page-admin-index .maturitywarning,
* + #page-admin-index .testsitewarning,
* + #page-admin-index .adminwarning.maturityinfo.maturity50,
* + #page-admin-index .adminwarning.availableupdatesinfo,
* + #page-admin-index .releasenoteslink,
* + #page-admin-roles-assign div.box.generalbox,
* + #page-admin-roles-assign div.box.generalbox,
* + .que .formulation,
* + .que .outcome,
* + .que .comment,
* + .que .formulation,
* + .que .comment,
* + form .form-item.femptylabel .felement.fstatic,
* + .mform .form-item.femptylabel .felement.fstatic,
* + form .fitem.femptylabel .felement.fstatic,
* + .mform .fitem.femptylabel .felement.fstatic,
* + form .fld.femptylabel .felement.fstatic,
* + .mform .fld.femptylabel .felement.fstatic,
* + #fitem_id_availabilityconditionsjson .availability-plugincontrols,
* + #fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner,
* + .message div.heading {
  margin-top: 15px;
}
/*
 * Remove margin from the last-child
 */
.uk-alert > :last-child,
#page-admin-index .releasenoteslink > :last-child,
#page-admin-index .adminwarning > :last-child,
#page-admin-index .maturitywarning > :last-child,
#page-admin-index .testsitewarning > :last-child,
#page-admin-index .maturityinfo > :last-child,
#page-admin-index .maturitywarning > :last-child,
#page-admin-index .testsitewarning > :last-child,
#page-admin-index .adminwarning.maturityinfo.maturity50 > :last-child,
#page-admin-index .adminwarning.availableupdatesinfo > :last-child,
#page-admin-index .releasenoteslink > :last-child,
#page-admin-roles-assign div.box.generalbox > :last-child,
#page-admin-roles-assign div.box.generalbox > :last-child,
.que .formulation > :last-child,
.que .outcome > :last-child,
.que .comment > :last-child,
.que .formulation > :last-child,
.que .comment > :last-child,
form .form-item.femptylabel .felement.fstatic > :last-child,
.mform .form-item.femptylabel .felement.fstatic > :last-child,
form .fitem.femptylabel .felement.fstatic > :last-child,
.mform .fitem.femptylabel .felement.fstatic > :last-child,
form .fld.femptylabel .felement.fstatic > :last-child,
.mform .fld.femptylabel .felement.fstatic > :last-child,
#fitem_id_availabilityconditionsjson .availability-plugincontrols > :last-child,
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner > :last-child,
.message div.heading > :last-child {
  margin-bottom: 0;
}
/*
 * Keep color for headings if the default heading color is changed
 */
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6,
#page-admin-index .releasenoteslink h1,
#page-admin-index .releasenoteslink h2,

#page-admin-index .releasenoteslink h3,
#page-admin-index .releasenoteslink h4,
#page-admin-index .releasenoteslink h5,
#page-admin-index .releasenoteslink h6,
#page-admin-index .adminwarning h1,
#page-admin-index .adminwarning h2,
#page-admin-index .adminwarning h3,
#page-admin-index .adminwarning h4,
#page-admin-index .adminwarning h5,
#page-admin-index .adminwarning h6,
#page-admin-index .maturitywarning h1,
#page-admin-index .maturitywarning h2,
#page-admin-index .maturitywarning h3,
#page-admin-index .maturitywarning h4,
#page-admin-index .maturitywarning h5,
#page-admin-index .maturitywarning h6,
#page-admin-index .testsitewarning h1,
#page-admin-index .testsitewarning h2,
#page-admin-index .testsitewarning h3,
#page-admin-index .testsitewarning h4,
#page-admin-index .testsitewarning h5,
#page-admin-index .testsitewarning h6,
#page-admin-index .maturityinfo h1,
#page-admin-index .maturityinfo h2,
#page-admin-index .maturityinfo h3,
#page-admin-index .maturityinfo h4,
#page-admin-index .maturityinfo h5,
#page-admin-index .maturityinfo h6,
#page-admin-index .maturitywarning h1,
#page-admin-index .maturitywarning h2,
#page-admin-index .maturitywarning h3,
#page-admin-index .maturitywarning h4,
#page-admin-index .maturitywarning h5,
#page-admin-index .maturitywarning h6,
#page-admin-index .testsitewarning h1,
#page-admin-index .testsitewarning h2,
#page-admin-index .testsitewarning h3,
#page-admin-index .testsitewarning h4,
#page-admin-index .testsitewarning h5,
#page-admin-index .testsitewarning h6,
#page-admin-index .adminwarning.maturityinfo.maturity50 h1,
#page-admin-index .adminwarning.maturityinfo.maturity50 h2,
#page-admin-index .adminwarning.maturityinfo.maturity50 h3,
#page-admin-index .adminwarning.maturityinfo.maturity50 h4,
#page-admin-index .adminwarning.maturityinfo.maturity50 h5,
#page-admin-index .adminwarning.maturityinfo.maturity50 h6,
#page-admin-index .adminwarning.availableupdatesinfo h1,
#page-admin-index .adminwarning.availableupdatesinfo h2,
#page-admin-index .adminwarning.availableupdatesinfo h3,
#page-admin-index .adminwarning.availableupdatesinfo h4,
#page-admin-index .adminwarning.availableupdatesinfo h5,
#page-admin-index .adminwarning.availableupdatesinfo h6,
#page-admin-index .releasenoteslink h1,
#page-admin-index .releasenoteslink h2,
#page-admin-index .releasenoteslink h3,
#page-admin-index .releasenoteslink h4,
#page-admin-index .releasenoteslink h5,
#page-admin-index .releasenoteslink h6,
#page-admin-roles-assign div.box.generalbox h1,
#page-admin-roles-assign div.box.generalbox h2,
#page-admin-roles-assign div.box.generalbox h3,
#page-admin-roles-assign div.box.generalbox h4,
#page-admin-roles-assign div.box.generalbox h5,
#page-admin-roles-assign div.box.generalbox h6,
#page-admin-roles-assign div.box.generalbox h1,
#page-admin-roles-assign div.box.generalbox h2,
#page-admin-roles-assign div.box.generalbox h3,
#page-admin-roles-assign div.box.generalbox h4,
#page-admin-roles-assign div.box.generalbox h5,
#page-admin-roles-assign div.box.generalbox h6,
.que .formulation h1,
.que .formulation h2,
.que .formulation h3,
.que .formulation h4,
.que .formulation h5,
.que .formulation h6,
.que .outcome h1,
.que .outcome h2,
.que .outcome h3,
.que .outcome h4,
.que .outcome h5,
.que .outcome h6,
.que .comment h1,
.que .comment h2,
.que .comment h3,
.que .comment h4,
.que .comment h5,
.que .comment h6,
.que .formulation h1,
.que .formulation h2,
.que .formulation h3,
.que .formulation h4,
.que .formulation h5,
.que .formulation h6,
.que .comment h1,
.que .comment h2,
.que .comment h3,
.que .comment h4,
.que .comment h5,
.que .comment h6,
form .form-item.femptylabel .felement.fstatic h1,
form .form-item.femptylabel .felement.fstatic h2,
form .form-item.femptylabel .felement.fstatic h3,
form .form-item.femptylabel .felement.fstatic h4,
form .form-item.femptylabel .felement.fstatic h5,
form .form-item.femptylabel .felement.fstatic h6,
.mform .form-item.femptylabel .felement.fstatic h1,
.mform .form-item.femptylabel .felement.fstatic h2,
.mform .form-item.femptylabel .felement.fstatic h3,
.mform .form-item.femptylabel .felement.fstatic h4,
.mform .form-item.femptylabel .felement.fstatic h5,
.mform .form-item.femptylabel .felement.fstatic h6,
form .fitem.femptylabel .felement.fstatic h1,
form .fitem.femptylabel .felement.fstatic h2,
form .fitem.femptylabel .felement.fstatic h3,
form .fitem.femptylabel .felement.fstatic h4,
form .fitem.femptylabel .felement.fstatic h5,
form .fitem.femptylabel .felement.fstatic h6,
.mform .fitem.femptylabel .felement.fstatic h1,
.mform .fitem.femptylabel .felement.fstatic h2,
.mform .fitem.femptylabel .felement.fstatic h3,
.mform .fitem.femptylabel .felement.fstatic h4,
.mform .fitem.femptylabel .felement.fstatic h5,
.mform .fitem.femptylabel .felement.fstatic h6,
form .fld.femptylabel .felement.fstatic h1,
form .fld.femptylabel .felement.fstatic h2,
form .fld.femptylabel .felement.fstatic h3,
form .fld.femptylabel .felement.fstatic h4,
form .fld.femptylabel .felement.fstatic h5,
form .fld.femptylabel .felement.fstatic h6,
.mform .fld.femptylabel .felement.fstatic h1,
.mform .fld.femptylabel .felement.fstatic h2,
.mform .fld.femptylabel .felement.fstatic h3,
.mform .fld.femptylabel .felement.fstatic h4,
.mform .fld.femptylabel .felement.fstatic h5,
.mform .fld.femptylabel .felement.fstatic h6,
#fitem_id_availabilityconditionsjson .availability-plugincontrols h1,
#fitem_id_availabilityconditionsjson .availability-plugincontrols h2,
#fitem_id_availabilityconditionsjson .availability-plugincontrols h3,
#fitem_id_availabilityconditionsjson .availability-plugincontrols h4,
#fitem_id_availabilityconditionsjson .availability-plugincontrols h5,
#fitem_id_availabilityconditionsjson .availability-plugincontrols h6,
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner h1,
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner h2,
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner h3,
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner h4,
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner h5,
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner h6,
.message div.heading h1,
.message div.heading h2,
.message div.heading h3,
.message div.heading h4,
.message div.heading h5,
.message div.heading h6 {
  color: inherit;
}
/* Close in alert
 ========================================================================== */
.uk-alert > .uk-close:first-child,
#page-admin-index .releasenoteslink > .uk-close:first-child,
#page-admin-index .adminwarning > .uk-close:first-child,
#page-admin-index .maturitywarning > .uk-close:first-child,
#page-admin-index .testsitewarning > .uk-close:first-child,
#page-admin-index .maturityinfo > .uk-close:first-child,
#page-admin-index .maturitywarning > .uk-close:first-child,
#page-admin-index .testsitewarning > .uk-close:first-child,
#page-admin-index .adminwarning.maturityinfo.maturity50 > .uk-close:first-child,
#page-admin-index .adminwarning.availableupdatesinfo > .uk-close:first-child,
#page-admin-index .releasenoteslink > .uk-close:first-child,
#page-admin-roles-assign div.box.generalbox > .uk-close:first-child,
#page-admin-roles-assign div.box.generalbox > .uk-close:first-child,
.que .formulation > .uk-close:first-child,
.que .outcome > .uk-close:first-child,
.que .comment > .uk-close:first-child,
.que .formulation > .uk-close:first-child,
.que .comment > .uk-close:first-child,
form .form-item.femptylabel .felement.fstatic > .uk-close:first-child,
.mform .form-item.femptylabel .felement.fstatic > .uk-close:first-child,
form .fitem.femptylabel .felement.fstatic > .uk-close:first-child,
.mform .fitem.femptylabel .felement.fstatic > .uk-close:first-child,
form .fld.femptylabel .felement.fstatic > .uk-close:first-child,
.mform .fld.femptylabel .felement.fstatic > .uk-close:first-child,
#fitem_id_availabilityconditionsjson .availability-plugincontrols > .uk-close:first-child,
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner > .uk-close:first-child,
.message div.heading > .uk-close:first-child {
  float: right;
}
/*
 * Remove margin from adjacent element
 */
.uk-alert > .uk-close:first-child + *,
#page-admin-index .releasenoteslink > .uk-close:first-child + *,
#page-admin-index .adminwarning > .uk-close:first-child + *,
#page-admin-index .maturitywarning > .uk-close:first-child + *,
#page-admin-index .testsitewarning > .uk-close:first-child + *,
#page-admin-index .maturityinfo > .uk-close:first-child + *,
#page-admin-index .maturitywarning > .uk-close:first-child + *,
#page-admin-index .testsitewarning > .uk-close:first-child + *,
#page-admin-index .adminwarning.maturityinfo.maturity50 > .uk-close:first-child + *,
#page-admin-index .adminwarning.availableupdatesinfo > .uk-close:first-child + *,
#page-admin-index .releasenoteslink > .uk-close:first-child + *,
#page-admin-roles-assign div.box.generalbox > .uk-close:first-child + *,
#page-admin-roles-assign div.box.generalbox > .uk-close:first-child + *,
.que .formulation > .uk-close:first-child + *,
.que .outcome > .uk-close:first-child + *,
.que .comment > .uk-close:first-child + *,
.que .formulation > .uk-close:first-child + *,
.que .comment > .uk-close:first-child + *,
form .form-item.femptylabel .felement.fstatic > .uk-close:first-child + *,
.mform .form-item.femptylabel .felement.fstatic > .uk-close:first-child + *,
form .fitem.femptylabel .felement.fstatic > .uk-close:first-child + *,
.mform .fitem.femptylabel .felement.fstatic > .uk-close:first-child + *,
form .fld.femptylabel .felement.fstatic > .uk-close:first-child + *,
.mform .fld.femptylabel .felement.fstatic > .uk-close:first-child + *,
#fitem_id_availabilityconditionsjson .availability-plugincontrols > .uk-close:first-child + *,
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner > .uk-close:first-child + *,
.message div.heading > .uk-close:first-child + * {
  margin-top: 0;
}
/* Modifier: `uk-alert-success`
 ========================================================================== */
.uk-alert-success {
  background: #f2fae3;
  color: #659f13;
  border-color: rgba(101, 159, 19, 0.3);
}
/* Modifier: `uk-alert-warning`
 ========================================================================== */
.uk-alert-warning {
  background: #fffceb;
  color: #e28327;
  border-color: rgba(226, 131, 39, 0.3);
}
/* Modifier: `uk-alert-danger`
 ========================================================================== */
.uk-alert-danger {
  background: #fff1f0;
  color: #d85030;
  border-color: rgba(216, 80, 48, 0.3);
  display:none;
}
/* Modifier: `uk-alert-large`
 ========================================================================== */
.uk-alert-large {
  padding: 20px;
}
.uk-alert-large > .uk-close:first-child {
  margin: -10px -10px 0 0;
}
/* ========================================================================
   Component: Thumbnail
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Responsive behavior
 * 3. Corrects `max-width` behavior sed
 * 4. Required for `figure` element
 * 5. Style
 */
.uk-thumbnail {
  /* 1 */
  display: inline-block;
  /* 2 */
  max-width: 100%;
  /* 3 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 3 */
  margin: 0;
  /* 4 */
  padding: 4px;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
/*
 * Hover state for `a` elements
 * 1. Apply hover style also to focus state
 * 2. Needed for caption
 * 3. Remove default focus style
 */
a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
  border-color: #aaaaaa;
  background-color: #ffffff;
  /* 2 */
  text-decoration: none;
  /* 3 */
  outline: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
/* Caption
 ========================================================================== */
.uk-thumbnail-caption {
  padding-top: 4px;
  text-align: center;
  color: #444444;
}
/* Sizes
 ========================================================================== */
.uk-thumbnail-mini {
  width: 150px;
}
.uk-thumbnail-small {
  width: 200px;
}
.uk-thumbnail-medium {
  width: 300px;
}
.uk-thumbnail-large {
  width: 400px;
}
.uk-thumbnail-expand,
.uk-thumbnail-expand > img {
  width: 100%;
}
/* ========================================================================
   Component: Overlay
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Set max-width for responsive images to prevent `inline-block` consequences
 * 4. Remove the gap between the container and its child element
 * 5. Fixed wrong scaling calculation for images in Chrome
 */
.uk-overlay {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  overflow: hidden;
}
/*
 * Remove margin from content
 */
.uk-overlay > :first-child {
  margin-bottom: 0;
}
/* Sub-object `uk-overlay-area`
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set style
 * 3. Fade-in transition
 */
.uk-overlay-area {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* 2 */
  background: rgba(0, 0, 0, 0.3);
  /* 3 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transform: translate3d(0, 0, 0);
}
/*
 * Hover
 * 1. `uk-hover` to support touch devices
 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
 */
.uk-overlay:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay-toggle.uk-hover .uk-overlay-area {
  opacity: 1;
}
/*
 * Icon
 */
.uk-overlay-area:empty:before {
  content: "\f002";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  font-size: 50px;
  line-height: 1;
  font-family: FontAwesome;
  text-align: center;
  color: #ffffff;
}
/* Sub-object `uk-overlay-area-content`
 ========================================================================== */
/*
 * Remove whitespace between child elements when using `inline-block`
 * Needed for Firefox
 */
.uk-overlay-area:not(:empty) {
  font-size: 0.001px;
}
/*
 * 1. Needed for vertical alignment
 */
.uk-overlay-area:not(:empty):before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/*
 * 1. Set vertical alignment
 * 2. Reset whitespace hack
 * 3. Set horizontal alignment
 * 4. Set style
 */
.uk-overlay-area-content {
  /* 1 */
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
  /* 2 */
  font-size: 1rem;
  /* 3 */
  text-align: center;
  /* 4 */
  padding: 0 15px;
  color: #ffffff;
}
/*
 * Remove margin from the last-child
 */
.uk-overlay-area-content > :last-child {
  margin-bottom: 0;
}
/*
 * Links in overlay area
 */
.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
  color: inherit;
}
/* DEPRECATED
 * Sub-object `uk-overlay-caption`
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set style
 * 3. Fade-in transition
 */
.uk-overlay-caption {
  /* 1 */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* 2 */
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  /* 3 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transform: translate3d(0, 0, 0);
}
/*
 * Hover
 * 1. `uk-hover` to support touch devices
 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
 */
.uk-overlay:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay-toggle.uk-hover .uk-overlay-caption {
  opacity: 1;
}
/* ========================================================================
   Component: Progress
 ========================================================================== */
/*
 * 1. Clearing
 * 2. Vertical alignment if text is used
 */
.uk-progress {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 20px;
  margin-bottom: 15px;
  background: #f7f7f7;
  /* 1 */
  overflow: hidden;
  /* 2 */
  line-height: 20px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
}
/*
 * Add margin if adjacent element
 */
* + .uk-progress {
  margin-top: 15px;
}
/* Sub-object: `uk-progress-bar`
 ========================================================================== */
/*
 * 1. Transition
 * 2. Needed for text
 */
.uk-progress-bar {
  width: 0;
  height: 100%;
  background: #009dd8;
  float: left;
  /* 1 */
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  /* 2 */
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/* Size modifiers
 ========================================================================== */
/* Mini */
.uk-progress-mini {
  height: 6px;
}
/* Small */
.uk-progress-small {
  height: 12px;
}
/* Color modifiers
 ========================================================================== */
.uk-progress-success .uk-progress-bar {
  background-color: #82bb42;
  background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
  background-image: linear-gradient(to bottom, #9fd256, #6fac34);
}
.uk-progress-warning .uk-progress-bar {
  background-color: #f9a124;
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
}
.uk-progress-danger .uk-progress-bar {
  background-color: #d32c46;
  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
}
/* Modifier: `uk-progress-striped`
 ========================================================================== */
.uk-progress-striped .uk-progress-bar {
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 30px 30px;
}
/*
 * Animation
 */
.uk-progress-striped.uk-active .uk-progress-bar {
  -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
  animation: uk-progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes uk-progress-bar-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 30px 0;
  }
}
@keyframes uk-progress-bar-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 30px 0;
  }
}
/* Size modifiers
     ========================================================================== */
.uk-progress-mini,
.uk-progress-small {
  border-radius: 500px;
}
/* ========================================================================
   Component: Animation
 ========================================================================== */
[class*='uk-animation-'] {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* Hide animated element if scrollspy is used */
@media screen {
  [data-uk-scrollspy*='uk-animation-'] {
    opacity: 0;
  }
}
/*
 * Fade
 * Higher specificity (!important) needed because of reverse modifier
 */
.uk-animation-fade {
  -webkit-animation-name: uk-fade;
  animation-name: uk-fade;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important;
}
/*
 * Fade with scale
 */
.uk-animation-scale-up {
  -webkit-animation-name: uk-fade-scale-02;
  animation-name: uk-fade-scale-02;
}
.uk-animation-scale-down {
  -webkit-animation-name: uk-fade-scale-18;
  animation-name: uk-fade-scale-18;
}
/*
 * Fade with slide
 */
.uk-animation-slide-top {
  -webkit-animation-name: uk-fade-top;
  animation-name: uk-fade-top;
}
.uk-animation-slide-bottom {
  -webkit-animation-name: uk-fade-bottom;
  animation-name: uk-fade-bottom;
}
.uk-animation-slide-left {
  -webkit-animation-name: uk-fade-left;
  animation-name: uk-fade-left;
}
.uk-animation-slide-right {
  -webkit-animation-name: uk-fade-right;
  animation-name: uk-fade-right;
}
/*
 * Scale
 */
.uk-animation-scale {
  -webkit-animation-name: uk-scale-12;
  animation-name: uk-scale-12;
}
/*
 * Shake
 */
.uk-animation-shake {
  -webkit-animation-name: uk-shake;
  animation-name: uk-shake;
}
/* Direction modifiers
 ========================================================================== */
.uk-animation-reverse {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Duration modifiers
========================================================================== */
.uk-animation-15 {
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}
/* Origin modifiers
========================================================================== */
.uk-animation-top-left {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.uk-animation-top-center {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.uk-animation-top-right {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.uk-animation-middle-left {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.uk-animation-middle-right {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.uk-animation-bottom-left {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.uk-animation-bottom-center {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.uk-animation-bottom-right {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* Sub-object: `uk-animation-hover`
========================================================================== */
/*
 * Enable animation only on hover
 * Needed for Firefox because animations are not triggered when switching between display `hidden` and `block`
 */
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*='uk-animation-'],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {
  -webkit-animation-name: none;
  animation-name: none;
}
/* Keyframes: Fade
 * Used by dropdown, datepicker and slideshow component
 ========================================================================== */
@-webkit-keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Keyframes: Fade with slide
 ========================================================================== */
/*
 * Top
 */
@-webkit-keyframes uk-fade-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes uk-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Bottom
 */
@-webkit-keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Left
 */
@-webkit-keyframes uk-fade-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Right
 */
@-webkit-keyframes uk-fade-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-fade-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Keyframes: Fade with scale
 ========================================================================== */
/*
 * Scale by 0.2
 */
@-webkit-keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Scale by 1.5
 * Used by slideshow component
 */
@-webkit-keyframes uk-fade-scale-15 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes uk-fade-scale-15 {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Scale by 1.8
 */
@-webkit-keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Keyframes: Slide
 * Used by slideshow component
 ========================================================================== */
/*
 * Left
 */
@-webkit-keyframes uk-slide-left {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-slide-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Right
 */
@-webkit-keyframes uk-slide-right {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-slide-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Left third
 */
@-webkit-keyframes uk-slide-left-33 {
  0% {
    -webkit-transform: translateX(33%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-slide-left-33 {
  0% {
    transform: translateX(33%);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Right third
 */
@-webkit-keyframes uk-slide-right-33 {
  0% {
    -webkit-transform: translateX(-33%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-slide-right-33 {
  0% {
    transform: translateX(-33%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Keyframes: Scale
 ========================================================================== */
@-webkit-keyframes uk-scale-12 {
  0% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes uk-scale-12 {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/* Keyframes: Rotate
 * Used by icon component
 ========================================================================== */
@-webkit-keyframes uk-rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes uk-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Keyframes: Shake
 ========================================================================== */
@-webkit-keyframes uk-shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-9px);
  }
  20% {
    -webkit-transform: translateX(8px);
  }
  30% {
    -webkit-transform: translateX(-7px);
  }
  40% {
    -webkit-transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-5px);
  }
  60% {
    -webkit-transform: translateX(4px);
  }
  70% {
    -webkit-transform: translateX(-3px);
  }
  80% {
    -webkit-transform: translateX(2px);
  }
  90% {
    -webkit-transform: translateX(-1px);
  }
}
@keyframes uk-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
/* Keyframes: Fade with slide fixed
 * Used by dropdown and search component
 ========================================================================== */
/*
 * Top fixed
 */
@-webkit-keyframes uk-slide-top-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes uk-slide-top-fixed {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Bottom fixed
 */
@-webkit-keyframes uk-slide-bottom-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes uk-slide-bottom-fixed {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ========================================================================
   Component: Dropdown
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Box-sizing is needed for `uk-dropdown-justify`
 * 4. Set style
 * 5. Reset button group whitespace hack
 */
.uk-dropdown {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1020;
  /* 3 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 4 */
  width: 200px;
  margin-top: 5px;
  padding: 15px;
  background: #ffffff;
  color: #444444;
  /* 5 */
  font-size: 1rem;
  vertical-align: top;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
/*
 * 1. Show dropdown
 * 2. Set animation
 * 3. Needed for scale animation
 */
.uk-open > .uk-dropdown {
  /* 1 */
  display: block;
  /* 2 */
  -webkit-animation: uk-fade 0.2s ease-in-out;
  animation: uk-fade 0.2s ease-in-out;
  /* 3 */
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 245%;
}
/* Alignment modifiers
 ========================================================================== */
/*
 * Modifier `uk-dropdown-flip`
 */
.uk-dropdown-flip {
  left: auto;
  right: 0;
}
/*
 * Modifier `uk-dropdown-up`
 */
.uk-dropdown-up {
  top: auto;
  bottom: 100%;
  margin-top: auto;
  margin-bottom: 5px;
}
/* Nav in dropdown
 ========================================================================== */
.uk-dropdown .uk-nav {
  margin: 0 -15px;
}
/* Grid and panel in dropdown
 ========================================================================== */
/*
* Vertical gutter
*/
/*
 * Grid
 * Higher specificity to override large gutter
 */
.uk-grid .uk-dropdown-grid + .uk-dropdown-grid,
.grid-row-r .uk-dropdown-grid + .uk-dropdown-grid,
.row-fluid .uk-dropdown-grid + .uk-dropdown-grid {
  margin-top: 15px;
}
/* Panels */
.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
  margin-top: 15px;
}
/* Tablet and bigger */
@media (min-width: 768px) {
  /*
     * Horizontal gutter
     */
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
    margin-left: -15px;
    margin-right: -15px;
  }
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {
    padding-left: 15px;
    padding-right: 15px;
  }
  /*
     * Column divider
     */
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
    border-left: 1px solid #dddddd;
  }
  /*
     * Width multiplier for dropdown columns
     */
  .uk-dropdown-width-2:not(.uk-dropdown-stack) {
    width: 400px;
  }
  .uk-dropdown-width-3:not(.uk-dropdown-stack) {
    width: 600px;
  }
  .uk-dropdown-width-4:not(.uk-dropdown-stack) {
    width: 800px;
  }
  .uk-dropdown-width-5:not(.uk-dropdown-stack) {
    width: 1000px;
  }
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  /*
     * Stack columns and take full width
     */
  .uk-dropdown-grid > [class*='uk-width-'] {
    width: 100%;
  }
  /*
     * Vertical gutter
     */
  .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
    margin-top: 15px;
  }
}
/*
* Stack grid columns
*/
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] {
  width: 100%;
}
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
  margin-top: 15px;
}
/* Modifier `uk-dropdown-small`
 ========================================================================== */
/*
 * Set min-width and text expands dropdown if needed
 */
.uk-dropdown-small {
  min-width: 150px;
  width: auto;
  padding: 5px;
  white-space: nowrap;
}
/*
 * Nav in dropdown
 */
.uk-dropdown-small .uk-nav {
  margin: 0 -5px;
}
/* Modifier: `uk-dropdown-navbar`
 ========================================================================== */
.uk-dropdown-navbar {
  margin-top: 6px;
  background: #ffffff;
  color: #444444;
  left: -1px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.uk-open > .uk-dropdown-navbar {
  -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
  animation: uk-slide-top-fixed 0.2s ease-in-out;
}
/* Modifier `uk-dropdown-scrollable`
 ========================================================================== */
/*
 * Usefull for long lists
 */
.uk-dropdown-scrollable {
  overflow-y: auto;
  max-height: 200px;
}
.uk-dropdown-navbar.uk-dropdown-flip {
  left: auto;
}
/* ========================================================================
   Component: Modal
 ========================================================================== */
/*
 * This is the modal overlay and modal dialog container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Allow scrolling for the modal dialog
 * 4. Mask the background page
 * 5. Fade-in transition
 */
.uk-modal {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  background: rgba(0, 0, 0, 0.6);
  /* 5 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
/*
 * Open state
 */
.uk-modal.uk-open {
  opacity: 1;
}
/*
 * Prevents duplicated scrollbar caused by 4.
 */
.uk-modal-page,
.uk-modal-page body {
  overflow: hidden;
}
/* Sub-object: `uk-modal-dialog`
 ========================================================================== */
/*
 * 1. Create position context for caption, spinner and close button
 * 2. Set box sizing
 * 3. Min-height needed for initial loading and spinner
 * 4. Set style
 * 5. Slide-in transition
 */
.uk-modal-dialog {
  /* 1 */
  position: relative;
  /* 2 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 50px auto;
  padding: 20px;
  width: 600px;
  max-width: 100%;
  max-width: calc(100% - 20px);
  /* 3 */
  min-height: 200px;
  /* 4 */
  background: #ffffff;
  /* 5 */
  opacity: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s linear, transform 0.3s ease-out;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  /*
     * Fit in small screen
     */
  .uk-modal-dialog {
    width: auto;
    margin: 10px auto;
  }
}
/*
 * Open state
 */
.uk-open .uk-modal-dialog {
  /* 4 */
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/*
 * Remove margin from the last-child
 */
.uk-modal-dialog > :not([class*='uk-modal-']):last-child {
  margin-bottom: 0;
}
/* Close in modal
 ========================================================================== */
.uk-modal-dialog > .uk-close:first-child {
  margin: -10px -10px 0 0;
  float: right;
}
/*
 * Remove margin from adjacent element
 */
.uk-modal-dialog > .uk-close:first-child + *:not([class*='uk-modal-']) {
  margin-top: 0;
}
/* Modifier: `uk-modal-dialog-lightbox`
 ========================================================================== */
.uk-modal-dialog-lightbox {
  margin: 15px auto;
  padding: 0;
  max-width: 95%;
  max-width: calc(100% - 30px);
  border-radius: 0;
}
/*
 * Close button
 */
.uk-modal-dialog-lightbox > .uk-close:first-child {
  position: absolute;
  top: -12px;
  right: -12px;
  margin: 0;
  float: none;
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  .uk-modal-dialog-lightbox > .uk-close:first-child {
    top: -7px;
    right: -7px;
  }
}
/* Modifier: `uk-modal-dialog-large`
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-modal-dialog-large {
    width: 930px;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-modal-dialog-large {
    width: 1130px;
  }
}
/* Sub-Object: `uk-modal-header` and `uk-modal-footer`
 ========================================================================== */
.uk-modal-header {
  margin-bottom: 15px;
  margin: -20px -20px 15px -20px;
  padding: 20px;
  border-bottom: 1px solid #dddddd;
  border-radius: 4px 4px 0 0;
  background: #fafafa;
}
.uk-modal-footer {
  margin-top: 15px;
  margin: 15px -20px -20px -20px;
  padding: 20px;
  border-top: 1px solid #dddddd;
  border-radius: 0 0 4px 4px;
  background: #fafafa;
}
/*
 * Remove margin from the last-child
 */
.uk-modal-header > :last-child,
.uk-modal-footer > :last-child {
  margin-bottom: 0;
}
/* Sub-Object: `uk-modal-caption`
 ========================================================================== */
.uk-modal-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin-bottom: -10px;
  color: #ffffff;
  text-align: center;
}
/* Sub-Object: `uk-modal-spinner`
 ========================================================================== */
.uk-modal-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: #ddd;
}
.uk-modal-spinner:after {
  content: "\f110";
  font-family: FontAwesome;
  -webkit-animation: uk-rotate 2s infinite linear;
  animation: uk-rotate 2s infinite linear;
}
/* ========================================================================
   Component: Off-canvas
 ========================================================================== */
/*
 * This is the offcanvas overlay and bar container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Deactivate browser touch actions in IE11
 * 4. Mask the background page
 */
.uk-offcanvas {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  /* 3 */
  touch-action: none;
  /* 4 */
  background: rgba(0, 0, 0, 0.1);
}
.uk-offcanvas.uk-active {
  display: block;
}
/* Sub-object `uk-offcanvas-page`
 ========================================================================== */
/*
 * Prepares the whole HTML page to slide-out
 * 1. Fix the main page and disallow scrolling
 * 2. Side-out transition
 */
.uk-offcanvas-page {
  /* 1 */
  position: fixed; 
  /* 2 */
  -webkit-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
}
/* Sub-object `uk-offcanvas-bar`
 ========================================================================== */
/*
 * This is the offcanvas bar
 * 1. Set fixed position
 * 2. Size and style
 * 3. Allow scrolling
 * 4. Side-out transition
 * 5. Deavtivate scroll chaining in IE11
 */
.uk-offcanvas-bar {
  /* 1 */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: 1001;
  /* 2 */
  width: 16%px;
  max-width: 100%;
  background: rgb(114, 114, 114);
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  /* 5 */
  -ms-scroll-chaining: none;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
/* Modifier `uk-offcanvas-bar-flip`
 ========================================================================== */
.uk-offcanvas-bar-flip {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
/* Panel in offcanvas
 ========================================================================== */
.uk-offcanvas .uk-panel {
  margin: 20px 15px;
  color: #777777;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.uk-offcanvas .uk-panel-title {
  color: #cccccc;
}
.uk-offcanvas .uk-panel a:not([class]) {
  color: #cccccc;
}
.uk-offcanvas .uk-panel a:not([class]):hover {
  color: #ffffff;
}
.uk-offcanvas-bar:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
}
.uk-offcanvas-bar-flip:after {
  right: auto;
  left: 0;
  width: 1px;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
}
/* ========================================================================
   Component: Switcher
 ========================================================================== */
.uk-switcher {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
 * Items
 */
.uk-switcher > *:not(.uk-active) {
  display: none;
}
/* ========================================================================
   Component: Tooltip
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Set dimensions
 * 4. Set style
 */
.uk-tooltip {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1030;
  /* 3 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 200px;
  padding: 5px 8px;
  /* 4 */
  background: #333333;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
/* Triangle
 ========================================================================== */
/*
 * 1. Dashed is less antialised than solid
 */
.uk-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  /* 1 */
  border: 5px dashed #333333;
}
/* Direction modifiers
 ========================================================================== */
/*
 * Top
 */
.uk-tooltip-top:after,
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after {
  bottom: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: #333333;
}
/*
 * Bottom
 */
.uk-tooltip-bottom:after,
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after {
  top: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #333333;
}
/*
 * Top/Bottom center
 */
.uk-tooltip-top:after,
.uk-tooltip-bottom:after {
  left: 50%;
  margin-left: -5px;
}
/*
 * Top/Bottom left
 */
.uk-tooltip-top-left:after,
.uk-tooltip-bottom-left:after {
  left: 10px;
}
/*
 * Top/Bottom right
 */
.uk-tooltip-top-right:after,
.uk-tooltip-bottom-right:after {
  right: 10px;
}
/*
 * Left
 */
.uk-tooltip-left:after {
  right: -5px;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #333333;
}
/*
 * Right
 */
.uk-tooltip-right:after {
  left: -5px;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: #333333;
}
/* ========================================================================
   Component: Text
 ========================================================================== */
/* Size modifiers
 ========================================================================== */
.uk-text-small {
  font-size: 11px;
  line-height: 16px;
}
.uk-text-large {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}
/* Weight modifiers
 ========================================================================== */
.uk-text-bold {
  font-weight: bold;
}
/* Color modifiers
 ========================================================================== */
.uk-text-muted {
  color: #999999 !important;
}
.uk-text-primary {
  color: #2d7091 !important;
}
.uk-text-success {
  color: #659f13 !important;
}
.uk-text-warning {
  color: #e28327 !important;
}
.uk-text-danger {
  color: #d85030 !important;
}
.uk-text-contrast {
  color: #ffffff !important;
}
/* Alignment modifiers
 ========================================================================== */
.uk-text-left {
  text-align: left !important;
}
.uk-text-right {
  text-align: right !important;
}
.uk-text-center {
  text-align: center !important;
}
.uk-text-justify {
  text-align: justify !important;
}
.uk-text-top {
  vertical-align: top !important;
}
.uk-text-middle {
  vertical-align: middle !important;
}
.uk-text-bottom {
  vertical-align: bottom !important;
}
/* Only tablets portrait and smaller */
@media (max-width: 959px) {
  .uk-text-center-medium {
    text-align: center !important;
  }
  .uk-text-left-medium {
    text-align: left !important;
  }
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  .uk-text-center-small {
    text-align: center !important;
  }
  .uk-text-left-small {
    text-align: left !important;
  }
}
/* Wrap modifiers
 ========================================================================== */
/*
 * Prevent text from wrapping onto multiple lines
 */
.uk-text-nowrap {
  white-space: nowrap;
}
/*
 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
 */
.uk-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*
 * Break strings if their length exceeds the width of their container
 */
.uk-text-break {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
/* ========================================================================
   Component: Utility
 ========================================================================== */
/* Container
 ========================================================================== */
.uk-container {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 980px;
  padding: 0 25px;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-container {
    max-width: 1200px;
    padding: 0 35px;
  }
}
/*
 * Micro clearfix
 */
.uk-container:before,
.uk-container:after {
  content: "";
  display: table;
}
.uk-container:after {
  clear: both;
}
/*
 * Center container
 */
.uk-container-center {
  margin-left: auto;
  margin-right: auto;
}
/* Clearing
 ========================================================================== */
/*
 * Micro clearfix
* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * `table` is used again with `:after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */
.uk-clearfix:before {
  content: "";
  display: table-cell;
}
.uk-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/*
 *  Create a new block formatting context
 */
.uk-nbfc {
  overflow: hidden;
}
.uk-nbfc-alt {
  display: table-cell;
  width: 10000px;
}
/* Alignment of block elements
 ========================================================================== */
/*
 * Float blocks
 * 1. Prevent content overflow on small devices
 */
.uk-float-left {
  float: left;
}
.uk-float-right {
  float: right;
}
/* 1 */
[class*='uk-float-'] {
  max-width: 100%;
}
/* Alignment of images and objects
 ========================================================================== */
/*
 * Alignment
 */
[class*='uk-align-'] {
  display: block;
  margin-bottom: 15px;
}
.uk-align-left {
  margin-right: 15px;
  float: left;
}
.uk-align-right {
  margin-left: 15px;
  float: right;
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-align-medium-left {
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
  }
  .uk-align-medium-right {
    margin-left: 15px;
    margin-bottom: 15px;
    float: right;
  }
}
.uk-align-center {
  margin-left: auto;
  margin-right: auto;
}
/* Vertical alignment
 ========================================================================== */
/*
 * Remove whitespace between child elements when using `inline-block`
 */
.uk-vertical-align {
  font-size: 0.001px;
}
/*
 *  The `uk-vertical-align` container needs a specific height
 */
.uk-vertical-align:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/*
 * Sub-object which can have any height
 * 1. Reset whitespace hack
 */
.uk-vertical-align-middle,
.uk-vertical-align-bottom {
  display: inline-block;
  max-width: 100%;
  /* 1 */
  font-size: 1rem;
}
.uk-vertical-align-middle {
  vertical-align: middle;
}
.uk-vertical-align-bottom {
  vertical-align: bottom;
}
/* Height
 ========================================================================== */
/*
 * More robust if padding and border are used
 */
[class*='uk-height'] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
 * Useful to extend the `html` and `body` element to the full height of the page.
 */
.uk-height-1-1 {
  height: 100%;
}
/*
 * Useful to create image teasers
 */
.uk-height-viewport {
  height: 100vh;
  min-height: 600px;
}
/* Responsive objects
 * Note: Images are already responsive by default, see Base component
 ========================================================================== */
/*
 * 1. Corrects `max-width` and `max-height` behavior if padding and border are used
 */
.uk-responsive-width,
.uk-responsive-height {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
 * Responsiveness: Sets a maximum width relative to the parent and auto scales the height
 * `important` needed to override `uk-img-preserve img`
 */
.uk-responsive-width {
  max-width: 100% !important;
  height: auto;
}
/*
 * Responsiveness: Sets a maximum height relative to the parent and auto scales the width
 * Only works if the parent element has a fixed height.
 */
.uk-responsive-height {
  max-height: 100%;
  width: auto;
}
/* Margin
 ========================================================================== */
/*
 * Create a block with the same margin of a paragraph
 * Add margin if adjacent element
 */
.uk-margin {
  margin-bottom: 15px;
}
* + .uk-margin {
  margin-top: 15px;
}
.uk-margin-top {
  margin-top: 15px !important;
}
.uk-margin-bottom {
  margin-bottom: 15px !important;
  
}
.uk-margin-left {
  margin-left: 15px !important;
}
.uk-margin-right {
  margin-right: 15px !important;
}
/*
 * Larger margins
 */
.uk-margin-large {
  margin-bottom: 50px;
}
* + .uk-margin-large {
  margin-top: 50px;
}
.uk-margin-large-top {
  margin-top: 50px !important;
}
.uk-margin-large-bottom {
  margin-bottom: 50px !important;
}
.uk-margin-large-left {
  margin-left: 50px !important;
}
.uk-margin-large-right {
  margin-right: 50px !important;
}
/*
 * Smaller margins
 */
.uk-margin-small {
  margin-bottom: 5px;
}
* + .uk-margin-small {
  margin-top: 5px;
}
.uk-margin-small-top {
  margin-top: 5px !important;
}
.uk-margin-small-bottom {
  margin-bottom: 5px !important;
}
.uk-margin-small-left {
  margin-left: 5px !important;
}
.uk-margin-small-right {
  margin-right: 5px !important;
}
/*
 * Remove margins
 */
.uk-margin-remove {
  margin: 0 !important;
}
.uk-margin-top-remove {
  margin-top: 0 !important;
}
.uk-margin-bottom-remove {
  margin-bottom: 0 !important;
}
/* Border
 ========================================================================== */
.uk-border-circle {
  border-radius: 50%;
}
.uk-border-rounded {
  border-radius: 5px;
}
/* Headings
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-heading-large {
    font-size: 52px;
    line-height: 64px;
  }
}
/* Link
 ========================================================================== */
/*
 * Let links appear in default text color
 */
.uk-link-muted,
.uk-link-muted a {
  color: #444444;
}
.uk-link-muted:hover,
.uk-link-muted a:hover {
  color: #444444;
}
/*
 * Reset link style
 */
.uk-link-reset,
.uk-link-reset a,
.uk-link-reset:hover,
.uk-link-reset a:hover {
  color: inherit;
  text-decoration: none;
}
/* Scrollable
 ========================================================================== */
/*
 * Enable scrolling for preformatted text
 */
.uk-scrollable-text {
  height: 300px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  resize: both;
}
/*
 * Box with scrolling enabled
 */
.uk-scrollable-box {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 170px;
  padding: 10px;
  border: 1px solid #dddddd;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  resize: both;
  border-radius: 3px;
}
.uk-scrollable-box > :last-child {
  margin-bottom: 0;
}
/* Overflow
 ========================================================================== */
/*
 * Enable scrollbars if content is clipped
 */
.uk-overflow-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.uk-overflow-container > :last-child {
  margin-bottom: 0;
}
/* Position
 ========================================================================== */
.uk-position-top,
.uk-position-bottom {
  position: absolute !important;
  width: 100%;
}
.uk-position-top {
  top: 0;
}
.uk-position-bottom {
  bottom: 0;
}
.uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.uk-position-relative {
  position: relative !important;
}
/* Display
 ========================================================================== */
/*
 * Display
 */
.uk-display-block {
  display: block !important;
}
.uk-display-inline {
  display: inline !important;
}
.uk-display-inline-block {
  display: inline-block !important;
}
/*
 * Visibility
 * Avoids setting display to `block` so it works also with `inline-block` and `table`
 */
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-visible-small {
    display: none !important;
  }
  .uk-visible-medium {
    display: none !important;
  }
  .uk-hidden-large {
    display: none !important;
  }
}
/* Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
  .uk-visible-small {
    display: none !important;
  }
  .uk-visible-large {
    display: none !important ;
  }
  .uk-hidden-medium {
    display: none !important;
  }
}
/* Phone landscape and smaller*/
@media (max-width: 767px) {
  .uk-visible-medium {
    display: none !important;
  }
  .uk-visible-large {
    display: none !important;
  }
  .uk-hidden-small {
    display: none !important;
  }
}
/* Remove from the flow and screen readers on any device */
.uk-hidden {
  display: none !important;
  visibility: hidden !important;
}
/* It's hidden, but still affects layout */
.uk-invisible {
  visibility: hidden !important;
}
/* Show on hover */
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
  display: block !important;
  visibility: visible !important;
}
.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
  display: inline-block !important;
  visibility: visible !important;
}
/* Hide on touch */
.uk-touch .uk-hidden-touch,
.uk-notouch .uk-hidden-notouch {
  display: none !important;
}
/* ========================================================================
   Component: Print
 ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ========================================================================
   Component: Flex
 ========================================================================== */
.uk-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.uk-flex-inline {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
/*
 * Fixes initial flex-shrink value in IE10
 */
.uk-flex > *,
.uk-flex-inline > * {
  -ms-flex-negative: 1;
}
/* Alignment
 ========================================================================== */
/*
 * Vertical alignment
 * Default value is `stretch`
 */
.uk-flex-top {
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.uk-flex-middle {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.uk-flex-bottom {
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
/*
 * Horizontal alignment
 * Default value is `flex-start`
 */
.uk-flex-center {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.uk-flex-right {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.uk-flex-space-between {
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.uk-flex-space-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/* Direction
 ========================================================================== */
.uk-flex-row-reverse {
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.uk-flex-column {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.uk-flex-column-reverse {
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
/* Wrap
 ========================================================================== */
.uk-flex-wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.uk-flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
/*
 * Horizontal alignment
 * Default value is `stretch`
 */
.uk-flex-wrap-top {
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.uk-flex-wrap-middle {
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
.uk-flex-wrap-bottom {
  -ms-flex-line-pack: end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}
.uk-flex-wrap-space-between {
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.uk-flex-wrap-space-around {
  -ms-flex-line-pack: distribute;
  -webkit-align-content: space-around;
  align-content: space-around;
}
/* Item ordering
 ========================================================================== */
/*
 * Default is 0
 */
.uk-flex-order-first {
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
.uk-flex-order-last {
  -ms-flex-order: 99;
  -webkit-order: 99;
  order: 99;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  .uk-flex-order-first-small {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex-order-last-small {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-flex-order-first-medium {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex-order-last-medium {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-flex-order-first-large {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex-order-last-large {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-flex-order-first-xlarge {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex-order-last-xlarge {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
/* Item dimensions
 ========================================================================== */
/*
 * Initial: 0 1 auto
 * Content dimensions, but shrinks
 */
/*
 * No Flex: 0 0 auto
 * Content dimensions
 */
.uk-flex-item-none {
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
}
/*
 * Relative Flex: 1 1 auto
 * Space is allocated considering content
 * 1. Fixes flex-shrink value in IE10
 */
.uk-flex-item-auto {
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
  /* 1 */
  -ms-flex-negative: 1;
}
/*
 * Absolute Flex: 1 1 0%
 * Space is allocated solely based on flex
 */
.uk-flex-item-1 {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
/* ========================================================================
   Component: Dotnav
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Remove whitespace between child elements when using `inline-block`
 */
.uk-dotnav {
  /* 1 */
  padding: 0;
  list-style: none;
  /* 2 */
  font-size: 0.001px;
}
/* Items
 ========================================================================== */
/*
 * 1. Reset whitespace hack
 * 2. Remove the gap at the bottom of it container
 */
.uk-dotnav > li {
  display: inline-block;
  /* 1 */
  font-size: 1rem;
  /* 2 */
  vertical-align: top;
}
.uk-dotnav > li:nth-child(n+2) {
  margin-left: 15px;
}
/*
 * Items
 * 1. Remove the gap at the bottom of it container
 * 2. Hide text if present
 */
.uk-dotnav > li > a {
  display: inline-block;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(50, 50, 50, 0.1);
  /* 1 */
  vertical-align: top;
  /* 2 */
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-dotnav > li > a:hover,
.uk-dotnav > li > a:focus {
  background: rgba(50, 50, 50, 0.4);
  /* 2 */
  outline: none;
}
/* OnClick */
.uk-dotnav > li > a:active {
  background: rgba(50, 50, 50, 0.6);
}
/* Active */
.uk-dotnav > li.uk-active > a {
  background: rgba(50, 50, 50, 0.4);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
/* Modifier: `uk-dotnav-contrast`
 ========================================================================== */
.uk-dotnav-contrast > li > a {
  background: rgba(255, 255, 255, 0.4);
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 */
.uk-dotnav-contrast > li > a:hover,
.uk-dotnav-contrast > li > a:focus {
  background: rgba(255, 255, 255, 0.7);
}
/* OnClick */
.uk-dotnav-contrast > li > a:active {
  background: rgba(255, 255, 255, 0.9);
}
/* Active */
.uk-dotnav-contrast > li.uk-active > a {
  background: rgba(255, 255, 255, 0.9);
}
/* Modifier: 'uk-dotnav-vertical'
 ========================================================================== */
.uk-dotnav-vertical > li {
  display: block;
}
.uk-dotnav-vertical > li:nth-child(n+2) {
  margin-left: 0;
  margin-top: 15px;
}
/* ========================================================================
   Component: Slidenav
 ========================================================================== */
/*
 * 1. Required for `a` elements
 * 2. Dimension
 * 3. Style
 */
.uk-slidenav {
  /* 1 */
  display: inline-block;
  /* 2 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  /* 3 */
  line-height: 60px;
  color: rgba(50, 50, 50, 0.4);
  font-size: 60px;
  text-align: center;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 * 4. Style
 */
.uk-slidenav:hover,
.uk-slidenav:focus {
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
  /* 4 */
  color: rgba(50, 50, 50, 0.7);
  cursor: pointer;
}
/* Active */
.uk-slidenav:active {
  color: rgba(50, 50, 50, 0.9);
}
/*
 * Icons
 */
.uk-slidenav-previous:before {
  content: "\f104";
  font-family: FontAwesome;
}
.uk-slidenav-next:before {
  content: "\f105";
  font-family: FontAwesome;
}
/* Sub-object: `uk-slidenav-position`
 ========================================================================== */
/*
 * Create position context
 */
.uk-slidenav-position {
  position: relative;
}
/*
 * Center vertically
 */
.uk-slidenav-position .uk-slidenav {
  display: none;
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -30px;
}
.uk-slidenav-position:hover .uk-slidenav {
  display: block;
}
.uk-slidenav-position .uk-slidenav-previous {
  left: 20px;
}
.uk-slidenav-position .uk-slidenav-next {
  right: 20px;
}
/* Modifier: `uk-slidenav-contrast`
 ========================================================================== */
.uk-slidenav-contrast {
  color: rgba(255, 255, 255, 0.5);
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 */
.uk-slidenav-contrast:hover,
.uk-slidenav-contrast:focus {
  color: rgba(255, 255, 255, 0.7);
}
/* Active */
.uk-slidenav-contrast:active {
  color: rgba(255, 255, 255, 0.9);
}
/* ========================================================================
   Component: Caption
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Position cover
 * 3. Style
 */
.uk-caption {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* 3 */
  padding: 20px;
  color: #ffffff;
}
/*
 * Show caption
 * 1. `uk-hover` to support touch devices
 */
.uk-caption-toggle:hover .uk-caption,
.uk-caption-toggle.uk-hover .uk-caption,
.uk-active > .uk-caption {
  display: block;
}
.uk-caption-toggle:hover .uk-caption.uk-flex,
.uk-caption-toggle.uk-hover .uk-caption.uk-flex,
.uk-active > .uk-caption.uk-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/*
 * Remove margin from the last-child
 */
.uk-caption > :last-child {
  margin-bottom: 0;
}
/*
 * Keep color for headings if the default heading color is changed
 */
.uk-caption h1,
.uk-caption h2,
.uk-caption h3,
.uk-caption h4,
.uk-caption h5,
.uk-caption h6 {
  color: inherit;
}
/* Sub-object: `uk-caption-toggle`
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Set max-width for responsive images to prevent `inline-block` consequences
 * 4. Remove the gap between the container and its child element
 * 5. Fixed wrong scaling calculation for images in Chrome
 */
.uk-caption-toggle {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  overflow: hidden;
}
/* Position modifiers
 ========================================================================== */
.uk-caption-top {
  bottom: auto;
}
.uk-caption-bottom {
  top: auto;
}
.uk-caption-left {
  right: auto;
}
.uk-caption-right {
  left: auto;
}
/* Sub-object: `uk-caption-panel`
 ========================================================================== */
.uk-caption-panel {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
}
/* ========================================================================
   Component: Slideshow
 ========================================================================== */
/*
 * 1. Create position context
 * 2. Create stacking context to prevent z-index issues with other components
 * 3. Set width because child elements are positioned absolute. Height is set via JS
 * 4. Reset list style
 * 5. Clip child elements
 * 6. Deactivate browser history navigation in IE11
 */
.uk-slideshow {
  /* 1 */
  position: relative;
  /* 2 */
  z-index: 0;
  /* 3 */
  width: 100%;
  /* 4 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 5 */
  overflow: hidden;
  /* 6 */
  touch-action: pan-y;
}
/*
 * Sub-object slides
 * 1. Position items above each other
 * 2. Expand to parent container width
 * 3. Hide by default
 */
.uk-slideshow > li {
  /* 1 */
  position: absolute;
  top: 0;
  left: 0;
  /* 2 */
  width: 100%;
  /* 3 */
  opacity: 0;
}
/*
 * Active
 * 1. Stack at first
 * 2. Show slide
 */
.uk-slideshow > .uk-active {
  /* 1 */
  z-index: 10;
  /* 2 */
  opacity: 1;
}
/*
 * Hide default images which is only relevant to keep existing proportions
 */
.uk-slideshow > li > img {
  visibility: hidden;
}
/*
 * Pointer for controls
 */
[data-uk-slideshow-slide] {
  cursor: pointer;
}
/* Modifier: `uk-slideshow-fullscreen`
 ========================================================================== */
.uk-slideshow-fullscreen,
.uk-slideshow-fullscreen > li {
  height: 100vh;
}
/* Animations
 ========================================================================== */
/*
 * Fade
 */
.uk-slideshow-fade-out {
  -webkit-animation: uk-fade 0.5s linear reverse;
  animation: uk-fade 0.5s linear reverse;
}
/*
 * Scroll
 */
.uk-slideshow-scroll-forward-in {
  -webkit-animation: uk-slide-right 0.5s ease-in-out;
  animation: uk-slide-right 0.5s ease-in-out;
}
.uk-slideshow-scroll-forward-out {
  -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
  animation: uk-slide-left 0.5s ease-in-out reverse;
}
.uk-slideshow-scroll-backward-in {
  -webkit-animation: uk-slide-left 0.5s ease-in-out;
  animation: uk-slide-left 0.5s ease-in-out;
}
.uk-slideshow-scroll-backward-out {
  -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
  animation: uk-slide-right 0.5s ease-in-out reverse;
}
/*
 * Scale
 */
.uk-slideshow-scale-out {
  -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
  animation: uk-fade-scale-15 0.5s ease-in-out reverse;
}
/*
 * Swipe
 */
.uk-slideshow-swipe-forward-in {
  -webkit-animation: uk-slide-left-33 0.5s ease-in-out;
  animation: uk-slide-left-33 0.5s ease-in-out;
}
.uk-slideshow-swipe-forward-out {
  -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
  animation: uk-slide-left 0.5s ease-in-out reverse;
}
.uk-slideshow-swipe-backward-in {
  -webkit-animation: uk-slide-right-33 0.5s ease-in-out;
  animation: uk-slide-right-33 0.5s ease-in-out;
}
.uk-slideshow-swipe-backward-out {
  -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
  animation: uk-slide-right 0.5s ease-in-out reverse;
}
.uk-slideshow-swipe-forward-in:before,
.uk-slideshow-swipe-backward-in:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
  -webkit-animation: uk-fade 0.5s ease-in-out reverse;
  animation: uk-fade 0.5s ease-in-out reverse;
}
/* ========================================================================
   Component: Sticky
 ========================================================================== */
/*
 * 1. More robust if padding and border are used
 */
[data-uk-sticky].uk-active {
  z-index: 980;
  /* 1 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
 * Faster animations
 */
[data-uk-sticky][class*='uk-animation-'] {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
[data-uk-sticky].uk-animation-reverse {
  -webkit-animation-duration: 0.04s;
  animation-duration: 0.04s;
}
/* ========================================================================
   Component: Autocomplete
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Prevent `inline-block` consequences
 * 4. Remove the gap between the container and its child element
 */
.uk-autocomplete {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
}
/* Nav modifier `uk-nav-autocomplete`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-autocomplete > li > a {
  color: #444444;
}
/*
 * Active
 * 1. Remove default focus style
 */
.uk-nav-autocomplete > li.uk-active > a {
  background: #009dd8;
  color: #ffffff;
  /* 1 */
  outline: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-autocomplete .uk-nav-header {
  color: #999999;
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-autocomplete .uk-nav-divider {
  border-top: 1px solid #dddddd;
}
/* 
 * This adapts Moodle grid classes to act as the UIKit grid 
 * (Moodle uses their own classes and Bootstrap grid classes)
 */
.grid-row-r .grid-col-1-12,
.row-fluid .grid-col-1-12,
.grid-row-r .span1,
.row-fluid .span1 {
  width: 8.333333333333%;
}
.grid-row-r .grid-col-2-12,
.row-fluid .grid-col-2-12,
.grid-row-r .span2,
.row-fluid .span2 {
  width: 16.666666666666%;
}
.grid-row-r .grid-col-3-12,
.row-fluid .grid-col-3-12,
.grid-row-r .span3,
.row-fluid .span3 {
  width: 25%;
}
.grid-row-r .grid-col-4-12,
.row-fluid .grid-col-4-12,
.grid-row-r .span4,
.row-fluid .span4 {
  width: 33.333333333333%;
}
.grid-row-r .grid-col-5-12,
.row-fluid .grid-col-5-12,
.grid-row-r .span5,
.row-fluid .span5 {
  width: 41.666666666666%;
}
.grid-row-r .grid-col-6-12,
.row-fluid .grid-col-6-12,
.grid-row-r .span6,
.row-fluid .span6 {
  width: 50%;
}
.grid-row-r .grid-col-7-12,
.row-fluid .grid-col-7-12,
.grid-row-r .span7,
.row-fluid .span7 {
  width: 58.333333333333%;
}
.grid-row-r .grid-col-8-12,
.row-fluid .grid-col-8-12,
.grid-row-r .span8,
.row-fluid .span8 {
  width: 66.666666666666%;
}
.grid-row-r .grid-col-9-12,
.row-fluid .grid-col-9-12,
.grid-row-r .span9,
.row-fluid .span9 {
  width: 75%;
}
.grid-row-r .grid-col-10-12,
.row-fluid .grid-col-10-12,
.grid-row-r .span10,
.row-fluid .span10 {
  width: 83.333333333333%;
}
.grid-row-r .grid-col-11-12,
.row-fluid .grid-col-11-12,
.grid-row-r .spa11,
.row-fluid .spa11 {
  width: 91.666666666666%;
}
.grid-row-r .grid-col-12-12,
.row-fluid .grid-col-12-12,
.grid-row-r .span12,
.row-fluid .span12 {
  width: 100%;
}
/*
 * Other colors
 */
/*
 * Navbar
 */
/*
 * Table
 */
/*
 * UI elements as mixins
 */
.well {
  /* 1 */
  display: block;
  /* 2 */
  position: relative;
  color: inherit;
  text-decoration: none;
  padding: 10px;
  background: #fafafa;
  color: #444444;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
Sizes .well-large {
  padding: 24px;
}
.well-small {
  padding: 9px;
}
.muted {
  color: #999999;
}
a.muted:hover,
a.muted:focus {
  color: #808080;
}
.dl-horizontal {
  *zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}
.dl-horizontal:after {
  clear: both;
}
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 180px;
}
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #fafafa;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #fafafa;
}
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}
.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
.table tbody tr.success > td {
  background-color: #dff0d8;
}
.table tbody tr.error > td {
  background-color: #f2dede;
}
.table tbody tr.warning > td {
  background-color: #fcf8e3;
}
.table tbody tr.info > td {
  background-color: #d9edf7;
}
.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}
.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}
/* core.less */
/** Page layout CSS starts **/
.layout-option-noheader #page-header,
.layout-option-nonavbar #page-navbar,
.layout-option-nofooter #page-footer,
.layout-option-nocourseheader .course-content-header,
.layout-option-nocoursefooter .course-content-footer {
  display: none;
}
.empty-region-side-pre #block-region-side-pre,
.empty-region-side-post #block-region-side-post {
  display: none;
}
.empty-region-side-post #region-bs-main-and-pre.span9,
.empty-region-side-pre #region-bs-main-and-post.span9,
.empty-region-side-post #region-bs-main-and-post.span9 #region-main.span8 {
  /** LTR with no post area.
        RTL with no pre area.
        RTL with no post area. **/
  width: 100%;
}
.empty-region-side-pre #region-bs-main-and-pre.span9 #region-main {
  /** LTR with no pre area. **/
  float: none;
  width: 100%;
}
.empty-region-side-post.used-region-side-pre #region-main.span8 {
  /** increase the span size by 1 **/
}
.empty-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
  /** decrease the span size by 1 **/
}
.empty-region-side-pre #region-bs-main-and-post.span9 #region-main.span8 {
  /** RTL with no pre area. **/
  float: right;
}
/** Page layout CSS ends **/
.dir-ltr,
.mdl-left,
.dir-rtl .mdl-right {
  text-align: left;
}
.dir-rtl,
.mdl-right,
.dir-rtl .mdl-left {
  text-align: right;
}
#add,
#remove,
.centerpara,
.mdl-align {
  text-align: center;
}
a.dimmed,
a.dimmed:link,
a.dimmed:visited,
a.dimmed_text,
a.dimmed_text:link,
a.dimmed_text:visited,
.dimmed_text,
.dimmed_text a,
.dimmed_text a:link,
.dimmed_text a:visited,
.usersuspended,
.usersuspended a,
.usersuspended a:link,
.usersuspended a:visited,
.dimmed_category,
.dimmed_category a {
  color: #999999;
}
.activity.label .dimmed_text {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.unlist,
.unlist li,
.inline-list,
.inline-list li,
.block .list,
.block .list li,
.section li.activity,
.section li.movehere,
.tabtree li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inline,
.inline-list li {
  display: inline;
}
.notifytiny {
  font-size: 10.5px;
}
.notifytiny li,
.notifytiny td {
  font-size: 100%;
}
.red,
.notifyproblem {
  color: #b94a48;
}
.green,
.notifysuccess {
  color: #468847;
}
.highlight {
 /* background: #d9edf7;*/
}
.reportlink {
  text-align: right;
}
a.autolink.glossary:hover {
  cursor: help;
}
/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
.collapsibleregioncaption {
  white-space: nowrap;
}
.collapsibleregioncaption img {
  vertical-align: middle;
}
.jsenabled .hiddenifjs {
  display: none;
}
.visibleifjs {
  display: none;
}
.jsenabled .visibleifjs {
  display: inline;
}
.jsenabled .collapsibleregion {
  overflow: hidden;
}
.jsenabled .collapsed .collapsibleregioninner {
  visibility: hidden;
}
.collapsible-actions {
  display: none;
  text-align: right;
}
.dir-rtl .collapsible-actions {
  text-align: left;
}
.jsenabled .collapsible-actions {
  display: block;
}
.collapsible-actions .collapseexpand {
  padding-left: 20px;
  background: url('[[pix:t/collapsed]]') 2px center no-repeat;
}
.dir-rtl .collapsible-actions .collapseexpand {
  padding-right: 20px;
  padding-left: 0;
  background: url('[[pix:t/collapsed_rtl]]') right center no-repeat;
}
.collapsible-actions .collapse-all,
.dir-rtl .collapsible-actions .collapse-all {
  background-image: url('[[pix:t/expanded]]');
}
.yui-overlay .yui-widget-bd {
  background-color: #FFEE69;
  border: 1px solid #A6982B;
  border-top-color: #D4C237;
  color: #000000;
  left: 0;
  padding: 2px 5px;
  position: relative;
  top: 0;
  z-index: 1;
}
.clearer {
  background: transparent;
  border-width: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
}


.bold,
.warning,
.errorbox .title,
.pagingbar .title,
.pagingbar .thispage {
  font-weight: bold;
}
img.resize {
  height: 1em;
  width: 1em;
}
.block img.resize,
.breadcrumb img.resize {
  height: 0.9em;
  width: 0.8em;
}
/* Icon styles */
img.icon {
  height: 16px;
  vertical-align: text-bottom;
  width: 16px;
  padding-right: 6px;
}
.dir-rtl img.icon {
  padding-left: 6px;
  padding-right: 0;
}
img.iconsmall {
  height: 12px;
  margin-right: 3px;
  vertical-align: middle;
  width: 12px;
}
img.iconhelp,
.helplink img {
  height: 16px;
  padding-left: 3px;
  vertical-align: text-bottom;
  width: 16px;
  display:none;
}
h1 img.iconhelp,
h1 img.icon,
h2 img.iconhelp,
h2 img.icon,
h3 img.iconhelp,
h3 img.icon,
h4 img.iconhelp,
h4 img.icon,
h5 img.iconhelp,
h5 img.icon,
h6 img.iconhelp,
h6 img.icon {
  vertical-align: middle;
  padding: 4px;
  display: none;
}
.dir-rtl img.iconhelp,
.dir-rtl .helplink img {
  padding-right: 3px;
  padding-left: 0;
}
img.iconlarge {
  height: 24px;
  width: 24px;
  vertical-align: middle;
}
img.iconsort {
  vertical-align: text-bottom;
  padding-left: .3em;
  margin-bottom: .15em;
}
.dir-rtl img.iconsort {
  padding-right: .3em;
  padding-left: 0;
}
img.icontoggle {
  height: 17px;
  vertical-align: middle;
  width: 50px;
}
img.iconkbhelp {
  height: 17px;
  width: 49px;
}
img.icon-pre,
.dir-rtl img.icon-post {
  padding-right: 3px;
  padding-left: 0;
}
img.icon-post,
.dir-rtl img.icon-pre {
  padding-left: 3px;
  padding-right: 0;
}
.boxaligncenter {
  margin-left: auto;
  margin-right: auto;
}
.boxalignright {
  margin-left: auto;
  margin-right: 0;
}
.boxalignleft {
  margin-left: 0;
  margin-right: auto;
}
.boxwidthnarrow {
  width: 30%;
}
.boxwidthnormal {
  /*width: 50%;*/
}
.boxwidthwide {
  width: 80%;
}
.headermain {
  font-weight: bold;
}
#maincontent {
  display: block;
  height: 1px;
  overflow: hidden;
}
img.uihint {
  cursor: help;
}
#addmembersform table {
  margin-left: auto;
  margin-right: auto;
}
.flexible th {
  white-space: nowrap;
}
table.flexible .emptyrow {
  display: none;
}
img.emoticon {
  vertical-align: middle;
  width: 15px;
  height: 15px;
}
form.popupform,
form.popupform div {
  display: inline;
}
.arrow_button input {
  overflow: hidden;
}
.action-icon img.smallicon {
  vertical-align: text-bottom;
  margin: 0 0.3em;
}
/** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
.no-overflow {
  overflow: auto;
  padding-bottom: 1px;
}
.pagelayout-report .no-overflow {
  overflow: visible;
}
.no-overflow > .generaltable {
  margin-bottom: 0;
}
.accesshide {
  position: absolute;
  left: -10000px;
  font-weight: normal;
  font-size: 1em;
}
.dir-rtl .accesshide {
  top: -30000px;
  left: auto;
}
span.hide,
div.hide {
  display: none;
}
a.skip-block,
a.skip {
  position: absolute;
  top: -1000em;
  font-size: 0.85em;
  text-decoration: none;
}
a.skip-block:focus,
a.skip-block:active,
a.skip:focus,
a.skip:active {
  position: static;
  display: block;
}
.skip-block-to {
  display: block;
  height: 1px;
  overflow: hidden;
}
.addbloglink {
  text-align: center;
}
.blog_entry .audience {
  text-align: right;
  padding-right: 4px;
}
.blog_entry .tags {
  margin-top: 15px;
}
.blog_entry .tags .action-icon img.smallicon {
  height: 16px;
  width: 16px;
}
.blog_entry .content {
  margin-left: 43px;
}
#page-group-index #groupeditform {
  text-align: center;
}
#doc-contents h1 {
  margin: 1em 0 0 0;
}
#doc-contents ul {
  margin: 0;
  padding: 0;
  width: 90%;
}
#doc-contents ul li {
  list-style-type: none;
}
.groupmanagementtable td {
  vertical-align: top;
}
.groupmanagementtable #existingcell,
.groupmanagementtable #potentialcell {
  width: 42%;
}
.groupmanagementtable #buttonscell {
  width: 16%;
}
.groupmanagementtable #buttonscell p.arrow_button input {
  width: auto;
  min-width: 80%;
  margin: 0 auto;
}
.groupmanagementtable #removeselect_wrapper,
.groupmanagementtable #addselect_wrapper {
  width: 100%;
}
.groupmanagementtable #removeselect_wrapper label,
.groupmanagementtable #addselect_wrapper label {
  font-weight: normal;
}
.dir-rtl .groupmanagementtable p {
  text-align: right;
}
#group-usersummary {
  width: 14em;
}
.groupselector {
  margin-top: 3px;
  margin-bottom: 3px;
  display: inline-block;
}
.groupselector label {
  display: inline-block;
}
.loginbox {
  margin: 15px;
  overflow: visible;
}
.loginbox.twocolumns {
  margin: 15px;
}
.loginbox h2,
.loginbox .subcontent {
  text-align: right;
  font-weight: 300;
  color: #919191;
  font-size: 16px;
}
.loginbox .loginpanel .desc {
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
  margin-top: 15px;
}
.loginbox .signuppanel .subcontent {
  text-align: left;
}
.dir-rtl .loginbox .signuppanel .subcontent {
  text-align: right;
}
.loginbox .loginsub {
 /* margin-left: 5%;
  margin-right: 5%;*/
}
.loginbox .guestsub,
.loginbox .forgotsub,
.loginbox .potentialidps {
  margin: 5px 12%;
}
.loginbox .potentialidps .potentialidplist {
  margin-left: 40%;
}
.loginbox .potentialidps .potentialidplist div {
  text-align: left;
}
.loginbox .loginform {
  margin-top: 2em;
  text-align: left;
  /*margin-left: 5%;*/ 
}
.loginbox .loginform .form-label {
  /*float: left;*/
  text-align: left;
  width: 44%;
  direction: rtl;
  white-space: nowrap;
}
.dir-rtl .loginbox .loginform .form-label {
  float: left;
  text-align: right;
  width: 44%;
  direction: ltr;
  white-space: nowrap;
}
.loginbox .loginform .form-input {
  float: left;
  width: 297px;

}
.loginbox .loginform .form-input input {

  width: 5em;
}
.loginbox .signupform {
  margin-top: 1em;
  text-align: center;
}
.dir-rtl .loginbox.twocolumns .loginpanel,
.dir-rtl .loginbox.twocolumns .signuppanel {
  float: right;
}
.loginbox .potentialidp .smallicon {
  vertical-align: text-bottom;
  margin: 0 .3em;
}
.notepost {
  margin-bottom: 1em;
}
.notepost .userpicture {
  float: left;
  margin-right: 5px;
}
.notepost .content,
.notepost .footer {
  clear: both;
}
.notesgroup {
  margin-left: 20px;
}
.path-my .coursebox .overview {
  margin: 15px 30px 10px 30px;
}
.path-my .coursebox .info {
  float: none;
  margin: 0;
}
.mod_introbox {
  padding: 10px;
}
table.mod_index {
  width: 100%;
}
.comment-ctrl {
  font-size: 12px;
  display: none;
  margin: 0;
  padding: 0;
}
.comment-ctrl h5 {
  margin: 0;
  padding: 5px;
}
.comment-area {
  max-width: 400px;
  padding: 5px;
}
.comment-area textarea {
  width: 100%;
  overflow: auto;
}
.comment-area .fd {
  text-align: right;
}
.comment-meta span {
  color: gray;
}
.comment-link img {
  vertical-align: text-bottom;
}
.comment-list {
  font-size: 11px;
  overflow: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}
.comment-list li {
  	margin: 2px;
    list-style: none;
    margin-bottom: 5px;
    clear: both;
    padding: .3em;
    position: relative;
    font-size: 14px;
    background: #DEEAF1;
    border-radius: 4px;
}
.comment-list li.first {
  display: none;
}
.comment-paging {
  text-align: center;
}
.comment-paging .pageno {
  padding: 2px;
}
.comment-paging .curpage {
  border: 1px solid #CCC;
}
.comment-message .picture {
  width: 20px;
  float: left;
}
.dir-rtl .comment-message .picture {
  float: right;
}
.comment-message .text {
  margin: 0;
  padding: 0;
}
.comment-message .text p {
  padding: 0;
  margin: 0 18px 0 0;
}
.comment-delete {
  position: absolute;
  top: 0;
  right: 0;
  margin: .3em;
}
.dir-rtl .comment-delete {
  position: absolute;
  left: 0;
  right: auto;
  margin: .3em;
}
.comment-delete-confirm {
  background: #eee;
  padding: 2px;
  width: 5em;
  text-align: center;
}
.comment-container {
  float: left;
  margin: 4px;
}
.comment-report-selectall {
  display: none;
}
.comment-link {
  display: none;
}
.jsenabled .comment-link {
  display: block;
}
.jsenabled .showcommentsnonjs {
  display: none;
}
.jsenabled .comment-report-selectall {
  display: inline;
}
/**
* Completion progress report
*/
.completion-expired {
  background: #f2dede;
}
.completion-expected {
  font-size: 10.5px;
}
.completion-sortchoice,
.completion-identifyfield {
  font-size: 10.5px;
  vertical-align: bottom;
}
.completion-progresscell {
  text-align: right;
}
.completion-expired .completion-expected {
  font-weight: bold;
}
/**
* Tags
*/
#page-tag-coursetags_edit .coursetag_edit_centered {
  position: relative;
  width: 600px;
  margin: 20px auto;
}
#page-tag-coursetags_edit .coursetag_edit_row {
  clear: both;
}
#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {
  float: left;
  width: 50%;
  text-align: right;
}
#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {
  margin-left: 50%;
}
#page-tag-coursetags_edit .coursetag_edit_input3 {
  display: none;
}
#page-tag-coursetags_more .coursetag_more_large {
  font-size: 120%;
}
#page-tag-coursetags_more .coursetag_more_small {
  font-size: 80%;
}
#page-tag-coursetags_more .coursetag_more_link {
  font-size: 80%;
}
#tag-description,
#tag-blogs {
  width: 100%;
}
#tag-management-box {
  margin-bottom: 10px;
  line-height: 20px;
}
#tag-user-table {
  padding: 3px;
  clear: both;
  width: 100%;
}
#tag-user-table {
  *zoom: 1;
}
#tag-user-table:before,
#tag-user-table:after {
  display: table;
  content: "";
  line-height: 0;
}
#tag-user-table:after {
  clear: both;
}
img.user-image {
  height: 100px;
  width: 100px;
}
#small-tag-cloud-box {
  width: 300px;
  margin: 0 auto;
}
#big-tag-cloud-box {
  width: 600px;
  margin: 0 auto;
  float: none;
}
ul#tag-cloud-list {
  list-style: none;
  padding: 5px;
  margin: 0;
}
ul#tag-cloud-list li {
  margin: 0;
  display: inline;
  list-style-type: none;
}
#tag-search-box {
  text-align: center;
  margin: 10px auto;
}
#tag-search-results-container {
  padding: 0;
  width: 100%;
}
#tag-search-results {
  padding: 0;
  margin: 15px 20% 0 20%;
  float: left;
  width: 60%;
  display: block;
}
#tag-search-results li {
  width: 30%;
  float: left;
  padding-left: 1%;
  text-align: left;
  line-height: 20px;
  padding-right: 1%;
  list-style: none;
}
span.flagged-tag,
span.flagged-tag a {
  color: #b94a48;
}
table#tag-management-list {
  text-align: left;
  width: 100%;
}
table#tag-management-list td,
table#tag-management-list th {
  vertical-align: middle;
  text-align: left;
  padding: 4px;
}
.tag-management-form {
  text-align: center;
}
#relatedtags-autocomplete-container {
  margin-left: auto;
  margin-right: auto;
  min-height: 4.6em;
  width: 100%;
}
#relatedtags-autocomplete {
  position: relative;
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
#relatedtags-autocomplete .yui-ac-content {
  position: absolute;
  width: 420px;
  left: 20%;
  border: 1px solid #404040;
  background: #fff;
  overflow: hidden;
  z-index: 9050;
}
#relatedtags-autocomplete .ysearchquery {
  position: absolute;
  right: 10px;
  color: #808080;
  z-index: 10;
}
#relatedtags-autocomplete .yui-ac-shadow {
  position: absolute;
  margin: .3em;
  width: 100%;
  background: #a0a0a0;
  z-index: 9049;
}
#relatedtags-autocomplete ul {
  padding: 0;
  width: 100%;
  margin: 0;
  list-style-type: none;
}
#relatedtags-autocomplete li {
  padding: 0 5px;
  cursor: default;
  white-space: nowrap;
}
#relatedtags-autocomplete li.yui-ac-highlight {
  background: #FFFFCC;
}
h2.tag-heading,
div#tag-description,
div#tag-blogs,
body.tag .managelink {
  padding: 5px;
}
.tag_cloud .s20 {
  font-size: 1.5em;
  font-weight: bold;
}
.tag_cloud .s19 {
  font-size: 1.5em;
}
.tag_cloud .s18 {
  font-size: 1.4em;
  font-weight: bold;
}
.tag_cloud .s17 {
  font-size: 1.4em;
}
.tag_cloud .s16 {
  font-size: 1.3em;
  font-weight: bold;
}
.tag_cloud .s15 {
  font-size: 1.3em;
}
.tag_cloud .s14 {
  font-size: 1.2em;
  font-weight: bold;
}
.tag_cloud .s13 {
  font-size: 1.2em;
}
.tag_cloud .s12,
.tag_cloud .s11 {
  font-size: 1.1em;
  font-weight: bold;
}
.tag_cloud .s10,
.tag_cloud .s9 {
  font-size: 1.1em;
}
.tag_cloud .s8,
.tag_cloud .s7 {
  font-size: 1em;
  font-weight: bold;
}
.tag_cloud .s6,
.tag_cloud .s5 {
  font-size: 1em;
}
.tag_cloud .s4,
.tag_cloud .s3 {
  font-size: 0.9em;
  font-weight: bold;
}
.tag_cloud .s2,
.tag_cloud .s1 {
  font-size: 0.9em;
}
.tag_cloud .s0 {
  font-size: 0.8em;
}
/**
* Web Service
*/
#webservice-doc-generator td {
  text-align: left;
  border: 0 solid black;
}
/**
* Smart Select Element
*/
.smartselect {
  position: absolute;
}
.smartselect .smartselect_mask {
  background-color: #fff;
}
.smartselect ul {
  padding: 0;
  margin: 0;
}
.smartselect ul li {
  list-style: none;
}
.smartselect .smartselect_menu {
  margin-right: 5px;
}
.safari .smartselect .smartselect_menu {
  margin-left: 2px;
}
.smartselect .smartselect_menu,
.smartselect .smartselect_submenu {
  border: 1px solid #000;
  background-color: #FFF;
  display: none;
}
.smartselect .smartselect_menu.visible,
.smartselect .smartselect_submenu.visible {
  display: block;
}
.smartselect .smartselect_menu_content ul li {
  position: relative;
  padding: 2px 5px;
}
.smartselect .smartselect_menu_content ul li a {
  color: #333;
  text-decoration: none;
}
.smartselect .smartselect_menu_content ul li a.selectable {
  color: inherit;
}
.smartselect .smartselect_submenuitem {
  background-image: url('[[pix:moodle|t/collapsed]]');
  background-repeat: no-repeat;
  background-position: 100%;
}
/** Spanning mode */
.smartselect.spanningmenu .smartselect_submenu {
  position: absolute;
  top: -1px;
  left: 100%;
}
.smartselect.spanningmenu .smartselect_submenu a {
  white-space: nowrap;
  padding-right: 16px;
}
.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
  text-decoration: underline;
}
/** Compact mode */
.smartselect.compactmenu .smartselect_submenu {
  position: relative;
  margin: 2px -3px;
  margin-left: 10px;
  display: none;
  border-width: 0;
  z-index: 1010;
}
.smartselect.compactmenu .smartselect_submenu.visible {
  display: block;
}
.smartselect.compactmenu .smartselect_menu {
  z-index: 1000;
  overflow: hidden;
}
.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
  z-index: 1020;
}
.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
  font-weight: bold;
}
/**
* Registration
*/
#page-admin-registration-register .registration_textfield {
  width: 300px;
}
/**
* Enrol
*/
.userenrolment {
  width: 100%;
  border-collapse: collapse;
}
.userenrolment td {
  padding: 0;
  height: 41px;
}
.userenrolment .subfield {
  margin-right: 5px;
}
.userenrolment .col_userdetails .subfield_picture {
  float: left;
}
.userenrolment .col_lastseen {
  width: 150px;
}
.userenrolment .col_role {
  width: 262px;
}
.userenrolment .col_role .roles {
  margin-right: 30px;
}
.userenrolment .col_role .role {
  float: left;
  padding: 3px;
  margin: 3px;
}
.dir-rtl .userenrolment .col_role .role {
  float: right;
}
.userenrolment .col_role .role a {
  margin-left: 3px;
  cursor: pointer;
}
.userenrolment .col_role .addrole {
  float: right;
  width: 18px;
  height: 18px;
  margin: 3px;
  text-align: center;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}
.userenrolment .col_role .addrole img {
  vertical-align: baseline;
}
.userenrolment .hasAllRoles .col_role .addrole {
  display: none;
}
.userenrolment .col_group .groups {
  margin-right: 30px;
}
.userenrolment .col_group .group {
  float: left;
  padding: 3px;
  margin: 3px;
  white-space: nowrap;
}
.userenrolment .col_group .group a {
  margin-left: 3px;
  cursor: pointer;
}
.userenrolment .col_group .addgroup {
  float: right;
  width: 18px;
  margin: 3px;
  height: 18px;
  text-align: center;
}
.userenrolment .col_group .addgroup a img {
  vertical-align: bottom;
}
.userenrolment .col_enrol .enrolment {
  float: left;
  padding: 3px;
  margin: 3px;
}
.userenrolment .col_enrol .enrolment a {
  float: right;
  margin-left: 3px;
}
#page-enrol-users .enrol_user_buttons {
  float: right;
}
#page-enrol-users .enrol_user_buttons .enrolusersbutton {
  display: inline;
}
#page-enrol-users .enrol_user_buttons .enrolusersbutton div,
#page-enrol-users .enrol_user_buttons .enrolusersbutton form {
  display: inline;
  margin-right: 0;
}
#page-enrol-users #filterform {
  padding: 10px;
  background: #fafafa;
  color: #444444;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: #ebf7fd;
  color: #2d7091;
  border-color: rgba(45, 112, 145, 0.3);
  padding: 9px;
  display: inline-block;
}
#page-enrol-users #filterform .fitem {
  display: inline-block;
  line-height: 40px;
  margin-right: .3em;
  white-space: nowrap;
}
#page-enrol-users #filterform .fitem label {
  display: inline;
  line-height: 20px;
  padding-right: .3em;
}
#page-enrol-users #filterform .fitem :before,
#page-enrol-users #filterform .fitem :after {
  display: inline;
}
#page-enrol-users #filterform div,
#page-enrol-users #filterform fieldset {
  display: inline;
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#page-enrol-users #filterform select,
#page-enrol-users #filterform .ftext input {
  width: 7em;
}
#page-enrol-users #filterform input,
#page-enrol-users #filterform select {
  margin-bottom: 0;
}
#page-enrol-users .user-enroller-panel .uep-search-results .user .details {
  width: 237px;
}
.dir-rtl#page-enrol-users .col_userdetails .subfield_picture {
  float: right;
}
.dir-rtl#page-enrol-users .enrol_user_buttons {
  float: left;
}
.dir-rtl#page-enrol-users .enrol_user_buttons .enrolusersbutton {
  margin-left: 0;
  margin-right: 1em;
}
.dir-rtl#page-enrol-users .enrol_user_buttons .enrolusersbutton div {
  margin-left: 0;
}
.dir-rtl#page-enrol-users #filterform .fitem {
  margin-right: 0;
  margin-left: .3em;
}
.dir-rtl#page-enrol-users #filterform .fitem label {
  padding-right: 0;
  padding-left: .3em;
}
/**
* Overide for RTL layout
**/
.dir-rtl .headermain {
  float: right;
}
.dir-rtl .headermenu {
  float: left;
}
.dir-rtl .loginbox .loginform .form-label {
  float: right;
  text-align: left;
}
.dir-rtl .loginbox .loginform .form-input {
  text-align: right;
}
.dir-rtl .yui3-menu-hidden {
  left: 0;
}
#page-admin-roles-define.dir-rtl #rolesform .felement {
  margin-right: 180px;
}
#page-message-edit.dir-rtl table.generaltable th.c0 {
  text-align: right;
}
.corelightbox {
  background-color: #CCC;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.corelightbox img {
  position: fixed;
  top: 50%;
  left: 50%;
}
.mod-indent-outer {
  display: table;
}
.mod-indent {
  display: table-cell;
}
.label .mod-indent {
  float: left;
  padding-top: 20px;
}
.mod-indent-1 {
  width: 30px;
}
.mod-indent-2 {
  width: 60px;
}
.mod-indent-3 {
  width: 90px;
}
.mod-indent-4 {
  width: 120px;
}
.mod-indent-5 {
  width: 150px;
}
.mod-indent-6 {
  width: 180px;
}
.mod-indent-7 {
  width: 210px;
}
.mod-indent-8 {
  width: 240px;
}
.mod-indent-9 {
  width: 270px;
}
.mod-indent-10 {
  width: 300px;
}
.mod-indent-11 {
  width: 330px;
}
.mod-indent-12 {
  width: 360px;
}
.mod-indent-13 {
  width: 390px;
}
.mod-indent-14 {
  width: 420px;
}
.mod-indent-15,
.mod-indent-huge {
  width: 420px;
}
/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
.resourcecontent .mediaplugin_mp3 object {
  height: 25px;
  width: 600px;
}
.resourcecontent audio.mediaplugin_html5audio {
  width: 600px;
}
/** Large resource images should avoid hidden overflow **/
.resourceimage {
  max-width: 100%;
}
/* Audio player size in 'inline' mode (can only change width, as above) */
.mediaplugin_mp3 object {
  height: 15px;
  width: 300px;
}
audio.mediaplugin_html5audio {
  width: 300px;
}
/* TinyMCE moodle media preview frame should not have padding */
.core_media_preview.pagelayout-embedded #content {
  padding: 0;
}
.core_media_preview.pagelayout-embedded #maincontent {
  height: 0;
}
body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
  padding: 0;
  margin: 0;
  min-width: 0;
  background: none;
}
/** Fix YUI 2 Treeview for Right to left languages **/
.dir-rtl .ygtvtn,
.dir-rtl .ygtvtm,
.dir-rtl .ygtvtmh,
.dir-rtl .ygtvtmhh,
.dir-rtl .ygtvtp,
.dir-rtl .ygtvtph,
.dir-rtl .ygtvtphh,
.dir-rtl .ygtvln,
.dir-rtl .ygtvlm,
.dir-rtl .ygtvlmh,
.dir-rtl .ygtvlmhh,
.dir-rtl .ygtvlp,
.dir-rtl .ygtvlph,
.dir-rtl .ygtvlphh,
.dir-rtl .ygtvdepthcell,
.dir-rtl .ygtvok,
.dir-rtl .ygtvok:hover,
.dir-rtl .ygtvcancel,
.dir-rtl .ygtvcancel:hover {
  width: 18px;
  height: 22px;
  background-image: url('[[pix:theme|yui2-treeview-sprite-rtl]]');
  background-repeat: no-repeat;
  cursor: pointer;
}
.dir-rtl .ygtvtn {
  background-position: 0 -5600px;
}
.dir-rtl .ygtvtm {
  background-position: 0 -4000px;
}
.dir-rtl .ygtvtmh,
.dir-rtl .ygtvtmhh {
  background-position: 0 -4800px;
}
.dir-rtl .ygtvtp {
  background-position: 0 -6400px;
}
.dir-rtl .ygtvtph,
.dir-rtl .ygtvtphh {
  background-position: 0 -7200px;
}
.dir-rtl .ygtvln {
  background-position: 0 -1600px;
}
.dir-rtl .ygtvlm {
  background-position: 0 0;
}
.dir-rtl .ygtvlmh,
.dir-rtl .ygtvlmhh {
  background-position: 0 -800px;
}
.dir-rtl .ygtvlp {
  background-position: 0 -2400px;
}
.dir-rtl .ygtvlph,
.dir-rtl .ygtvlphh {
  background-position: 0 -3200px;
}
.dir-rtl .ygtvdepthcell {
  background-position: 0 -8000px;
}
.dir-rtl .ygtvok {
  background-position: 0 -8800px;
}
.dir-rtl .ygtvok:hover {
  background-position: 0 -8844px;
}
.dir-rtl .ygtvcancel {
  background-position: 0 -8822px;
}
.dir-rtl .ygtvcancel:hover {
  background-position: 0 -8866px;
}
.dir-rtl.yui-skin-sam .yui-panel .hd {
  text-align: right;
}
.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
  text-align: right;
}
/** Fix TinyMCE editor right to left **/
.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
  top: 44px;
}
.dir-rtl .o2k7Skin table,
.dir-rtl .o2k7Skin tbody,
.dir-rtl .o2k7Skin a,
.dir-rtl .o2k7Skin img,
.dir-rtl .o2k7Skin tr,
.dir-rtl .o2k7Skin div,
.dir-rtl .o2k7Skin td,
.dir-rtl .o2k7Skin iframe,
.dir-rtl .o2k7Skin span,
.dir-rtl .o2k7Skin *,
.dir-rtl .o2k7Skin .mceText,
.dir-rtl .o2k7Skin .mceListBox .mceText {
  text-align: right;
}
.path-rating .ratingtable {
  width: 100%;
  margin-bottom: 1em;
}
.path-rating .ratingtable th.rating {
  width: 100%;
}
.path-rating .ratingtable td.rating,
.path-rating .ratingtable td.time {
  white-space: nowrap;
  text-align: center;
}
.initialbar a,
.initialbar strong {
  padding-left: 3px;
  padding-right: 3px;
}
/* Moodle Dialogue Settings (moodle-core-dialogue)  */
.moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: #AAA;
}
.moodle-dialogue-base .hidden,
.moodle-dialogue-base .moodle-dialogue-hidden {
  display: none;
}
.no-scrolling {
  overflow: hidden;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: -50px;
  position: fixed;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
  width: 28px;
  height: 16px;
  background-size: 100%;
}
.moodle-dialogue-base .moodle-dialogue {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  z-index: 600;
  outline: #000 dotted 0;
}
.moodle-dialogue-base .moodle-dialogue-wrap {
  margin-top: -3px;
  margin-left: -3px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 20px 0 #666666;
  -moz-box-shadow: 5px 5px 20px 0 #666666;
  box-shadow: 5px 5px 20px 0 #666666;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
  margin: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #333;
  text-align: center;
  text-shadow: 1px 1px 1px #fff;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #bbb;
  background: #ccc;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
  filter: 0;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 100%;
  font-weight: bold;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
  padding: 5px;
}
.moodle-dialogue-base .closebutton {
  width: 25px;
  height: 15px;
  float: right;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  padding: 0;
  background-image: url('[[pix:theme|sprite]]');
  background-repeat: no-repeat;
  border-style: none;
}
.dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
  left: 0;
  right: auto;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
  padding: 1em;
  line-height: 2em;
  color: #555;
  font-size: 12px;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
  padding: 0;
  background: #FFF;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
  padding: 10px;
  font-size: 16px;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
  position: absolute;
  top: 0px;
  bottom: 50px;
  left: 0px;
  right: 0px;
  margin: 0px;
  border: 0px;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
  border-radius: 0px;
}
.moodle-dialogue-confirm .confirmation-dialogue {
  text-align: center;
}
.moodle-dialogue-confirm .confirmation-dialogue input {
  text-align: center;
}
.moodle-dialogue-exception .moodle-exception-message {
  text-align: center;
}
.moodle-dialogue-exception .moodle-exception-param label {
  font-weight: bold;
}
.moodle-dialogue-exception .param-stacktrace label {
  background-color: #EEE;
  border: 1px solid #ccc;
  border-bottom-width: 0;
}
.moodle-dialogue-exception .param-stacktrace pre {
  border: 1px solid #ccc;
  background-color: #fff;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  color: navy;
  font-size: 11.9px;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  color: #b94a48;
  font-size: 11.9px;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  color: #333;
  font-size: 90%;
  border-bottom: 1px solid #eee;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
  padding: 0;
  margin: 0.7em 1em;
  text-align: right;
  background-color: #FFF;
  font-size: 12px;
}
.moodle-dialogue-confirm .confirmation-message {
  margin: 0.5em 1em;
}
.moodle-dialogue-confirm .confirmation-dialogue input {
  min-width: 80px;
}
.moodle-dialogue-exception .moodle-exception-message {
  margin: 1em;
}
.moodle-dialogue-exception .moodle-exception-param {
  margin-bottom: 0.5em;
}
.moodle-dialogue-exception .moodle-exception-param label {
  width: 150px;
}
.moodle-dialogue-exception .param-stacktrace label {
  display: block;
  margin: 0;
  padding: 4px 1em;
}
.moodle-dialogue-exception .param-stacktrace pre {
  display: block;
  height: 200px;
  overflow: auto;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  display: inline-block;
  margin: 4px 0;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  display: inline-block;
  width: 50px;
  margin: 4px 1em;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  padding-left: 25px;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
  opacity: 0.75;
  filter: alpha(opacity=75);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  text-align: center;
  padding: 10% 0;
}
/* Apply a default max-height on tooltip text */
.moodle-dialogue .tooltiptext {
  max-height: 300px;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
  z-index: 3001;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
  overflow: auto;
}
/* Question Bank - Question Chooser "Close" button */
#page-question-edit.dir-rtl a.container-close {
  right: auto;
  left: 6px;
}
/**
* Chooser Dialogues (moodle-core-chooserdialogue)
*
* This CSS belong to the chooser dialogue which should work both with, and
* without javascript enabled
*/
/* Hide the dialog and it's title */
.chooserdialoguebody,
.choosertitle {
  display: none;
}
.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
  margin: 0;
}
.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
  padding: 0;
  background: #F2F2F2;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}
/* Center the submit buttons within the area */
.choosercontainer #chooseform .submitbuttons {
  padding: 0.7em 0;
  text-align: center;
}
/* Fixed for safari browser on iPhone4S with ios7.*/
@media (max-height: 639px) {
  .ios.safari .choosercontainer #chooseform .submitbuttons {
    padding: 45px 0;
  }
}
.choosercontainer #chooseform .submitbuttons input {
  min-width: 100px;
  margin: 0 0.5em;
}
/* Various settings for the options area */
.choosercontainer #chooseform .options {
  position: relative;
  border-bottom: 1px solid #BBBBBB;
}
/* Only set these options if we're showing the js container */
.jsenabled .choosercontainer #chooseform .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 20.3em;
  -webkit-box-shadow: inset 0 0 30px 0px #cccccc;
  -moz-box-shadow: inset 0 0 30px 0px #cccccc;
  box-shadow: inset 0 0 30px 0px #cccccc;
}
.dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
  max-width: 18.3em;
}
/* Settings for option rows and option subtypes */
.choosercontainer #chooseform .moduletypetitle,
.choosercontainer #chooseform .option,
.choosercontainer #chooseform .nonoption {
  margin-bottom: 0;
  padding: 0 1.6em 0 1.6em;
}
.choosercontainer #chooseform .moduletypetitle {
  text-transform: uppercase;
  padding-top: 1.2em;
  padding-bottom: 0.4em;
}
.choosercontainer #chooseform .option .typename,
.choosercontainer #chooseform .option span.modicon img.icon,
.choosercontainer #chooseform .nonoption .typename,
.choosercontainer #chooseform .nonoption span.modicon img.icon {
  padding: 0 0 0 0.5em;
}
.dir-rtl .choosercontainer #chooseform .option .typename,
.dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
.dir-rtl .choosercontainer #chooseform .nonoption .typename,
.dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
  padding: 0 0.5em 0 0;
}
.choosercontainer #chooseform .option span.modicon img.icon,
.choosercontainer #chooseform .nonoption span.modicon img.icon {
  height: 24px;
  width: 24px;
}
.choosercontainer #chooseform .option input[type=radio],
.choosercontainer #chooseform .option span.typename,
.choosercontainer #chooseform .option span.modicon {

  vertical-align: middle;
}
.choosercontainer #chooseform .option label {
  display: block;
  padding: 0.3em 0 0.1em 0;
  border-bottom: 1px solid #FFFFFF;
}
.choosercontainer #chooseform .nonoption {
  padding-left: 2.7em;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
}
.dir-rtl .choosercontainer #chooseform .nonoption {
  padding-right: 2.7em;
  padding-left: 0;
}
.choosercontainer #chooseform .subtype {
  margin-bottom: 0;
  padding: 0 1.6em 0 3.2em;
}
.dir-rtl .choosercontainer #chooseform .subtype {
  padding: 0 3.2em 0 1.6em;
}
.choosercontainer #chooseform .subtype .typename {
  margin: 0 0 0 0.2em;
}
.dir-rtl .choosercontainer #chooseform .subtype .typename {
  margin: 0 0.2em 0 0;
}
/* The instruction/help area */
.jsenabled .choosercontainer #chooseform .instruction,
.jsenabled .choosercontainer #chooseform .typesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 20.3em;
  margin: 0;
  padding: 1.6em;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 2em;
}
.dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
.dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
  left: 0;
  right: 18.5em;
  border-right: 1px solid grey;
}
/* Selected option settings */
.jsenabled .choosercontainer #chooseform .instruction,
.choosercontainer #chooseform .selected .typesummary {
  display: block;
}
.choosercontainer #chooseform .selected {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0 10px 0 #cccccc;
  -moz-box-shadow: 0px 0 10px 0 #cccccc;
  box-shadow: 0px 0 10px 0 #cccccc;
}
.section-modchooser-link img.smallicon {
  padding: 3px;
}
/* Form element: listing */
.formlistingradio {
  padding-bottom: 25px;
  padding-right: 10px;
}
.formlistinginputradio {
  float: left;
}
.formlistingmain {
  min-height: 225px;
}
.formlisting {
  position: relative;
  margin: 15px 0;
  padding: 1px 19px 14px;
  background-color: white;
  border: 1px solid #DDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.formlistingmore {
  position: absolute;
  cursor: pointer;
  bottom: -1px;
  right: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: whiteSmoke;
  border: 1px solid #ddd;
  color: #9DA0A4;
  -webkit-border-radius: 4px 0 4px 0;
  -moz-border-radius: 4px 0 4px 0;
  border-radius: 4px 0 4px 0;
}
.formlistingall {
  margin: 15px 0;
  padding: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.formlistingrow {
  cursor: pointer;
  border-bottom: 1px solid;
  border-color: #E1E1E8;
  border-left: 1px solid #E1E1E8;
  border-right: 1px solid #E1E1E8;
  background-color: #F7F7F9;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  padding: 6px;
  top: 50%;
  left: 50%;
  min-height: 34px;
  float: left;
  width: 150px;
}
body.jsenabled .formlistingradio {
  display: none;
}
body.jsenabled .formlisting {
  display: block;
}
/* Badges styles */
table.collection {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
table.collection th,
table.collection td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
table.collection th {
  font-weight: bold;
}
table.collection thead th {
  vertical-align: bottom;
}
table.collection caption + thead tr:first-child th,
table.collection caption + thead tr:first-child td,
table.collection colgroup + thead tr:first-child th,
table.collection colgroup + thead tr:first-child td,
table.collection thead:first-child tr:first-child th,
table.collection thead:first-child tr:first-child td {
  border-top: 0;
}
table.collection tbody + tbody {
  border-top: 2px solid #dddddd;
}
table.collection .table {
  background-color: #ffffff;
}
table.collection th,
table.collection td {
  border-left: 1px solid #dddddd;
}
table.collection caption + thead tr:first-child th,
table.collection caption + tbody tr:first-child th,
table.collection caption + tbody tr:first-child td,
table.collection colgroup + thead tr:first-child th,
table.collection colgroup + tbody tr:first-child th,
table.collection colgroup + tbody tr:first-child td,
table.collection thead:first-child tr:first-child th,
table.collection tbody:first-child tr:first-child th,
table.collection tbody:first-child tr:first-child td {
  border-top: 0;
}
table.collection thead:first-child tr:first-child > th:first-child,
table.collection tbody:first-child tr:first-child > td:first-child,
table.collection tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
table.collection thead:first-child tr:first-child > th:last-child,
table.collection tbody:first-child tr:first-child > td:last-child,
table.collection tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
table.collection thead:last-child tr:last-child > th:first-child,
table.collection tbody:last-child tr:last-child > td:first-child,
table.collection tbody:last-child tr:last-child > th:first-child,
table.collection tfoot:last-child tr:last-child > td:first-child,
table.collection tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
table.collection thead:last-child tr:last-child > th:last-child,
table.collection tbody:last-child tr:last-child > td:last-child,
table.collection tbody:last-child tr:last-child > th:last-child,
table.collection tfoot:last-child tr:last-child > td:last-child,
table.collection tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}
table.collection tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
table.collection tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
table.collection caption + thead tr:first-child th:first-child,
table.collection caption + tbody tr:first-child td:first-child,
table.collection colgroup + thead tr:first-child th:first-child,
table.collection colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
table.collection caption + thead tr:first-child th:last-child,
table.collection caption + tbody tr:first-child td:last-child,
table.collection colgroup + thead tr:first-child th:last-child,
table.collection colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
table.collection tbody > tr:nth-child(odd) > td,
table.collection tbody > tr:nth-child(odd) > th {
  background-color: #fafafa;
}
table.collection .name {
  text-align: left;
  vertical-align: middle;
}
table.collection .awards {
  width: 10%;
  text-align: center;
  vertical-align: middle;
}
table.collection .criteria {
  width: 40%;
  text-align: left;
  vertical-align: top;
}
table.collection .badgeimage,
table.collection .status {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}
table.collection .description {
  width: 25%;
  text-align: left;
}
table.collection .actions {
  width: 11em;
  text-align: center;
  vertical-align: middle;
}
a.criteria-action {
  padding: 0px 3px;
  float: right;
}
table.issuedbadgebox {
  width: 750px;
  background-color: #FFFFFF;
}
table.badgeissuedimage {
  width: 150px;
  text-align: center;
}
table.badgeissuedinfo {
  width: 600px;
}
table.badgeissuedinfo .bvalue {
  text-align: left;
  vertical-align: middle;
}
table.badgeissuedinfo .bfield {
  width: 125px;
  text-align: left;
  font-style: italic;
}
.dir-rtl table.badgeissuedinfo .bvalue,
.dir-rtl table.badgeissuedinfo .bfield {
  text-align: right;
}
ul.badges {
  margin: 0;
  list-style: none;
}
.badges li {
  position: relative;
  display: inline-block;
  padding-bottom: 2em;
  text-align: center;
  vertical-align: top;
  width: 150px;
}
.badges li .badge-name {
  display: block;
  padding: 5px;
}
.badges li > img {
  position: absolute;
}
.badges li .badge-image {
  width: 90px;
  height: 90px;
  left: 10px;
  top: 0px;
  z-index: 1;
}
.badges li .badge-actions {
  position: relative;
}
div.badge {
  position: relative;
  display: block;
}
div.badge .expireimage {
  width: 100px;
  height: 100px;
  left: 20px;
  top: 0px;
}
.expireimage {
  opacity: 0.85;
  filter: alpha(opacity=85);
  width: 90px;
  height: 90px;
  left: 30px;
  top: 0px;
  position: absolute;
  z-index: 10;
}
.badge-profile {
  vertical-align: top;
}
.connected {
  color: #468847;
}
.notconnected {
  color: #b94a48;
}
.connecting {
  color: #c09853;
}
#page-badges-award .recipienttable tr td {
  vertical-align: top;
}
#page-badges-award .recipienttable tr td.actions .actionbutton {
  margin: 0.3em 0;
  padding: 0.5em 0;
  width: 100%;
}
#page-badges-award .recipienttable tr td.existing,
#page-badges-award .recipienttable tr td.potential {
  width: 42%;
}
.statustable {
  margin-bottom: 0px;
}
.statusbox.active {
  background-color: #dff0d8;
}
.statusbox.inactive {
  background-color: #fcf8e3;
}
.activatebadge {
  margin: 0px;
  text-align: left;
  vertical-align: middle;
}
.dir-rtl .activatebadge {
  text-align: right;
}
img#persona_signin {
  cursor: pointer;
}
.addcourse {
  float: right;
}
.invisiblefieldset {
  display: inline;
  margin: 0;
  padding: 0;
  border-width: 0;
}
.breadcrumb-nav {
  float: left;
  margin-bottom: 10px;
}
.dir-rtl .breadcrumb-nav {
  float: right;
}
.breadcrumb-button .singlebutton div {
  margin-right: 0;
  
}
.breadcrumb-nav .breadcrumb {
  margin: 0;
}
/** Action menu component styles **/
.moodle-actionmenu,
.moodle-actionmenu > ul,
.moodle-actionmenu > ul > li {
  display: inline-block;
}
.moodle-actionmenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.moodle-actionmenu .toggle-display,
.moodle-actionmenu .menu-action-text {
  display: none;
  /** Hidden by default, display none so that we don't take up space. **/
}
.jsenabled .moodle-actionmenu[data-enhance] {
  display: block;
}
.jsenabled .moodle-actionmenu[data-enhance] .menu {
  display: none;
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display {
  display: inline;
  /** JS is enabled, we'll be using it so return display to normal **/
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
  display: block;
  margin-left: 4px;
  padding-left: 4px;
  padding-right: 4px;
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
  margin: 4px 4px 4px 0px;
  padding: 8px 4px 0px 2px;
  vertical-align: text-bottom;
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
  margin-top: 8px;
  margin-left: 2px;
  border-top-color: #0077dd;
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:hover,
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:active {
  border-top-color: #005599;
}
.jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
  opacity: 1;
  filter: alpha(opacity=100);
}
.jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
  display: inline;
}
.jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
  margin-left: initial;
  margin-right: 4px;
}
.jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
  margin-left: initial;
  margin-right: 2px;
}
.moodle-actionmenu[data-enhanced].show {
  position: relative;
}
.moodle-actionmenu[data-enhanced].show .menu {
  display: block;
  position: absolute;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 1000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0 #666666;
  -moz-box-shadow: 5px 5px 20px 0 #666666;
  box-shadow: 5px 5px 20px 0 #666666;
  /** bottom left of button **/
  /** bottom right of button **/
  /** top left of button **/
  /** top right of button **/
}
.moodle-actionmenu[data-enhanced].show .menu a {
  display: block;
  color: #444444;
  background-color: #ffffff;
  padding: 2px 1em 2px 28px;
  border: none;
}
.moodle-actionmenu[data-enhanced].show .menu a:hover {
  color: #ffffff;
  background-color: #009dd8;
}
.moodle-actionmenu[data-enhanced].show .menu a.hidden {
  display: none;
}
.moodle-actionmenu[data-enhanced].show .menu img {
  vertical-align: middle;
}
.moodle-actionmenu[data-enhanced].show .menu .iconsmall {
  margin: 4px 4px 4px -24px;
}
.moodle-actionmenu[data-enhanced].show .menu > li {
  display: block;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
  top: 100%;
  left: 0;
  margin-top: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
  top: 100%;
  right: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
  bottom: 100%;
  left: 0;
}
.moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
  bottom: 100%;
  right: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
  top: 100%;
  left: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
  top: 100%;
  right: 0;
  margin-top: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
  bottom: 100%;
  left: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-br-br {
  bottom: 100%;
  right: 0;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
  top: 0;
  left: 0;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
  top: 0;
  right: 100%;
  margin-right: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
  bottom: 100%;
  left: 0;
  margin-bottom: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
  bottom: 100%;
  right: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
  top: 0;
  left: 100%;
  margin-left: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
  top: 0;
  right: 0;
}
.moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
  bottom: 100%;
  left: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
  bottom: 100%;
  right: 0;
  margin-bottom: 4px;
}
.block .moodle-actionmenu {
  text-align: right;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu {
  text-align: right;
  left: 0;
  right: auto;
  /** bottom left of button **/
  /** bottom right of button **/
  /** top left of button **/
  /** top right of button **/
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall {
  margin-right: 0;
  margin-left: 8px;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
  left: auto;
  right: 0;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
  right: auto;
  left: 100%;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
  left: auto;
  right: 0;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
  right: auto;
  left: 100%;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
  left: auto;
  right: 100%;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
  right: auto;
  left: 0;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
  left: auto;
  right: 100%;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-br-br {
  right: auto;
  left: 0;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
  left: auto;
  right: 0;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
  right: auto;
  left: 100%;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
  left: auto;
  right: 0;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
  right: auto;
  left: 100%;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
  left: auto;
  right: 100%;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
  right: auto;
  left: 0;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
  left: auto;
  right: 100%;
}
.dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
  right: auto;
  left: 0;
}
.dir-rtl .block .moodle-actionmenu {
  text-align: right;
}
ul.dragdrop-keyboard-drag li {
  list-style-type: none;
}
.block-control-actions .moodle-core-dragdrop-draghandle img {
  width: 12px;
  height: 12px;
}
a.disabled:hover,
a.disabled {
  text-decoration: none;
  cursor: default;
  font-style: italic;
  color: #808080;
}
body.lockscroll {
  height: 100%;
  overflow: hidden;
}
/* admin.less */
.formtable tbody th {
  font-weight: normal;
  text-align: right;
}
.path-admin #assignrole {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.path-admin .admintable .leftalign {
  text-align: left;
}
.environmenttable p.warn {
  background-color: #fcf8e3;
  color: #c09853;
}
.environmenttable .error,
.environmenttable span.warn,
.environmenttable .ok {
  display: inline-block;
  padding: 0 5px;
  background: #009dd8;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
  border-radius: 2px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.environmenttable .error {
  background-color: #d32c46;
  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
}
.environmenttable span.warn {
  background-color: #f9a124;
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
}
.environmenttable .ok {
  background-color: #82bb42;
  background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
  background-image: linear-gradient(to bottom, #9fd256, #6fac34);
}
.path-admin .admintable.environmenttable .name,
.path-admin .admintable.environmenttable .info,
.path-admin #assignrole .admintable .role,
.path-admin #assignrole .admintable .userrole,
.path-admin #assignrole .admintable .roleholder {
  white-space: nowrap;
}
.path-admin .incompatibleblockstable td.c0 {
  font-weight: bold;
}
#page-admin-course-category .addcategory {
  padding: 10px;
}
#page-admin-course-index .editcourse {
  margin: 20px auto;
}
#page-admin-course-index .editcourse th,
#page-admin-course-index .editcourse td {
  padding-left: 10px;
  padding-right: 10px;
}
.timewarninghidden {
  display: none;
}
.statusok,
.statuswarning,
.statusserious,
.statuscritical {
  display: inline-block;
  padding: 0 5px;
  background: #009dd8;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
  border-radius: 2px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.statusok {
  background-color: #82bb42;
  background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
  background-image: linear-gradient(to bottom, #9fd256, #6fac34);
}
.statuswarning {
  background-color: #f9a124;
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
}
.statusserious {
  background-color: #d32c46;
  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
}
.statuscritical {
  background-color: #d32c46;
  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
}
#page-admin-report-capability-index #capabilitysearch {
  width: 30em;
}
#page-admin-report-backups-index .backup-error,
#page-admin-report-backups-index .backup-unfinished {
  color: #b94a48;
}
#page-admin-report-backups-index .backup-skipped,
#page-admin-report-backups-index .backup-ok,
#page-admin-report-backups-index .backup-notyetrun {
  color: #468847;
}
#page-admin-report-backups-index .backup-warning {
  color: #c09853;
}
#page-admin-qtypes .disabled,
#page-admin-qbehaviours .disabled {
  color: #999999;
}
#page-admin-qtypes #qtypes div,
#page-admin-qtypes #qtypes form,
#page-admin-qbehaviours #qbehaviours div,
#page-admin-qbehaviours #qbehaviours form {
  display: inline;
}
#page-admin-qtypes #qtypes img.spacer,
#page-admin-qbehaviours #qbehaviours img.spacer {
  width: 16px;
}
img.iconsmall {
  margin: 0;
  padding: 0.3em;
}
#page-admin-qbehaviours .cell.c3,
#page-admin-qtypes .cell.c3 {
  font-size: 10.5px;
}
div.singlebutton {
  margin-bottom: 5px;
}
#page-admin-lang .generalbox,
#page-admin-course-index .singlebutton,
#page-admin-course-index .addcategory,
#page-course-index .buttons,
#page-course-index-category .buttons,
#page-admin-course-category .addcategory,
#page-admin-stickyblocks .generalbox,
#page-admin-maintenance .buttons,
#page-admin-course-index .buttons,
#page-admin-course-category .buttons,
#page-admin-index .copyright,
#page-admin-index .copyrightnotice,
#page-admin-index .adminerror,
#page-admin-index .availableupdatesinfo,
#page-admin-index .adminerror .singlebutton,
#page-admin-index .adminwarning .singlebutton,
#page-admin-index #layout-table .singlebutton {
  text-align: center;
  margin-bottom: 1em;
}
.path-admin-roles .capabilitysearchui {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
#page-admin-roles-define .topfields {
  margin: 1em 0 2em;
}
#page-admin-roles-define .capdefault {
  background-color: #eee;
  border: 1px solid #cecece;
}
#page-filter-manage .backlink,
.path-admin-roles .backlink {
  margin-top: 1em;
}
#page-admin-roles-explain #chooseuser h3,
#page-admin-roles-usersroles .contextname {
  margin-top: 0;
}
#page-admin-roles-explain #chooseusersubmit {
  margin-top: 0;
  text-align: center;
}
#page-admin-roles-usersroles p {
  margin: 0;
}
#page-admin-roles-override .cell.c1,
#page-admin-roles-assign .cell.c3,
#page-admin-roles-assign .cell.c1 {
  padding-top: 0.75em;
}
#page-admin-roles-override .overridenotice,
#page-admin-roles-define .definenotice {
  margin: 1em 10% 2em 10%;
  text-align: left;
}
#notice {
  width: 60%;
  min-width: 220px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 15px;
}
#page-admin-index .releasenoteslink,
#page-admin-index .adminwarning,
#page-admin-index .maturitywarning,
#page-admin-index .testsitewarning,
#page-admin-index .maturityinfo {
  background: #fffceb;
  color: #e28327;
  border-color: rgba(226, 131, 39, 0.3);
  width: 60%;
  min-width: 220px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 15px;
}
#page-admin-index .maturitywarning,
#page-admin-index .testsitewarning,
#page-admin-index .adminwarning.maturityinfo.maturity50 {
  background: #fff1f0;
  color: #d85030;
  border-color: rgba(216, 80, 48, 0.3);
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
  display: block;
}
#page-admin-index .updateplugin div,
#page-admin-plugins .updateplugin div {
  margin-bottom: 0.5em;
}
#page-admin-index .updateplugin .updatepluginconfirmexternal,
#page-admin-plugins .updateplugin .updatepluginconfirmexternal {
  padding: 1em;
  background-color: #f2dede;
  border: 1px solid #eed3d7;
}
#page-admin-user-user_bulk #users .fgroup {
  white-space: nowrap;
}
#page-admin-report-stats-index .graph {
  text-align: center;
  margin-bottom: 1em;
}
#page-admin-report-courseoverview-index .graph {
  text-align: center;
  margin-bottom: 1em;
}
#page-admin-lang .translator {
  border-width: 1px;
  border-style: solid;
}
.path-admin .roleassigntable {
  width: 100%;
}
.path-admin .roleassigntable td {
  vertical-align: top;
  padding: 0.2em 0.3em;
}
.path-admin .roleassigntable p {
  text-align: left;
  margin: 0.2em 0;
}
.path-admin .roleassigntable #existingcell,
.path-admin .roleassigntable #potentialcell {
  width: 42%;
}
.path-admin .roleassigntable #existingcell p > label:first-child,
.path-admin .roleassigntable #potentialcell p > label:first-child {
  font-weight: bold;
}
.path-admin .roleassigntable #buttonscell {
  width: 16%;
}
.path-admin .roleassigntable #buttonscell #assignoptions {
  font-size: 10.5px;
}
.path-admin .roleassigntable #removeselect_wrapper,
.path-admin .roleassigntable #addselect_wrapper {
  width: 100%;
}
.path-admin table.rolecap tr.rolecap th {
  text-align: left;
  font-weight: normal;
}
.path-admin.dir-rtl table.rolecap tr.rolecap th {
  text-align: right;
}
.path-admin .rolecap .hiddenrow {
  display: none;
}
.path-admin #defineroletable .rolecap .inherit,
.path-admin #defineroletable .rolecap .allow,
.path-admin #defineroletable .rolecap .prevent,
.path-admin #defineroletable .rolecap .prohibit {
  text-align: center;
  padding: 0;
  min-width: 3.5em;
}
.path-admin .rolecap .cap-name,
.path-admin .rolecap .note {
  display: block;
  font-size: 10.5px;
  white-space: nowrap;
  font-weight: normal;
}
.path-admin .rolecap label {
  display: block;
  text-align: center;
  padding: 0.5em;
  margin: 0;
}
.plugincheckwrapper {
  width: 100%;
}
.environmentbox {
  margin-top: 1em;
}
#mnetconfig table {
  margin-left: auto;
  margin-right: auto;
}
.environmenttable .cell {
  padding: .15em .5em;
}
.environmenttable img.iconhelp {
  padding-right: .3em;
}
.dir-rtl .environmenttable img.iconhelp {
  padding-left: .3em;
  padding-right: 0;
}
#trustedhosts .generaltable {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}
#trustedhosts .standard {
  width: auto;
}
#adminsettings legend {
  display: none;
}
#adminsettings fieldset.error {
  margin: .2em 0 .5em 0;
}
#adminsettings fieldset.error legend {
  display: block;
}
.dir-rtl #admin-spelllanguagelist textarea,
#page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea {
  text-align: left;
  direction: ltr;
}
/* Styles for flags on admin settings */
.adminsettingsflags {
  float: right;
}
.dir-rtl .adminsettingsflags {
  float: left;
}
.adminsettingsflags label {
  margin-right: 7px;
}
.dir-rtl .adminsettingsflags label {
  margin-left: 7px;
}
.form-description {
  clear: right;
}
.dir-rtl .form-description {
  clear: left;
}
.form-item .form-setting .form-htmlarea {
  width: 640px;
  display: inline;
}
.form-item .form-setting .form-htmlarea .htmlarea {
  width: 640px;
  display: block;
}
.form-item .form-setting .form-multicheckbox ul {
  list-style: none;
  padding: 0;
  margin: 7px 0 0 0;
}
.form-item .form-setting .defaultsnext {
  margin-right: 0.5em;
  display: inline;
}
.dir-rtl .form-item .form-setting .defaultsnext {
  margin-left: 0.5em;
  margin-right: 0;
}
.form-item .form-setting .locked-checkbox {
  margin-right: 0.2em;
  margin-left: 0.5em;
  display: inline;
}
.dir-rtl .form-item .form-setting .locked-checkbox {
  margin-right: 0.5em;
  margin-left: 0.2em;
  display: inline;
}
.form-item .form-setting .form-password .unmask,
.form-item .form-setting .form-defaultinfo {
  display: inline-block;
}
.form-item .pathok,
.form-item .patherror {
  margin-left: 0.5em;
}
#admin-devicedetectregex table {
  border: none;
}
#admin-emoticons td input {
  width: 8em;
}
#admin-emoticons td.c0 input {
  width: 4em;
}
#adminthemeselector .selectedtheme td.c0 {
  border: 1px solid;
  border-right-width: 0;
}
#adminthemeselector .selectedtheme td.c1 {
  border: 1px solid;
  border-left-width: 0;
}
.admin_colourpicker,
.admin_colourpicker_preview {
  display: none;
}
.jsenabled .admin_colourpicker_preview {
  display: inline;
}
.jsenabled .admin_colourpicker {
  display: block;
  height: 102px;
  width: 410px;
  margin-bottom: 10px;
}
.admin_colourpicker .loadingicon {
  vertical-align: middle;
  margin-left: auto;
}
.admin_colourpicker .colourdialogue {
  float: left;
  border: 1px solid #000;
}
.admin_colourpicker .previewcolour {
  border: 1px solid #000;
  margin-left: 301px;
}
.admin_colourpicker .currentcolour {
  border: 1px solid #000;
  margin-left: 301px;
  border-top-width: 0;
}
/** Overide for RTL layout **/
.dir-rtl .form-item .form-setting,
.dir-rtl .form-item .form-label,
.dir-rtl .form-item .form-description,
.dir-rtl.path-admin .roleassigntable p {
  text-align: right;
}
#page-admin-index #notice .checkforupdates {
  text-align: center;
}
#plugins-check-info {
  text-align: center;
  margin: 1em;
}
#plugins-check .displayname .pluginicon {
  width: 16px;
}
#plugins-check .status-new .status {
  background-color: #dff0d8;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release,
#plugins-check .status-upgrade .status,
#plugins-check .status-delete .status {
  background-color: #d9edf7;
}
#plugins-control-panel .extension .source,
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release,
.pluginupdateinfo.maturity100,
.pluginupdateinfo.maturity150,
#plugins-check .extension .source {
  background-color: #fcf8e3;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release,
.pluginupdateinfo.maturity50,
#plugins-check .requires-failed,
#plugins-check .missingfromdisk .displayname,
#plugins-check .status-missing .status,
#plugins-check .status-downgrade .status {
  background-color: #f2dede;
}
#plugins-control-panel .statusmsg {
  background-color: #eeeeee;
  padding: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#plugins-control-panel .status-missing .pluginname {
  background-color: #f2dede;
}
#plugins-control-panel .status-missing .statusmsg {
  color: #b94a48;
}
#plugins-control-panel .status-new .pluginname {
  background-color: #dff0d8;
}
#plugins-control-panel .status-new .statusmsg {
  color: #468847;
}
#plugins-control-panel .disabled .availability {
  background-color: #eeeeee;
}
#plugins-check .standard .source,
#plugins-check .status-nodb .status,
#plugins-check .status-uptodate .status,
#plugins-check .requires-ok {
  color: #999999;
}
#plugins-check .requires ul {
  font-size: 10.5px;
  margin: 0;
}
#plugins-check .status .pluginupdateinfo {
  padding: 5px 10px;
  margin: 10px;
  background-color: #d9edf7;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#plugins-check .status .pluginupdateinfo span,
#plugins-check .status .pluginupdateinfo a {
  padding-right: 1em;
}
#page-admin-index .upgradepluginsinfo {
  text-align: center;
}
#page-admin-plugins .checkforupdates {
  margin: 0 auto 1em;
  text-align: center;
}
#plugins-control-panel .requiredby,
#plugins-control-panel .pluginname .componentname {
  font-size: 11.9px;
  color: #999999;
}
#plugins-control-panel .pluginname .componentname {
  margin-left: 22px;
}
#plugins-overview-filter .filter-item,
#plugins-overview-panel .info {
  padding: 0 10px;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator,
#plugins-check .status .pluginupdateinfo .separator,
#page-admin-plugins .separator {
  border-left: 1px dotted #999;
}
#plugins-control-panel .msg td {
  text-align: center;
}
#plugins-overview-filter,
#plugins-overview-panel {
  margin: 1em auto;
  text-align: center;
}
#plugins-overview-panel .info.updatable {
  margin-left: 10px;
  background-color: #d9edf7;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#plugins-overview-filter .filter-item.active {
  font-weight: bold;
}
#plugins-control-panel .displayname img.icon {
  padding-top: 0;
  padding-bottom: 0;
}
#plugins-control-panel .uninstall a {
  color: #b94a48;
}
#plugins-control-panel .notes .pluginupdateinfo {
  padding: 5px 10px;
  margin: 10px;
  background-color: #d9edf7;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#plugins-control-panel .notes .pluginupdateinfo span,
#plugins-control-panel .notes .pluginupdateinfo a {
  padding-right: 1em;
}
.dir-rtl #plugins-check .pluginupdateinfo {
  text-align: center;
  direction: ltr;
}
.dir-rtl #plugins-check .rootdir,
.dir-rtl #plugins-check .requires-ok {
  text-align: left;
  direction: ltr;
}
/** MNet networking */
#page-admin-mnet-peers .box.deletedhosts {
  margin-bottom: 1em;
  font-size: 11.9px;
}
#page-admin-mnet-peers .mform .certdetails {
  background-color: white;
}
#page-admin-mnet-peers .mform .deletedhostinfo {
  background-color: #f2dede;
  border: 2px solid #eed3d7;
  padding: 4px;
  margin-bottom: 5px;
}
#core-cache-plugin-summaries table,
#core-cache-store-summaries table {
  width: 100%;
}
#core-cache-lock-summary table,
#core-cache-definition-summaries table,
#core-cache-mode-mappings table {
  margin: 0 auto;
}
#core-cache-store-summaries .default-store td {
  color: #333;
  font-style: italic;
}
#core-cache-rescan-definitions,
#core-cache-mode-mappings .edit-link,
#core-cache-lock-summary .new-instance {
  margin-top: 0.5em;
  text-align: center;
}
.tinymcesubplugins img.icon {
  padding-top: 0;
  padding-bottom: 0;
}
#page-admin-roles-assign div.box.generalbox {
  background: #fffceb;
  color: #e28327;
  border-color: rgba(226, 131, 39, 0.3);
  background: #fff1f0;
  color: #d85030;
  border-color: rgba(216, 80, 48, 0.3);
}
/* calendar.less */
.calendartable {
  width: 100%;
}
.calendartable th,
.calendartable td {
  width: 14%;
  vertical-align: top;
  text-align: center;
  border: 0;
}
.calendar_event_course {
  background-color: #D4D8DA;
}
.calendar_event_global {
  background-color: #D6F8CD;
}
.calendar_event_group {
  background-color: #FEE7AE;
}
.calendar_event_user {
  background-color: #DCE7EC;
}
.path-calendar .calendar-controls .previous,
.path-calendar .calendar-controls .next,
.path-calendar .calendar-controls .current {
  display: block;
  float: left;
  width: 12%;
}
.path-calendar .calendar-controls .previous {
  text-align: left;
}
.path-calendar .calendar-controls .current {
  text-align: center;
  width: 76%;
}
.path-calendar .calendar-controls .next {
  text-align: right;
}
.path-calendar .maincalendar {
  vertical-align: top;
  padding: 0;
}
.path-calendar .maincalendar .bottom {
  text-align: center;
  padding: 5px 0 0 0;
  float: right;
  
}


/*@media (max-width: 960px){
  .path-calendar .maincalendar .bottom {
	display:none !important; 

}
}
*/
.path-calendar .maincalendar .heightcontainer {
  height:100%;
  position: relative;
  margin-left: -4%;
  

}
.path-calendar .maincalendar .calendarmonth {
  width: 98%;
  margin: 10px auto;
  background-color:white;
}
.path-calendar .maincalendar .calendarmonth ul {
  margin: 0;
}
.path-calendar .maincalendar .calendarmonth ul li {
  list-style-type: none;
  margin-top: 4px;
  border-radius: 9%;
  margin-right: 17%;
  margin-left: -14%;
}
.path-calendar .maincalendar .calendarmonth td {
  height: 5em;
  border: 1px solid gray;
 
  
}
.path-calendar .maincalendar .calendar-controls .previous,
.path-calendar .maincalendar .calendar-controls .next {
  width: 30%;
}
.path-calendar .maincalendar .calendar-controls .current {
  width: 39.95%;
}
.path-calendar .maincalendar .controls {
  width: 98%;
  margin: 10px auto;
}
.path-calendar .maincalendar .eventlist .event {
  width: 100%;
  margin-bottom: 10px;
  border-spacing: 0;
  border-collapse: separate;
  border-width: 1px;
  border-style: solid;
  background-color:white;
      border-radius: 6px;
    background-color: white;
    padding: 10px;
}
.path-calendar .maincalendar .eventlist .event .topic .name {
  float: left;
}
.dir-rtl.path-calendar .maincalendar .eventlist .event .topic .name,
.path-calendar .maincalendar .eventlist .event .topic .date {
  float: right;
}
.dir-rtl.path-calendar .maincalendar .eventlist .event .topic .date {
  float: left;
}
.path-calendar .maincalendar .eventlist .event .subscription,
.path-calendar .maincalendar .eventlist .event .course {
  float: left;
  clear: left;
}
.dir-rtl.path-calendar .maincalendar .eventlist .event .subscription,
.dir-rtl.path-calendar .maincalendar .eventlist .event .course {
  float: right;
  clear: right;
}
.path-calendar .maincalendar .eventlist .event .side {
  width: 32px;
}
.path-calendar .maincalendar .eventlist .event .commands a {
  margin: 0 3px;
}
.path-calendar .maincalendar .header {
  overflow: hidden;
  /*display:none;*/
 
}
.path-calendar .maincalendar .header .buttons {
  float: right;
}
.dir-rtl.path-calendar .maincalendar .header .buttons {
  float: left;
}
.path-calendar .filters table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}
#page-calendar-export .indent {
  padding-left: 20px;
}
.path-calendar .cal_courses_flt label {
  margin-right: .45em;
 
  
}

.cal_courses_flt{
	
	margin-bottom: 2%;
	
	}
.dir-rtl.path-calendar .cal_courses_flt label {
  margin-left: .45em;
  margin-right: 0;
}
.block .minicalendar th,
.block .minicalendar td {
 /* padding: 2px;*/
  font-size: 0.8em;
}
.block .minicalendar {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.block .minicalendar td.weekend {
  color: #A00;
}
.block .calendar-controls .previous {
  text-align: left;
  display: block;
  float: left;
  width: 12%;
}
.block .calendar-controls .current {
  float: left;
  text-align: center;
  display: block;
  width: 76%;
}

.minicalendarblock{
	background-color:#E7E7E7;

	}

.block .calendar-controls .next {
  text-align: right;
  display: block;
  float: left;
  width: 12%;
}
.block .calendar_filters ul {
  list-style: none;
  margin: 0;
/* yesenia*/
 display:none;
}
.block .calendar_filters li {
  margin-bottom: .2em;
}
.block .calendar_filters li span img {
  padding: 0 .2em;
}
.block .calendar_filters .eventname {
  padding-left: .2em;
}
.dir-rtl .block .calendar_filters .eventname {
  padding-right: .2em;
  padding-left: 0;
}
.block .content h3.eventskey {
  margin-top: 0.5em;
  display:none;
  }
@media (min-width: 768px) {
  #page-calender-view .container fluid {
    min-width: 1024px;
  }
}
/* course.less */
/* COURSE CONTENT */
.section_add_menus {
  text-align: right;
}
.dir-rtl .section_add_menus {
  text-align: left;
}
.section_add_menus .horizontal div,
.section_add_menus .horizontal form {
  display: inline;
}
.section_add_menus optgroup {
  font-weight: normal;
  font-style: italic;
}
.section_add_menus .urlselect {
  margin-left: .4em;
}
.dir-rtl .section_add_menus .urlselect {
  margin-right: .4em;
  margin-left: 0;
}
.section_add_menus .urlselect select {
  margin-left: .2em;
}
.dir-rtl .section_add_menus .urlselect select {
  margin-right: .2em;
  margin-left: 0;
}
.section_add_menus .urlselect img.iconhelp {
  padding: 0;
  margin: 0;
  vertical-align: text-bottom;
}
.sitetopic ul.section {
  margin: 0;
}
.course-content ul.section {
  margin: 1em;
}
.section .spinner {
  height: 16px;
  width: 16px;
}
.section .activity {
  /* The command block for each activity */
}
.section .activity .spinner {
  left: 100%;
  position: absolute;
  vertical-align: text-bottom;
}
.section .activity .editing_move {
  /* Move the move icon to the start of the line */
  position: absolute;
  left: 0;
  top: 0;
}
.section .activity .mod-indent-outer {
  /**
             * Add appropriate padding such that nothing overlaps the
             * absolute positioned move icon.
             */
  padding-left: 32px;
}
.section .activity .actions {
  position: absolute;
  right: 0;
  top: 0;
}
.section .activity .contentwithoutlink,
.section .activity .activityinstance {
  min-width: 40%;
  display: table-cell;
  padding-right: 4px;
  min-height: 2em;
}
.section .activity .contentwithoutlink .dimmed img.activityicon,
.section .activity .activityinstance .dimmed img.activityicon {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.section .label .contentwithoutlink,
.section .label .activityinstance {
  padding-right: 32px;
  display: block;
  height: inherit;
}
.section .label .mod-indent-outer {
  padding-left: 24px;
  display: block;
}
.section .filler {
  width: 16px;
  height: 16px;
  padding: 0.3em;
  display: inline-block;
}
.section .activity.editor_displayed a.editing_title,
.section .activity.editor_displayed .moodle-actionmenu {
  display: none;
}
.section .activity.editor_displayed div.activityinstance {
  padding-right: initial;
}
.section .activity.editor_displayed div.activityinstance input {
  margin-bottom: initial;
  padding-top: initial;
  padding-bottom: initial;
  vertical-align: text-bottom;
}
.dir-rtl .section .activity {
  /* The command block for each activity */
}
.dir-rtl .section .activity .spinner {
  left: auto;
  right: 100%;
}
.dir-rtl .section .activity .mod-indent-outer {
  /**
             * Add appropriate padding such that nothing overlaps the
             * absolute positioned move icon.
             */
  padding-left: initial;
  padding-right: 32px;
}
.dir-rtl .section .activity .actions {
  left: 0;
  right: auto;
}
.dir-rtl .section .activity .contentwithoutlink,
.dir-rtl .section .activity .activityinstance {
  padding-left: 4px;
  padding-right: initial;
}
.dir-rtl.editing .section .activity .editing_move {
  /* Move the move icon to the start of the line */
  left: auto;
  right: 0;
}
.dir-rtl.editing .section .activity.editor_displayed div.activityinstance {
  padding-left: initial;
}
.activity img.activityicon {
  margin-right: 6px;
  vertical-align: text-bottom;
}
.dir-rtl .section .activity img.activityicon {
  margin-left: 6px;
  margin-right: 0;
}
.section .activity .activityinstance,
.section .activity .activityinstance div {
  display: inline-block;
}
.editing .section .activity .contentwithoutlink,
.editing .section .activity .activityinstance {
  padding-right: 200px;
}
.dir-rtl.editing .section .activity .contentwithoutlink,
.dir-rtl.editing .section .activity .activityinstance {
  padding-left: 200px;
  padding-right: 0;
}
.editing_show + .editing_assign,
.editing_hide + .editing_assign {
  margin-left: 20px;
}
.section .activity .commands {
  white-space: nowrap;
  display: inline;
}
.section .activity.modtype_label.label {
  font-weight: normal;
  padding: .2em;
}
.section li.activity {
  padding: .2em;
  clear: both;
}
.section .activity .activityinstance .groupinglabel {
  padding-left: 30px;
}
.dir-rtl .section .activity .activityinstance .groupinglabel {
  padding-right: 30px;
}
.section .activity .availabilityinfo,
.section .activity .contentafterlink {
  margin-top: 0.5em;
  margin-left: 30px;
}
.dir-rtl .section .activity .availabilityinfo,
.dir-rtl .section .activity .contentafterlink {
  margin-left: 0;
  margin-right: 30px;
}
.section .activity .contentafterlink p {
  margin: .5em 0;
}
.editing .section .activity:hover,
.editing .section .activity.action-menu-shown {
  background-color: #eeeeee;
}
.course-content .current {
  background-color: #d9edf7;
}
.course-content .section-summary {
  border: 1px solid #DDD;
  margin-top: 5px;
  list-style: none;
}
.course-content .section-summary .section-title {
  margin: 2px 5px 10px 5px;
}
.course-content .section-summary .summarytext {
  margin: 2px 5px 2px 5px;
}
.course-content .section-summary .section-summary-activities .activity-count {
  color: #999999;
  font-size: 11.9px;
  margin: 3px;
  white-space: nowrap;
  display: inline-block;
}
.course-content .section-summary .summary {
  margin-top: 5px;
}
.course-content .single-section {
  margin-top: 1em;
}
.course-content .single-section .section-navigation {
  display: block;
  padding: 0.5em;
  margin-bottom: -0.5em;
}
.course-content .single-section .section-navigation .title {
  font-weight: bold;
  font-size: 108%;
  clear: both;
}
.course-content .single-section .section-navigation .mdl-left {
  font-weight: normal;
  float: left;
  margin-right: 1em;
}
.dir-rtl .course-content .single-section .section-navigation .mdl-left {
  float: right;
}
.course-content .single-section .section-navigation .mdl-left .larrow {
  margin-right: 0.1em;
}
.course-content .single-section .section-navigation .mdl-right {
  font-weight: normal;
  float: right;
  margin-left: 1em;
}
.dir-rtl .course-content .single-section .section-navigation .mdl-right {
  float: left;
}
.course-content .single-section .section-navigation .mdl-right .rarrow {
  margin-left: 0.1em;
}
.course-content .single-section .section-navigation .mdl-bottom {
  margin-top: 0;
}
.course-content ul li.section.main {
  border-bottom: 2px solid #dddddd;
  margin-top: 0;
}
.course-content ul li.section.main:last-child {
  border: none;
}
.course-content ul li.section.hidden {
  opacity: 0.5;
}
.course-content ul.topics li.section .content,
.course-content ul.weeks li.section .content {
  margin-right: 20px;
  margin-left: 20px;
  padding: 0;
}
.course-content {
  margin-top: 0;
}
.course-content ul.topics li.section {
  padding-bottom: 20px;
}
.course-content ul.topics li.section .summary {
  margin-left: 25px;
}
.path-course-view .completionprogress {
  margin-left: 25px;
}
.path-course-view .completionprogress {
  display: block;
  float: right;
  height: 20px;
  position: relative;
  z-index: 1000;
}
#page-site-index .subscribelink {
  text-align: right;
}
#site-news-forum h2,
#frontpage-course-list h2,
#frontpage-category-names h2,
#frontpage-category-combo h2 {
  margin-bottom: 9px;
}
.path-course-view a.reduce-sections {
  padding-left: 0.2em;
}
.path-course-view .subscribelink {
  text-align: right;
}
.path-course-view .unread {
  margin-left: 30px;
}
.dir-rtl.path-course-view .unread {
  margin-right: 30px;
}
.path-course-view .block.drag .header {
  cursor: move;
}
.path-course-view .completionprogress {
  text-align: right;
}
.dir-rtl.path-course-view .completionprogress {
  text-align: left;
}
.path-course-view .single-section .completionprogress {
  margin-right: 5px;
}
.path-course-view .section .summary {
  line-height: normal;
}
.path-site li.activity > div,
.path-course-view li.activity > div {
  position: relative;
  padding: 0 16px 0 0;
  /* to accommodate the floated completion icon with highlighting */
}
.dir-rtl.path-site li.activity > div,
.dir-rtl.path-course-view li.activity > div {
  position: relative;
  padding: 0 0 0 16px;
}
.path-course-view li.activity span.autocompletion img {
  vertical-align: text-bottom;
}
.path-course-view li.activity form.togglecompletion img {
  max-width: none;
  /* The width is 0 so ensure we don't end up with a relative max-width */
}
.path-course-view li.activity form.togglecompletion .ajaxworking {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 22px;
  top: 3px;
  background: url('[[pix:i/ajaxloader]]') no-repeat;
}
.dir-rtl.path-course-view .completionprogress {
  float: none;
}
.dir-rtl.path-course-view li.activity form.togglecompletion .ajaxworking {
  right: -22px;
}
li.section.hidden span.commands a.editing_hide,
li.section.hidden span.commands a.editing_show {
  cursor: default;
}
ul.weeks h3.sectionname {
  white-space: nowrap;
}
.editing ul.weeks h3.sectionname {
  white-space: normal;
}
.single-section h3.sectionname {
  text-align: center;
  clear: both;
}
.section img.movetarget {
  height: 16px;
  width: 80px;
}
input.titleeditor {
  width: 330px;
  vertical-align: text-bottom;
}
span.editinstructions {
  position: absolute;
  top: 0;
  margin-top: -22px;
  margin-left: 30px;
  line-height: 16px;
  font-size: 11.9px;
  padding: .1em .4em;
  background-color: #d9edf7;
  color: #3a87ad;
  text-decoration: none;
  z-index: 9999;
  -webkit-box-shadow: 2px 2px 5px 1px #cccccc;
  -moz-box-shadow: 2px 2px 5px 1px #cccccc;
  box-shadow: 2px 2px 5px 1px #cccccc;
  border: 1px solid #bce8f1;
}
/* Course drag and drop upload styles */
#dndupload-status {
  position: fixed;
  left: 0;
  width: 40%;
  margin: 0 30%;
  padding: 6px;
  border: 1px solid #bce8f1;
  text-align: center;
  background: #d9edf7;
  color: #3a87ad;
  z-index: 1;
  -webkit-box-shadow: 2px 2px 5px 1px #cccccc;
  -moz-box-shadow: 2px 2px 5px 1px #cccccc;
  box-shadow: 2px 2px 5px 1px #cccccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.dndupload-preview {
  color: #909090;
  border: 1px dashed #909090;
  list-style: none;
  margin-top: .2em;
  padding: .3em;
}
.dndupload-preview img.icon {
  vertical-align: text-bottom;
  padding: 0;
}
.dndupload-progress-outer {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 20px;
  margin-bottom: 15px;
  background: #f7f7f7;
  /* 1 */
  overflow: hidden;
  /* 2 */
  line-height: 20px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
}
.dndupload-progress-outer .bar {
  width: 0;
  height: 100%;
  background: #009dd8;
  float: left;
  /* 1 */
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  /* 2 */
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.dndupload-progress-inner {
  width: 0;
  height: 100%;
  background: #009dd8;
  float: left;
  /* 1 */
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  /* 2 */
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.dndupload-hidden {
  display: none;
}
/* COURSES LISTINGS AND COURSE SUMMARY */
#page-course-pending .singlebutton,
#page-course-index .singlebutton,
#page-course-index-category .singlebutton,
#page-course-editsection .singlebutton {
  text-align: center;
}
#page-admin-course-manage #movecourses td img {
  margin: 0 .22em;
  vertical-align: text-bottom;
}
#page-admin-course-manage #movecourses td img.icon {
  padding: 0;
}
#coursesearch {
  margin-top: 1em;
  text-align: center;
  float:right;
}
#page-course-pending .pendingcourserequests {
  margin-bottom: 1em;
}
#page-course-pending .pendingcourserequests .singlebutton {
  display: inline;
}
#page-course-pending .pendingcourserequests .cell {
  padding: 0 5px;
}
#page-course-pending .pendingcourserequests .cell.c6 {
  white-space: nowrap;
}
.coursebox {
  margin-bottom: 15px;
  border: 1px dotted #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 6px;
  padding: 10px;
}
.coursebox > .info > .coursename a {
  display: block;
  background-image: url('[[pix:moodle|i/course]]');
  background-repeat: no-repeat;
  padding-left: 21px;
  background-position: left 3px;
}
.dir-rtl .coursebox > .info > .coursename a {
  padding-left: 0;
  padding-right: 21px;
  background-position: right;
}
.coursebox.remotehost > .info > .categoryname a {
  background-image: url('[[pix:moodle|i/mnethost]]');
}
.coursebox .content .teachers,
.coursebox .content .courseimage,
.coursebox .content .coursefile {
  float: left;
  width: 40%;
  clear: left;
}
.dir-rtl .coursebox > .info > .coursename,
.dir-rtl .coursebox .teachers,
.dir-rtl .coursebox .content .courseimage,
.dir-rtl .coursebox .content .coursefile {
  float: right;
  clear: right;
}
.coursebox > .info > h3.coursename {
  margin: 5px;
}
.coursebox > .info > .coursename {
  margin: 5px;
  padding: 0;
}
.coursebox .content .teachers li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.coursebox .coursename {
  float: left;
  width: 80%;
}
.coursebox .enrolmenticons,
.coursebox .moreinfo {
  padding: 3px 0;
  padding-right: 5px;
  float: right;
}
.coursebox .enrolmenticons img,
.coursebox .moreinfo img {
  margin: 0 .2em;

}

.coursebox .content {
  clear: both;
}
.coursebox .content .summary,
.coursebox .content .coursecat {
  float: left;
  width: 55%;
}
.coursebox .content .coursecat {
  text-align: right;
  clear: right;
  display:none;
}
.coursebox.remotecoursebox .remotecourseinfo {
  float: left;
  width: 40%;
}
.coursebox .content .courseimage img {
  max-width: 100px;
  max-height: 100px;
}

.coursebox .content .coursecat,
.coursebox .content .summary,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .teachers,
.coursebox.remotecoursebox .remotecourseinfo {
  margin: 3px 5px;
  padding: 0;
  color: #919191;
  font-size:16px;
  font-family: 'Nunito', sans-serif;
}
.dir-rtl .coursebox > .info > .categoryname a {
  padding-left: 0;
  padding-right: 21px;
  background-position: center right;
}
.dir-rtl .coursebox > .info > .categoryname,
.dir-rtl .coursebox .teachers,
.dir-rtl .coursebox .content .courseimage,
.dir-rtl .coursebox .content .coursefile {
  float: right;
  clear: right;
}
.dir-rtl .coursebox .enrolmenticons,
.dir-rtl .coursebox .moreinfo {
  float: left;
}
.dir-rtl .coursebox .summary,
.dir-rtl .coursebox .coursecat {
  float: left;
}
.dir-rtl .coursebox .coursecat {
  text-align: left;
  clear: left;
}
.coursebox.collapsed {
  margin-bottom: 0;
}
.coursebox.collapsed > .content {
  display: none;
}
.courses {
  border: none;
}
.courses .coursebox.collapsed {
  border: none;
  padding: 5px;
}
.courses .coursebox.even {
  background-color: #FFF;
}
.courses .coursebox.odd {
  background-color: #FFF;
}
.course_category_tree .category {
  margin-top: 20px;
  padding: 5px;
  background: none repeat scroll 0 0 #E5E5E5;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
}
.course_category_tree .category .category {
  border: none;
}
.courses .coursebox:hover,
.course_category_tree .courses > .paging.paging-morelink:hover {
  background-color: #FFF;
}
.course_category_tree .category .numberofcourse {
  font-size: 11.9px;
}
.course_category_tree .controls {
  visibility: hidden;
}
.course_category_tree .controls div {
  display: inline;
  cursor: pointer;
}
.jsenabled .course_category_tree .controls {
  visibility: visible;
}
.course_category_tree .controls {
  margin-bottom: 5px;
  text-align: right;
  float: right;
}
.course_category_tree .controls div {
  padding-right: 2em;
  font-size: 75%;
}
.course_category_tree .category > .info > .categoryname {
  background-image: url('[[pix:moodle|t/collapsed_empty]]');
  background-repeat: no-repeat;
  padding: 2px 18px;
  margin: 3px;
  background-position: center left;
}
.course_category_tree .category > .info > .categoryname a {
  color: #444444;
}
.dir-rtl .course_category_tree .category > .info > .categoryname {
  background-image: url('[[pix:moodle|t/collapsed_empty_rtl]]');
  background-position: center right;
}
.course_category_tree .category.with_children > .info > .categoryname {
  background-image: url('[[pix:moodle|t/expanded]]');
  cursor: pointer;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
  background-image: url('[[pix:moodle|t/collapsed]]');
}
.dir-rtl .course_category_tree .category.with_children.collapsed > .info > .categoryname {
  background-image: url('[[pix:moodle|t/collapsed_rtl]]');
}
.course_category_tree .category.collapsed > .content {
  display: none;
}
.course_category_tree .category > .info {
  border-radius: 4px;
  min-height: 0;
  padding: 0;
  margin: 3px 0;
  margin-bottom: 3px;
  clear: both;
  background: none repeat scroll 0 0 #EEEEEE;
  border-bottom: 1px solid #D6D6D6;
}
.course_category_tree.frontpage-category-names .category > .info {
  background: none;
  border: none;
  margin: 0;
}
.course_category_tree .category > .content {
  padding-left: 16px;
}
.dir-rtl .course_category_tree .category > .content {
  padding-left: 0;
  padding-right: 16px;
}
.course_category_tree .subcategories > .paging,
.courses > .paging {
  margin: 0;
  padding: 5px;
  text-align: center;
}
.courses > .paging.paging-morelink,
.course_category_tree .subcategories > .paging.paging-morelink {
  text-align: left;
}
.course_category_tree .paging.paging-morelink a {
  font-size: 11.9px;
}
.dir-rtl .courses > .paging.paging-morelink,
.dir-rtl .course_category_tree .paging.paging-morelink {
  text-align: right;
}
#page-course-index-category .generalbox.info {
  margin-bottom: 15px;
  border: 1px dotted #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
}
#page-course-index-category .categorypicker {
  text-align: center;
  margin: 10px 0 20px;
}
.section .summary .iconsmall,
.section .activity .iconsmall {
  width: 16px;
  height: 16px;
}
.section .editing_title .iconsmall {
  width: 12px;
  height: 12px;
  margin: 8px 8px 0px 0;
  padding: 4px 8px 0px 0;
  vertical-align: text-bottom;
}
.section .moodle-actionmenu .iconsmall {
  max-width: none !important;
  /** reset sets 100% !important which breaks on IE8 without this !important */
  width: 16px;
  height: 16px;
  padding: 4px;
  vertical-align: text-bottom;
}
.section .moodle-actionmenu[data-enhanced] .menu img {
  width: 12px;
  height: 12px;
}
.dir-rtl .section .editing_title .iconsmall {
  margin: 8px 0 0 8px;
  padding: 4px 0 0 8px;
}
/**
 * Course management page
 * Palette
 *
 * Background (reg)         #F5F5F5
 * Background (light        #fafafa
 * Background (highlight)   #ddffaa
 * Borders                  #e1e1e8
 */
#course-category-listings {
  /** Two column layout */
  /** Three column layout */
}
#course-category-listings .category-listing,
#course-category-listings .course-listing,
#course-category-listings course-detail {
  background-color: #fff;
}
#course-category-listings .uk-icon {
  margin-right: 5px;
}
#course-category-listings.columns-2 > #course-listing > div {
  position: relative;
  left: -1px;
}
#course-category-listings.columns-3 > #course-listing > div {
  height: 100%;
}
#course-category-listings > div > div {
  min-height: 300px;
  border: 1px solid #e1e1e8;
}
#course-category-listings > div > div > ul.ml > li:first-child > div {
  border-top: 0;
}
#course-category-listings h3 {
  margin: 0;
  padding: 0.4rem 0.6rem 0.3rem;
  background-color: #F5F5F5;
  border-bottom: 1px solid #e1e1e8;
}
#course-category-listings h4 {
  margin: 1rem 0 0;
  padding: 0.6rem 1rem 0.5rem;
}
#course-category-listings .moodle-actionmenu {
  white-space: nowrap;
}
#course-category-listings .moodle-actionmenu[data-enhance] .toggle-display img {
  width: auto;
}
#course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
  padding-right: 4px;
}
#course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
  margin-top: 12px;
}
#course-category-listings .listing-actions {
  text-align: center;
  padding: 0.4rem 0.3rem 0.3rem;
  line-height: 2.2em;
}
#course-category-listings .listing-actions > .moodle-actionmenu {
  display: inline-block;
}
#course-category-listings .listing-actions > .moodle-actionmenu .menu a {
  padding-left: 1rem;
}
#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) li {
  line-height: normal;
}
#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a {
  color: inherit;
  display: inline-block;
}
#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a > img {
  display: none;
}
#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a .caret {
  display: none;
}
#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menu .menu-action-text {
  display: inline-block;
}
#course-category-listings ul.ml {
  list-style: none;
  margin: 1rem 0;
}
#course-category-listings ul.ml ul.ml {
  margin: 0;
}
#course-category-listings li {
  line-height: 2.2em;
}
#course-category-listings li > div:hover {
  background-color: #fafafa;
}
#course-category-listings li .tree-icon {
  margin: 2px 6px 0 0;
  width: 12px;
  vertical-align: inherit;
}
#course-category-listings li[data-selected='1'] > div {
  background-color: #FFFFD8;
  border-top-color: #e1e1e8;
  border-bottom-color: #F5F5F5;
}
#course-category-listings li[data-selected='1'] li:first-of-type > div,
#course-category-listings li[data-selected='1'][data-expandable='0'] + li > div {
  border-top-color: #e1e1e8;
}
#course-category-listings li[data-selected='1']:last-of-type > div {
  border-bottom-color: #e1e1e8;
}
#course-category-listings li .tree-icon {
  margin-left: 0;
}
#course-category-listings li li .tree-icon {
  margin-left: 1em;
}
#course-category-listings li li li .tree-icon {
  margin-left: 2em;
}
#course-category-listings li li li li .tree-icon {
  margin-left: 3em;
}
#course-category-listings li li li li li .tree-icon {
  margin-left: 4em;
}
#course-category-listings li li li li li li .tree-icon {
  margin-left: 4.5em;
}
#course-category-listings li li li li li li li .tree-icon {
  margin-left: 5em;
}
#course-category-listings li li li li li li li li .tree-icon {
  margin-left: 5.5em;
}
#course-category-listings li + li > div,
#course-category-listings li:first-child > div {
  border-top-color: #F5F5F5;
}
#course-category-listings .item-actions {
  margin-right: 1em;
  display: inline-block;
  display: initial;
}
#course-category-listings .item-actions img {
  margin: 0 4px;
  height: 12px;
  padding: 0;
  vertical-align: inherit;
}
#course-category-listings .item-actions.show .menu a {
  padding: 4px 1em 4px 4px;
}
#course-category-listings .item-actions.show .menu img {
  width: 12px;
  max-width: none;
}
#course-category-listings .item-actions .menu-action-text {
  vertical-align: inherit;
}
#course-category-listings .listitem > div > .float-left {
  float: left;
}
#course-category-listings .listitem > div > .float-right {
  float: right;
  text-align: right;
}
#course-category-listings .listitem > div .item-actions .action-show {
  display: none;
}
#course-category-listings .listitem > div .item-actions .action-hide {
  display: inline;
}
#course-category-listings .listitem > div .without-actions {
  color: #333;
}
#course-category-listings .listitem > div .idnumber {
  color: #a1a1a8;
  margin-right: 2em;
}
#course-category-listings .listitem[data-visible="0"] {
  color: #999999;
}
#course-category-listings .listitem[data-visible="0"] > div > a {
  color: #999999;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
  display: inline;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
  display: none;
}
#course-category-listings .listitem.highlight {
  background-color: transparent;
}
#course-category-listings .listitem.highlight > div,
#course-category-listings .listitem.highlight > div:hover,
#course-category-listings .listitem.highlight[data-selected='1'] > div {
  background-color: #ddffaa;
}
#course-category-listings #course-listing .listitem .categoryname {
  display: inline-block;
  margin-left: 1em;
  color: #a1a1a8;
}
#course-category-listings #course-listing .listitem .coursename {
  display: inline-block;
}
#course-category-listings #course-listing .listitem > div {
  padding-left: 1rem;
}
#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
#course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}
#course-category-listings #course-listing .bulk-action-checkbox {
  margin: -2px 6px 0 0;
}
#course-category-listings #category-listing .listitem.collapsed > ul.ml {
  display: none;
}
#course-category-listings #category-listing .listitem > div > .ba-checkbox {
  width: 2.2em;
  text-align: center;
  margin: -1px 0.5em 0 0;
  padding-top: 2px;
}
#course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
  background-color: #ddffaa;
}
#course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
  margin: 0 0.5em 0 0;
  padding: 0;
  background-color: inherit;
}
#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
#course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}
#course-category-listings #category-listing .course-count {
  color: #a1a1a8;
  margin-right: 2rem;
  min-width: 3.5em;
  display: inline-block;
}
#course-category-listings #category-listing .course-count .smallicon {
  width: 12px;
  margin-left: 4px;
  vertical-align: inherit;
}
#course-category-listings #category-listing .bulk-action-checkbox {
  margin-right: -3px;
}
#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
  position: relative;
}
#course-category-listings #category-listing .category-bulk-actions {
  margin: 0 0.5em 0.5em;
  position: relative;
}
#course-category-listings .detail-pair {
  border-bottom: 1px solid #e1e1e8;
  margin: 0 1rem;
}
#course-category-listings .detail-pair > * {
  display: inline-block;
}
#course-category-listings .detail-pair .pair-key {
  font-weight: bold;
  vertical-align: top;
}
#course-category-listings .detail-pair .pair-key span {
  margin-right: 1rem;
  display: block;
}
#course-category-listings .detail-pair .pair-value select {
  max-width: 100%;
}
#course-category-listings .bulk-actions .detail-pair > * {
  display: block;
  width: 100%;
}
#course-category-listings .listing-pagination {
  text-align: center;
}
#course-category-listings .listing-pagination .yui3-button {
  background-color: #FFF;
  border: 0;
  margin: 0.4rem 0.2rem 0.45rem;
  font-size: 10.4px;
}
#course-category-listings .listing-pagination .yui3-button.active-page {
  background-color: #E5EFFD;
}
#course-category-listings .listing-pagination-totals {
  text-align: center;
}
#course-category-listings .listing-pagination-totals.dimmed {
  color: #999999;
  margin: 0.4rem 1rem 0.45rem;
}
#course-category-listings .select-a-category .notifymessage,
#course-category-listings .select-a-category .alert {
  margin: 1em;
}
#course-category-listings #course-listing .listitem .drag-handle {
  display: none;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
  display: inline-block;
  margin: 0 6px 0 0;
  cursor: pointer;
}
.dir-rtl #course-category-listings #category-listing,
.dir-rtl #course-category-listings #course-listing {
  float: right;
  margin-left: 0;
}
.dir-rtl #course-category-listings .listitem > div > .float-left {
  float: right;
}
.dir-rtl #course-category-listings .listitem > div > .float-right {
  float: left;
  text-align: left;
}
.dir-rtl #course-category-listings li .tree-icon {
  margin: 2px 0 0 6px;
}
.dir-rtl #course-category-listings li .tree-icon {
  margin-right: 0;
}
.dir-rtl #course-category-listings li li .tree-icon {
  margin-right: 1em;
}
.dir-rtl #course-category-listings li li li .tree-icon {
  margin-right: 2em;
}
.dir-rtl #course-category-listings li li li li .tree-icon {
  margin-right: 3em;
}
.dir-rtl #course-category-listings li li li li li .tree-icon {
  margin-right: 4em;
}
.dir-rtl #course-category-listings li li li li li li .tree-icon {
  margin-right: 4.5em;
}
.dir-rtl #course-category-listings li li li li li li li .tree-icon {
  margin-right: 5em;
}
.dir-rtl #course-category-listings li li li li li li li li .tree-icon {
  margin-right: 5.5em;
}
.dir-rtl #course-category-listings #category-listing .listitem > div {
  margin-right: 0.5em;
  margin-left: 0;
}
.dir-rtl #course-category-listings #category-listing .listitem > div > .ba-checkbox {
  margin: -1px 0 0 0.5em;
}
.dir-rtl #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
  margin: 0 0 0 0.5em;
}
.dir-rtl #course-category-listings #category-listing .course-count {
  margin-left: 2rem;
}
.dir-rtl #course-category-listings #category-listing .bulk-action-checkbox {
  margin-left: -3px;
  margin-right: 0;
}
.dir-rtl #course-category-listings #course-listing {
  padding-right: 24px;
}
.dir-rtl #course-category-listings #course-listing .listitem .idnumber {
  color: #a1a1a8;
  padding-right: 2em;
}
.dir-rtl #course-category-listings #course-listing .listitem .categoryname {
  display: inline-block;
  margin-right: 1em;
  margin-left: 0;
}
.dir-rtl #course-category-listings #course-listing .listitem .drag-handle {
  margin: 0 6px 0 6px;
}
.dir-rtl #course-category-listings #course-listing .listitem > div {
  padding-left: 1rem;
}
.dir-rtl #course-category-listings #course-listing .bulk-action-checkbox {
  vertical-align: middle;
  margin: -2px 0 0 6px;
}
.dir-rtl #course-category-listings .detail-pair > * {
  float: right;
  margin-right: 0;
}
.dir-rtl #course-category-listings .detail-pair .pair-key span {
  margin-right: 0;
  margin-left: 0;
}
.dir-rtl #course-category-listings .detail-pair .pair-value {
  margin-right: 0.5em;
}
/** Management header styling **/
.coursecat-management-header {
  vertical-align: middle;
}
.coursecat-management-header h2 {
  display: inline-block;
  text-align: left;
}
.coursecat-management-header > div {
  display: inline-block;
  float: right;
  line-height: 40px;
}
.coursecat-management-header > div > div {
  margin-left: 1em;
  margin: 10px 0;
  display: inline-block;
}
.coursecat-management-header select {
  max-width: 300px;
  cursor: pointer;
  padding: 0.4em 0.5em 0.45em 1em;
  vertical-align: baseline;
  white-space: nowrap;
}
.coursecat-management-header .view-mode-selector .moodle-actionmenu {
  white-space: nowrap;
  display: inline-block;
}
.coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
  padding-left: 1em;
}
.dir-rtl .coursecat-management-header h2 {
  text-align: right;
}
.dir-rtl .coursecat-management-header > div {
  float: left;
  margin-right: 1em;
  margin-left: 0;
}
.course-being-dragged-proxy {
  border: 0;
  color: #0077dd;
  vertical-align: middle;
  padding: 0 0 0 4em;
}
.course-being-dragged {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/**
 * Use full width in course-category listings when display width less than large
 */
@media (max-width: 959px) {
  #course-category-listings [class*='grid-col'],
  #course-category-listings [class*='span'] {
    width: 100%;
  }
  #course-category-listings #course-listing {
    margin-top: 10px;
  }
}
/*
 * These are styles for the file manager in Moodle 2.6+
 * I really don't want to maintain already two different theme branches...
 */
body.moodle26plus .filemanager,
body.moodle26plus .filepicker,
body.moodle26plus .file-picker {
  font-size: 11px;
}
body.moodle26plus .filemanager a,
body.moodle26plus .file-picker a,
body.moodle26plus .filemanager a:hover,
body.moodle26plus .file-picker a:hover {
  color: #555555;
  text-decoration: none;
}
body.moodle26plus .filemanager input[type="text"],
body.moodle26plus .file-picker input[type="text"] {
  width: 265px;
}
body.moodle26plus .filemanager .fp-license td,
body.moodle26plus .file-picker .fp-setlicense td {
  max-width: 265px;
}
body.moodle26plus .filemanager .fp-license select,
body.moodle26plus .file-picker .fp-setlicense select {
  max-width: 100%;
}
body.moodle26plus .fp-content-center {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
body.moodle26plus .fp-content-hidden {
  visibility: hidden;
}
body.moodle26plus .yui3-panel-focused {
  outline: none;
}
body.moodle26plus #filesskin .yui3-panel-content {
  padding-bottom: 20px;
  background: #F2F2F2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #fff;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  -webkit-box-shadow: 5px 5px 20px 0 #666666;
  -moz-box-shadow: 5px 5px 20px 0 #666666;
  box-shadow: 5px 5px 20px 0 #666666;
}
body.moodle26plus #filesskin .yui3-widget-hd {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #BBBBBB;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  color: #333;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #fff;
  filter: dropshadow(color=#ffffff, offx=1, offy=1);
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
}
body.moodle26plus .fp-panel-button {
  background: #fff;
  padding: 3px 20px 2px 20px;
  text-align: center;
  margin: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  -webkit-box-shadow: 2px 2px 3px 0.1px #999999;
  -moz-box-shadow: 2px 2px 3px 0.1px #999999;
  box-shadow: 2px 2px 3px 0.1px #999999;
}
body.moodle26plus .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
  padding: 0px;
}
body.moodle26plus #filesskin .file-picker.fp-generallayout {
  width: 859px;
  background: #FFFFFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #CCCCCC;
  position: relative;
}
body.moodle26plus .file-picker .fp-repo-area {
  width: 180px;
  overflow: auto;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  float: left;
  height: 525px;
  border-right: 1px solid #BBBBBB;
}
body.moodle26plus .dir-rtl .file-picker .fp-repo-area {
  border-left: 1px solid #BBBBBB;
  border-right: none;
  float: right;
}
body.moodle26plus .file-picker .fp-repo-items {
  float: none;
  width: auto;
  margin-left: 181px;
}
body.moodle26plus .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
  margin-left: 0px;
  margin-right: 0px;
  float: left;
}
body.moodle26plus .dir-rtl .file-picker .fp-repo-items {
  margin-left: 0px;
  margin-right: 181px;
}
body.moodle26plus .dir-rtl .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
  margin-left: 0px;
  margin-right: 0px;
  float: right;
}
body.moodle26plus .file-picker .fp-navbar {
  background: #F2F2F2;
  border-bottom: 1px solid #BBBBBB;
  min-height: 40px;
  overflow: hidden;
}
body.moodle26plus .file-picker .fp-navbar .fp-viewbar {
  margin: 4px;
}
body.moodle26plus .file-picker .fp-content {
  background: #FFFFFF;
  clear: none;
  overflow: auto;
  height: 452px;
}
body.moodle26plus .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
  width: 100%;
}
body.moodle26plus .file-picker .fp-content-loading {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
body.moodle26plus .file-picker .fp-content .fp-object-container {
  width: 98%;
  height: 98%;
}
body.moodle26plus .dir-rtl .file-picker .fp-list {
  text-align: right;
}
body.moodle26plus .dir-rtl .file-picker .fp-toolbar {
  padding: 4px;
}
body.moodle26plus .dir-rtl .file-picker .fp-list {
  text-align: right;
}
body.moodle26plus .dir-rtl .file-picker .fp-repo-name {
  display: inline;
}
body.moodle26plus .dir-rtl .file-picker .fp-pathbar {
  text-align: right;
  display: block;
  border-top: none;
}
body.moodle26plus .dir-rtl .file-picker div.bd {
  text-align: right;
}
body.moodle26plus .dir-rtl #filemenu .yuimenuitemlabel {
  text-align: right;
}
body.moodle26plus .dir-rtl .filepicker .yui-layout-unit-left {
  left: 500px;
}
body.moodle26plus .dir-rtl .filepicker .yui-layout-unit-center {
  left: 0;
}
body.moodle26plus .dir-rtl .filemanager-toolbar a {
  padding: 0;
}
body.moodle26plus .file-picker .fp-list {
  list-style-type: none;
  padding: 0;
  float: left;
  width: 100%;
  margin: 0;
}
body.moodle26plus .dir-rtl .file-picker .fp-list {
  text-align: right;
  float: left;
}
body.moodle26plus .file-picker .fp-list .fp-repo a {
  display: block;
  padding: .5em .7em;
}
body.moodle26plus .file-picker .fp-list .fp-repo.active {
  background: #F2F2F2;
}
body.moodle26plus .file-picker .fp-list .fp-repo-icon {
  padding: 0 7px 0 5px;
  width: 16px;
  height: 16px;
}
body.moodle26plus .fp-toolbar {
  float: left;
}
body.moodle26plus .dir-rtl .fp-toolbar {
  float: right;
}
body.moodle26plus .fp-toolbar.empty {
  display: none;
}
body.moodle26plus .dir-rtl .fp-toolbar div.disabled,
body.moodle26plus .fp-toolbar .disabled {
  display: none;
}
body.moodle26plus .fp-toolbar div {
  display: block;
  float: left;
  margin-right: 4px;
}
body.moodle26plus .dir-rtl .fp-toolbar div {
  display: block;
  float: right;
  margin-left: 4px;
  margin-right: 0px;
}
body.moodle26plus .fp-toolbar img {
  vertical-align: -15%;
  margin-right: 5px;
}
body.moodle26plus .fp-toolbar .fp-tb-search {
  width: 235px;
  height: 27px;
}
body.moodle26plus .fp-toolbar .fp-tb-search input {
  background: #ffffff url('[[pix:a/search]]') no-repeat 7px 7px;
  padding: 2px 6px 1px 27px;
  width: 200px;
  height: 27px;
  border: 1px solid #BBBBBB;
}
body.moodle26plus .fp-viewbar {
  float: right;
  height: 30px;
  border: 1px solid #CCC;
  border-bottom: 1px solid #B3B3B3;
  border-radius: 4px;
  background: white;
}
body.moodle26plus .fp-repo-items fp-viewbar {
  margin: 4px;
}
body.moodle26plus .dir-rtl .fp-toolbar img {
  vertical-align: -35%;
}
body.moodle26plus .dir-rtl .fp-viewbar {
  float: left;
}
body.moodle26plus .fp-viewbar a {
  width: 30px;
  height: 30px;
  border-right: 1px solid #CCC;
  display: block;
  float: left;
}
body.moodle26plus .fp-viewbar a.checked:hover,
body.moodle26plus .fp-viewbar a:hover {
  background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
  background-color: #ebebeb;
}
body.moodle26plus .fp-viewbar a.checked,
body.moodle26plus .fp-viewbar a:active {
  background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
  background-color: #dfdfdf;
}
body.moodle26plus .fp-viewbar a.fp-vb-icons {
  border-radius: 4px 0 0 4px;
}
body.moodle26plus .fp-viewbar a.fp-vb-tree {
  border-right: 0;
  border-radius: 0 4px 4px 0;
}
body.moodle26plus .fp-viewbar a img {
  margin: 7px;
}
body.moodle26plus .fp-viewbar.disabled a {
  opacity: .45;
  background: none;
  cursor: default;
}
body.moodle26plus .file-picker .fp-clear-left {
  clear: left;
}
body.moodle26plus .dir-rtl .filemanager-toolbar .fp-vb-icons a:hover {
  background: url('[[pix:theme|fp/view_icon_selected]]');
}
body.moodle26plus .dir-rtl .filemanager-toolbar .fp-vb-icons.checked a:hover {
  background: url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;
}
body.moodle26plus .dir-rtl .fp-vb-details a:hover {
  background: none;
  border: 20px solid black;
}
body.moodle26plus .dir-rtl .fp-vb-details.checked a:hover {
  background: none;
  border: 40px solid black;
}
body.moodle26plus .dir-rtl .fp-vb-tree a:hover {
  background: none;
  border: 30px solid black;
}
body.moodle26plus .dir-rtl .fp-vb-tree.checked a:hover {
  background: none;
  border: 50px solid black;
}
body.moodle26plus .file-picker .fp-pathbar {
  display: table-row;
}
body.moodle26plus .fp-pathbar.empty {
  display: none;
}
body.moodle26plus .fp-pathbar .fp-path-folder {
  background: url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;
  width: 27px;
  height: 12px;
  margin-left: 4px;
}
body.moodle26plus .dir-rtl .fp-pathbar .fp-path-folder {
  background: url('[[pix:theme|fp/path_folder_rtl]]') no-repeat right top;
  width: auto;
  height: 12px;
  margin-left: 4px;
}
body.moodle26plus .dir-rtl .fp-pathbar span {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  float: right;
  margin-left: 32px;
}
body.moodle26plus .fp-pathbar .fp-path-folder-name {
  margin-left: 32px;
  line-height: 20px;
}
body.moodle26plus .dir-rtl .fp-pathbar .fp-path-folder-name {
  margin-right: 32px;
  line-height: 20px;
}
body.moodle26plus .fp-iconview .fp-file {
  float: left;
  text-align: center;
  position: relative;
  margin: 10px 10px 35px;
}
body.moodle26plus .fp-iconview .fp-thumbnail {
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  border: 1px solid #FFFFFF;
  display: block;
}
body.moodle26plus .fp-iconview .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
  -webkit-box-shadow: 1px 1px 2px 0 #cccccc;
  -moz-box-shadow: 1px 1px 2px 0 #cccccc;
  box-shadow: 1px 1px 2px 0 #cccccc;
}
body.moodle26plus .fp-iconview .fp-thumbnail:hover {
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 0 10px 0px #cccccc;
  -moz-box-shadow: inset 0 0 10px 0px #cccccc;
  box-shadow: inset 0 0 10px 0px #cccccc;
}
body.moodle26plus .fp-iconview .fp-filename-field {
  height: 33px;
  word-wrap: break-word;
  overflow: hidden;
  position: absolute;
}
body.moodle26plus .fp-iconview .fp-filename-field:hover {
  overflow: visible;
  z-index: 1000;
}
body.moodle26plus .fp-iconview .fp-filename-field .fp-filename {
  background: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 12px;
  min-width: 112px;
}
body.moodle26plus .dir-rtl .fp-iconview .fp-file {
  float: right;
}
body.moodle26plus .file-picker .yui3-datatable table {
  border: 0 solid #BBBBBB;
  width: 100%;
}
body.moodle26plus #filesskin .file-picker .yui3-datatable-header {
  background: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  border-left: 0 solid #FFFFFF;
  color: #555555;
}
body.moodle26plus #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #F6F6F6;
  border-left: 0 solid #F6F6F6;
}
body.moodle26plus #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
  background-color: #FFFFFF;
  border-left: 0 solid #FFFFFF;
}
body.moodle26plus .dir-rtl .file-picker .yui3-datatable-header {
  text-align: right;
}
body.moodle26plus .file-picker .ygtvtn,
body.moodle26plus .filemanager .ygtvtn {
  background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
  width: 17px;
  height: 22px;
}
body.moodle26plus .dir-rtl .filemanager .ygtvtn,
body.moodle26plus .dir-rtl .file-picker .ygtvtn {
  background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
  width: 17px;
  height: 22px;
}
body.moodle26plus .file-picker .ygtvtm,
body.moodle26plus .filemanager .ygtvtm {
  background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26plus .file-picker .ygtvtmh,
body.moodle26plus .filemanager .ygtvtmh {
  background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;

}
body.moodle26plus .file-picker .ygtvtp,
body.moodle26plus .filemanager .ygtvtp {
  background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26plus .dir-rtl .file-picker .ygtvtp,
body.moodle26plus .dir-rtl .filemanager .ygtvtp {
  background: url('[[pix:moodle|y/tp_rtl]]') 0 10px no-repeat;
}
body.moodle26plus .file-picker .ygtvtph,
body.moodle26plus .filemanager .ygtvtph {
  background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
  width: 13px;
  height: 22px;
  cursor: pointer;
}
body.moodle26plus .dir-rtl .file-picker .ygtvtph,
body.moodle26plus .dir-rtl .filemanager .ygtvtph {
  background: url('[[pix:moodle|y/tp_rtl]]') 0 10px no-repeat;
}
body.moodle26plus .file-picker .ygtvln,
body.moodle26plus .filemanager .ygtvln {
  background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
  width: 17px;
  height: 22px;
}
body.moodle26plus .dir-rtl .file-picker .ygtvln,
body.moodle26plus .dir-rtl .filemanager .ygtvln {
  background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
}
body.moodle26plus .file-picker .ygtvlm,
body.moodle26plus .filemanager .ygtvlm {
  background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26plus .file-picker .ygtvlmh,
body.moodle26plus .filemanager .ygtvlmh {
  background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26plus .file-picker .ygtvlp,
body.moodle26plus .filemanager .ygtvlp {
  background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26plus .dir-rtl .file-picker .ygtvlp,
body.moodle26plus .dir-rtl .filemanager .ygtvlp {
  background: url('[[pix:moodle|y/lp_rtl]]') 0 10px no-repeat;
}
body.moodle26plus .file-picker .ygtvlph,
body.moodle26plus .filemanager .ygtvlph {
  background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26plus .dir-rtl .file-picker .ygtvlph,
body.moodle26plus .dir-rtl .filemanager .ygtvlph {
  background: url('[[pix:moodle|y/lp_rtl]]') 0 10px no-repeat;
}
body.moodle26plus .file-picker .ygtvloading,
body.moodle26plus .filemanager .ygtvloading {
  background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
  width: 16px;
  height: 22px;
}
body.moodle26plus .file-picker .ygtvdepthcell,
body.moodle26plus .filemanager .ygtvdepthcell {
  background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
  width: 17px;
  height: 32px;
}
body.moodle26plus .file-picker .ygtvblankdepthcell,
body.moodle26plus .filemanager .ygtvblankdepthcell {
  width: 17px;
  height: 22px;
}
body.moodle26plus a.ygtvspacer:hover {
  color: transparent;
  text-decoration: none;
}
body.moodle26plus .ygtvlabel,
body.moodle26plus .ygtvlabel:link,
body.moodle26plus .ygtvlabel:visited,
body.moodle26plus .ygtvlabel:hover {
  background-color: transparent;
  cursor: pointer;
  margin-left: 2px;
  text-decoration: none;
}
body.moodle26plus .file-picker .ygtvfocus,
body.moodle26plus .filemanager .ygtvfocus {
  background-color: #EEEEEE;
}
body.moodle26plus .fp-filename-icon {
  margin-top: 10px;
  display: block;
  position: relative;
}
body.moodle26plus .fp-icon {
  float: left;
  margin-top: -7px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  text-align: center;
  line-height: 24px;
}
body.moodle26plus .dir-rtl .fp-icon {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
body.moodle26plus .fp-icon img {
  max-height: 24px;
  max-width: 24px;
  vertical-align: middle;
}
body.moodle26plus .fp-filename {
  padding-right: 10px;
}
body.moodle26plus .dir-rtl .fp-filename {
  padding-left: 10px;
  padding-right: 0;
}
body.moodle26plus .file-picker .fp-login-form {
  height: 100%;
  width: 100%;
  display: table;
}
body.moodle26plus .file-picker .fp-login-form table {
  margin: 0 auto;
}
body.moodle26plus .file-picker .fp-login-form p {
  text-align: center;
  margin-top: 3em;
}
body.moodle26plus .file-picker .fp-login-form .fp-login-input label {
  display: block;
}
body.moodle26plus .file-picker .fp-login-form .fp-login-input .input {
  text-align: left;
}
body.moodle26plus .file-picker .fp-login-form input[type="checkbox"] {
  width: 15px;
  height: 15px;
}
body.moodle26plus .file-picker .fp-upload-form {
  height: 100%;
  width: 100%;
  display: table;
}
body.moodle26plus .file-picker .fp-upload-form table {
  margin: 0 auto;
}
body.moodle26plus .file-picker.fp-dlg {
  text-align: center;
}
body.moodle26plus .file-picker.fp-dlg .fp-dlg-text {
  padding: 30px 20px 10px;
  font-size: 12px;
}
body.moodle26plus .file-picker.fp-dlg .fp-dlg-buttons {
  margin: 0 20px;
}
body.moodle26plus .file-picker.fp-msg {
  text-align: center;
}
body.moodle26plus .file-picker.fp-msg .fp-msg-text {
  padding: 40px 20px 10px 20px;
  min-width: 200px;
  max-width: 500px;
  max-height: 300px;
  overflow: auto;
  font-size: 12px;
}
body.moodle26plus .file-picker.fp-msg.fp-msg-error .fp-msg-text {
  padding: 40px 20px 10px 20px;
  font-size: 12px;
}
body.moodle26plus .file-picker .fp-content-error {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
body.moodle26plus .file-picker .fp-content-error .fp-error {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 40px 20px 10px 20px;
  font-size: 12px;
}
body.moodle26plus .file-picker .fp-nextpage {
  clear: both;
}
body.moodle26plus .file-picker .fp-nextpage .fp-nextpage-loading {
  display: none;
}
body.moodle26plus .file-picker .fp-nextpage.loading .fp-nextpage-link {
  display: none;
}
body.moodle26plus .file-picker .fp-nextpage.loading .fp-nextpage-loading {
  display: block;
  text-align: center;
  height: 100px;
  padding-top: 50px;
}
body.moodle26plus .fp-select form {
  padding: 20px 20px 0;
}
body.moodle26plus .fp-select .fp-select-loading {
  text-align: center;
  margin-top: 20px;
}
body.moodle26plus .fp-select .fp-hr {
  clear: both;
  height: 1px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #BBBBBB;
  width: auto;
  margin: 10px 0;
}
body.moodle26plus .fp-select table {
  padding: 0 0 10px;
}
body.moodle26plus .fp-select table .mdl-right {
  min-width: 84px;
}
body.moodle26plus .fp-select .fp-reflist .mdl-right {
  vertical-align: top;
}
body.moodle26plus .fp-select .fp-select-buttons {
  float: right;
}
body.moodle26plus .fp-select .fp-info {
  display: block;
  clear: both;
  padding: 1px 20px 0;
}
body.moodle26plus .fp-select .fp-thumbnail {
  float: left;
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  margin: 10px 20px 0 0;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 0 10px 0 #cccccc;
  -moz-box-shadow: inset 0 0 10px 0 #cccccc;
  box-shadow: inset 0 0 10px 0 #cccccc;
}
body.moodle26plus .fp-select .fp-thumbnail img {
  border: 1px solid #DDDDDD;
  padding: 3px;
  vertical-align: middle;
  margin: 10px;
}
body.moodle26plus .fp-select .fp-fileinfo {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-top: 10px;
}
body.moodle26plus .file-picker.fp-select .fp-fileinfo {
  max-width: 240px;
}
body.moodle26plus .fp-select .fp-fileinfo div {
  padding-bottom: 5px;
}
body.moodle26plus .file-picker.fp-select .uneditable {
  display: none;
}
body.moodle26plus .file-picker.fp-select .fp-select-loading {
  display: none;
}
body.moodle26plus .file-picker.fp-select.loading .fp-select-loading {
  display: block;
}
body.moodle26plus .file-picker.fp-select.loading form {
  display: none;
}
body.moodle26plus .fp-select .fp-dimensions.fp-unknown {
  display: none;
}
body.moodle26plus .filemanager-loading {
  display: none;
}
body.moodle26plus .jsenabled .filemanager-loading {
  display: block;
  margin-top: 100px;
}
body.moodle26plus .filemanager.fm-loading .filemanager-toolbar,
body.moodle26plus .filemanager.fm-loading .fp-pathbar,
body.moodle26plus .filemanager.fm-loading .filemanager-container,
body.moodle26plus .filemanager.fm-loaded .filemanager-loading,
body.moodle26plus .filemanager.fm-maxfiles .fp-btn-add,
body.moodle26plus .filemanager.fm-maxfiles .dndupload-message,
body.moodle26plus .filemanager.fm-noitems .fp-btn-download,
body.moodle26plus .filemanager .fm-empty-container,
body.moodle26plus .filemanager.fm-noitems .filemanager-container .fp-content {
  display: none;
}
body.moodle26plus .filemanager .fp-img-downloading {
  display: none;
  padding-top: 7px;
}
body.moodle26plus .filemanager .filemanager-updating {
  display: none;
  text-align: center;
}
body.moodle26plus .filemanager.fm-updating .filemanager-updating {
  display: block;
  margin-top: 37px;
}
body.moodle26plus .filemanager.fm-updating .fm-content-wrapper,
body.moodle26plus .filemanager.fm-nomkdir .fp-btn-mkdir,
body.moodle26plus .fitem.disabled .filemanager .filemanager-toolbar,
body.moodle26plus .fitem.disabled .filemanager .fp-pathbar,
body.moodle26plus .fitem.disabled .filemanager .fp-restrictions,
body.moodle26plus .fitem.disabled .filemanager .fm-content-wrapper {
  display: none;
}
body.moodle26plus .filemanager .fp-restrictions {
  text-align: right;
}
body.moodle26plus .filemanager .fp-navbar {
  background: #F2F2F2;
  border: 1px solid #BBBBBB;
  border-bottom: none;
}
body.moodle26plus .filemanager-toolbar {
  padding: 4px;
  overflow: hidden;
}
body.moodle26plus .fp-pathbar {
  border-top: 1px solid #BBBBBB;
  padding: 5px 8px 1px;
  min-height: 20px;
}
body.moodle26plus .file-picker .fp-toolbar {
  padding: 4px;
}
body.moodle26plus .fp-toolbar .fp-btn-add,
body.moodle26plus .fp-toolbar .fp-btn-download,
body.moodle26plus .fp-toolbar .fp-btn-mkdir,
body.moodle26plus .fp-toolbar .fp-tb-help,
body.moodle26plus .fp-toolbar .fp-tb-manage,
body.moodle26plus .fp-toolbar .fp-tb-logout,
body.moodle26plus .fp-toolbar .fp-tb-refresh {
  border: 1px solid #CCC;
  border-bottom: 1px solid #B3B3B3;
  border-radius: 4px;
  background: white;
  width: 30px;
  height: 30px;
}
body.moodle26plus .fp-toolbar a:hover {
  background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
  background-color: #ebebeb;
}
body.moodle26plus .fp-toolbar a:active {
  background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
  background-color: #dfdfdf;
}
body.moodle26plus .fp-btn-add a,
body.moodle26plus .fp-btn-download a,
body.moodle26plus .fp-btn-mkdir a,
body.moodle26plus .fp-tb-help a,
body.moodle26plus .fp-tb-manage a,
body.moodle26plus .fp-tb-logout a,
body.moodle26plus .fp-tb-refresh a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}
body.moodle26plus .fp-btn-add img,
body.moodle26plus .fp-btn-download img,
body.moodle26plus .fp-btn-mkdir img,
body.moodle26plus .fp-tb-help img,
body.moodle26plus .fp-tb-manage img,
body.moodle26plus .fp-tb-logout img,
body.moodle26plus .fp-tb-refresh img {
  margin: 7px;
}
body.moodle26plus .filemanager .fp-pathbar.empty {
  display: none;
}
body.moodle26plus .filepicker-filelist,
body.moodle26plus .filemanager-container {
  background: #FFFFFF;
  clear: both;
  overflow: auto;
  border: 1px solid #BBBBBB;
  min-height: 140px;
  position: relative;
}
body.moodle26plus .filemanager .fp-content {
  overflow: auto;
  max-height: 472px;
  min-height: 157px;
}
body.moodle26plus .filemanager-container,
body.moodle26plus .filepicker-filelist {
  overflow: hidden;
}
body.moodle26plus .fitem.disabled .filepicker-filelist,
body.moodle26plus .fitem.disabled .filemanager-container {
  background-color: #EBEBE4;
}
body.moodle26plus .fitem.disabled .fp-btn-choose {
  color: #999999;
}
body.moodle26plus .fitem.disabled .filepicker-filelist .filepicker-filename {
  display: none;
}
body.moodle26plus .fp-iconview .fp-reficons1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
body.moodle26plus .fp-iconview .fp-reficons2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
body.moodle26plus .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
  background: url('[[pix:theme|fp/link]]') no-repeat;
  background-position: bottom right;
}
body.moodle26plus .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
  background: url('[[pix:theme|fp/alias]]') no-repeat;
  background-position: bottom left;
}
body.moodle26plus .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
  display: none;
}
body.moodle26plus .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
  background: url([[pix:s/dead]]) no-repeat;
  background-position: center center;
}
body.moodle26plus .filemanager .yui3-datatable table {
  border: 0 solid #BBBBBB;
  width: 100%;
}
body.moodle26plus .filemanager .yui3-datatable-header {
  background: #FFFFFF!important;
  border-bottom: 1px solid #CCCCCC!important;
  border-left: 0 solid #FFFFFF!important;
  color: #555555!important;
}
body.moodle26plus .filemanager .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #F6F6F6!important;
  border-left: 0 solid #F6F6F6;
}
body.moodle26plus .filemanager .yui3-datatable-even .yui3-datatable-cell {
  background-color: #FFFFFF!important;
  border-left: 0 solid #FFFFFF;
}
body.moodle26plus .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
  background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 8px;
  left: 17px;
  z-index: 1000;
}
body.moodle26plus .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
  background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 9px;
  left: -6px;
  z-index: 1001;
}
body.moodle26plus .filemanager .fp-contextmenu {
  display: none;
}
body.moodle26plus .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  display: block;
  position: absolute;
  right: 7px;
  bottom: 5px;
}
body.moodle26plus .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
body.moodle26plus .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  display: inline;
  position: absolute;
  left: 14px;
  margin-right: -20px;
  top: 6px;
}
body.moodle26plus .dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  left: 7px;
  right: inherit;
}
body.moodle26plus .dir-rtl .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
body.moodle26plus .dir-rtl .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  left: inherit;
  right: 16px;
  margin-right: 0;
}
body.moodle26plus .filepicker-filelist .filepicker-container,
body.moodle26plus .filemanager.fm-noitems .fm-empty-container {
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #BBBBBB;
  padding-top: 85px;
  text-align: center;
}
body.moodle26plus .filepicker-filelist .dndupload-target,
body.moodle26plus .filemanager-container .dndupload-target {
  background: #FFFFFF;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #fb7979;
  padding-top: 85px;
  text-align: center;
  -webkit-box-shadow: 0px 0 0 10px #ffffff;
  -moz-box-shadow: 0px 0 0 10px #ffffff;
  box-shadow: 0px 0 0 10px #ffffff;
}
body.moodle26plus .filepicker-filelist.dndupload-over .dndupload-target,
body.moodle26plus .filemanager-container.dndupload-over .dndupload-target {
  background: #FFFFFF;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #6c8cd3;
  padding-top: 85px;
  text-align: center;
}
body.moodle26plus .dndupload-message {
  display: none;
}
body.moodle26plus .dndsupported .dndupload-message {
  display: inline;
}
body.moodle26plus .dnduploadnotsupported-message {
  display: none;
}
body.moodle26plus .dndnotsupported .dnduploadnotsupported-message {
  display: inline;
}
body.moodle26plus .dndupload-target {
  display: none;
}
body.moodle26plus .dndsupported .dndupload-ready .dndupload-target {
  display: block;
}
body.moodle26plus .dndupload-uploadinprogress {
  display: none;
  text-align: center;
}
body.moodle26plus .dndupload-uploading .dndupload-uploadinprogress {
  display: block;
}
body.moodle26plus .dndupload-arrow {
  background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
  width: 100%;
  height: 80px;
  position: absolute;
  top: 5px;
}
body.moodle26plus .fitem.disabled .filepicker-container,
body.moodle26plus .fitem.disabled .fm-empty-container {
  display: none;
}
body.moodle26plus .dndupload-progressbars {
  padding: 10px;
  display: none;
}
body.moodle26plus .dndupload-inprogress .dndupload-progressbars {
  display: block;
}
body.moodle26plus .dndupload-inprogress .fp-content {
  display: none;
}
body.moodle26plus .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
  display: none;
}
body.moodle26plus .filepicker-filelist.dndupload-inprogress .filepicker-container {
  display: none;
}
body.moodle26plus .filepicker-filelist.dndupload-inprogress a {
  display: none;
}
body.moodle26plus .filemanager.fp-select .fp-select-loading {
  display: none;
}
body.moodle26plus .filemanager.fp-select.loading .fp-select-loading {
  display: block;
}
body.moodle26plus .filemanager.fp-select.loading form {
  display: none;
}
body.moodle26plus .filemanager.fp-select.fp-folder .fp-license,
body.moodle26plus .filemanager.fp-select.fp-folder .fp-author,
body.moodle26plus .filemanager.fp-select.fp-file .fp-file-unzip,
body.moodle26plus .filemanager.fp-select.fp-folder .fp-file-unzip,
body.moodle26plus .filemanager.fp-select.fp-file .fp-file-zip,
body.moodle26plus .filemanager.fp-select.fp-zip .fp-file-zip {
  display: none;
}
body.moodle26plus .filemanager.fp-select .fp-file-setmain,
body.moodle26plus .filemanager.fp-select .fp-file-setmain-help {
  display: none;
}
body.moodle26plus .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
body.moodle26plus .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
body.moodle26plus .filemanager .fp-mainfile .fp-filename {
  font-weight: bold;
}
body.moodle26plus .filemanager.fp-select.fp-folder .fp-file-download {
  display: none;
}
body.moodle26plus .fm-operation {
  font-weight: bold;
}
body.moodle26plus .filemanager.fp-select .fp-original.fp-unknown,
body.moodle26plus .filemanager.fp-select .fp-original .fp-originloading {
  display: none;
}
body.moodle26plus .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
  display: inline;
}
body.moodle26plus .filemanager.fp-select .fp-reflist.fp-unknown,
body.moodle26plus .filemanager.fp-select .fp-reflist .fp-reflistloading {
  display: none;
}
body.moodle26plus .filemanager.fp-select .fp-refcount {
  max-width: 265px;
}
body.moodle26plus .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
  display: inline;
}
body.moodle26plus .filemanager.fp-select .fp-reflist .fp-value {
  background: #F9F9F9;
  border: 1px solid #BBBBBB;
  padding: 8px 7px;
  margin: 0;
  max-width: 265px;
  max-height: 75px;
  overflow: auto;
}
body.moodle26plus .filemanager.fp-select .fp-reflist .fp-value li {
  padding-bottom: 7px;
}
body.moodle26plus .filemanager.fp-mkdir-dlg {
  text-align: center;
}
body.moodle26plus .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
  text-align: left;
  margin: 20px;
}
body.moodle26plus .dir-rtl .filemanager .fp-mkdir-dlg p {
  text-align: right;
}
body.moodle26plus .filemanager.fp-dlg {
  text-align: center;
}
body.moodle26plus .filemanager.fp-dlg .fp-dlg-text {
  padding: 0 10px;
  min-width: 200px;
  max-width: 340px;
  max-height: 300px;
  overflow: auto;
  line-height: 22px;
  margin: 40px 20px 20px;
  font-size: 12px;
}
body.moodle26plus .file-picker div.bd {
  text-align: left;
}
body.moodle26plus .dir-rtl .filemanager .fp-restrictions {
  text-align: left;
}
body.moodle26plus .dir-rtl .file-picker div.bd,
body.moodle26plus .dir-rtl .file-picker .fp-pathbar,
body.moodle26plus .dir-rtl .file-picker .fp-list,
body.moodle26plus .dir-rtl #filemenu .yuimenuitemlabel,
body.moodle26plus .dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {
  text-align: right;
}
body.moodle26plus .dir-rtl .filepicker .yui-layout-unit-left {
  left: 500px;
}
body.moodle26plus .dir-rtl .filepicker .yui-layout-unit-center {
  left: 0;
}
body.moodle26plus .dir-rtl .file-picker .fp-toolbar .fp-tb-search input {
  background-position: 208px 7px;
  padding: 2px 30px 1px 3px;
}
body.moodle26plus .dir-rtl .file-picker .fp-toolbar div {
  float: right;
  margin-left: 4px;
}
body.moodle26plus .fp-formset {
  max-width: 500px;
  padding: 10px;
}
body.moodle26plus .fp-formset input[type="file"] {
  line-height: inherit;
}
body.moodle26plus .fp-forminset {
  max-width: 400px;
  padding: 0 10px;
}
body.moodle26plus .fp-forminset .control-group.control-radio {
  margin-bottom: 0;
}
body.moodle26plus .fp-forminset .control-group label.control-label {
  width: 105px;
}
body.moodle26plus .fp-forminset .control-group label.control-radio {
  float: right;
  text-align: left;
  width: 215px;
}
body.moodle26plus .fp-forminset .control-group .controls {
  margin-left: 125px;
}
body.moodle26plus .fp-forminset .control-group .controls.control-radio input {
  margin-top: 3px;
}
body.moodle26plus .fp-forminset .fp-select-buttons {
  float: none;
}
body.moodle26plus .fp-forminset input[type="text"] {
  width: 228px;
}
body.moodle26plus .fp-fileinfo .fp-value {
  display: inline-block;
  padding-left: 5px;
}
body.moodle26plus .dir-rtl .fp-forminset {
  max-width: 400px;
}
body.moodle26plus .dir-rtl .fp-forminset .control-group label.control-label {
  float: right;
  text-align: left;
}
body.moodle26plus .dir-rtl .fp-forminset .control-group label.control-radio {
  float: left;
  text-align: right;
  width: 215px;
}
body.moodle26plus .dir-rtl .fp-forminset .control-group .controls {
  margin-left: 0;
  margin-right: 125px;
}
body.moodle26plus .dir-rtl .fp-forminset .fp-select-buttons {
  float: left;
}
body.moodle26plus .dir-rtl .fp-forminset input[type="text"] {
  width: 228px;
}
body.moodle26plus .dir-rtl .fp-fileinfo .fp-value {
  display: inline-block;
  padding-right: 5px;
}
body.moodle26plus .dir-rtl .fp-select .fp-thumbnail {
  margin: 10px 0 0 0px;
}
body.moodle26plus .dir-rtl .filepicker .fp-formset label {
  float: right;
  text-align: left;
}
body.moodle26plus .dir-rtl .filepicker .fp-formset .controls {
  margin-left: 0;
  text-align: right;
}
@media all and (max-width: 872px) {
  body.moodle26plus .file-picker .fp-repo-area,
  body.moodle26plus .file-picker .fp-repo-items {
    width: 100%;
  }
  body.moodle26plus .file-picker .fp-repo-area {
    height: 325;
  }
  body.moodle26plus .filepicker {
    z-index: 999;
  }
}
/*
 * These are styles for the file manager in Moodle 2.6-
 * I really don't want to maintain already two different theme branches...
 */
body.moodle26prior .filemanager,
body.moodle26prior .filepicker,
body.moodle26prior .file-picker {
/*  font-size: 11px;
  /*background-color: white;*/
  /*width: 100%;
  border-radius: 7px;*/
  -moz-box-shadow: 0px 0px 13px -4px #000;
    -webkit-box-shadow: 0px 0px 13px -4px #000;
    box-shadow: 0px 0px 13px -4px #000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    padding: 10px;
  
}
body.moodle26prior .filemanager a,
body.moodle26prior .file-picker a,
body.moodle26prior .filemanager a:hover,
body.moodle26prior .file-picker a:hover {
  color: #555555;
  text-decoration: none;
}
body.moodle26prior .filemanager input[type="text"],
body.moodle26prior .file-picker input[type="text"] {
  width: 265px;
}
body.moodle26prior .filemanager .fp-license td,
body.moodle26prior .file-picker .fp-setlicense td {
  max-width: 265px;
}
body.moodle26prior .filemanager .fp-license select,
body.moodle26prior .file-picker .fp-setlicense select {
  max-width: 100%;
}
body.moodle26prior .fp-content-center {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
body.moodle26prior .fp-content-hidden {
  visibility: hidden;
}
body.moodle26prior .yui3-panel-focused {
  outline: none;
}
body.moodle26prior #filesskin .yui3-panel-content {
  padding-bottom: 20px;
  background: #F2F2F2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #fff;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  -webkit-box-shadow: 5px 5px 20px 0 #666666;
  -moz-box-shadow: 5px 5px 20px 0 #666666;
  box-shadow: 5px 5px 20px 0 #666666;
}
body.moodle26prior #filesskin .yui3-widget-hd {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #BBBBBB;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  color: #333;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #fff;
  filter: dropshadow(color=#ffffff, offx=1, offy=1);
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
}
body.moodle26prior .fp-panel-button {
  background: #fff;
  padding: 3px 20px 2px 20px;
  text-align: center;
  margin: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  -webkit-box-shadow: 2px 2px 3px 0.1px #999999;
  -moz-box-shadow: 2px 2px 3px 0.1px #999999;
  box-shadow: 2px 2px 3px 0.1px #999999;
}
body.moodle26prior #filesskin .file-picker.fp-generallayout {
  width: 859px;
  background: #FFFFFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #CCCCCC;
  position: relative;
}

@media only screen and (max-width: 823px) {
	
body.moodle26prior #filesskin .file-picker.fp-generallayout {
	width: 250px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #CCCCCC;
}

  body.moodle26prior .file-picker .fp-repo-area,
  body.moodle26prior .file-picker .fp-repo-items {
    width: 41%;
    top: 41px;
  }
  
  body.moodle26prior .file-picker .fp-list {
  list-style-type: none;
  padding: 0;
  float: left;
  width: 78%;
  margin: 0;
}

body.moodle26prior .file-picker .fp-repo-items {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 113px !important;
}


body.moodle26prior .file-picker .fp-content {
  background: #FFFFFF;
  clear: both;
  overflow: auto;
  width: 137% !important;
  height: 477px;
  margin-bottom: -14px;
}
}

body.moodle26prior .file-picker .fp-repo-area {
  width: 180px;
  overflow: auto;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  border-right: 1px solid #BBBBBB;
  position: absolute;
  top: 26px;
  bottom: 1px;
}
body.moodle26prior .dir-rtl .file-picker .fp-repo-area {
  border-left: 1px solid #BBBBBB;
  border-right: none;
}
body.moodle26prior .file-picker .fp-repo-items {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 181px;
}
body.moodle26prior .file-picker .fp-navbar {
  background: #F2F2F2;
  min-height: 22px;
  border-bottom: 1px solid #BBBBBB;
  padding: 5px 8px;
}
body.moodle26prior .file-picker .fp-content {
  background: #FFFFFF;
  clear: both;
  overflow: auto;
  width: 678px;
  height: 477px;
  margin-bottom: -14px;
}
body.moodle26prior .dir-rtl .file-picker .fp-repo-items {
  margin-right: 181px;
}
body.moodle26prior .file-picker .fp-content-loading {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
body.moodle26prior .file-picker .fp-content .fp-object-container {
  width: 98%;
  height: 98%;
}
body.moodle26prior .dir-rtl .file-picker .fp-list {
  text-align: right;
}
body.moodle26prior .dir-rtl .file-picker .fp-toolbar {
  padding: 0;
}
body.moodle26prior .dir-rtl .file-picker .fp-list {
  text-align: right;
}
body.moodle26prior .dir-rtl .file-picker .fp-repo-name {
  display: inline;
}
body.moodle26prior .dir-rtl .file-picker .fp-pathbar {
  text-align: right;
  display: block;
  border-top: none;
}
body.moodle26prior .dir-rtl .file-picker div.bd {
  text-align: right;
}
body.moodle26prior .dir-rtl #filemenu .yuimenuitemlabel {
  text-align: right;
}
body.moodle26prior .dir-rtl .filepicker .yui-layout-unit-left {
  left: 500px;
}
body.moodle26prior .dir-rtl .filepicker .yui-layout-unit-center {
  left: 0;
}
body.moodle26prior .dir-rtl .filemanager-toolbar a {
  padding: 0;
}
body.moodle26prior .file-picker .fp-list {
  list-style-type: none;
  padding: 0;
  float: left;
  width: 100%;
  margin: 0;
}
body.moodle26prior .dir-rtl .file-picker .fp-list {
  text-align: right;
  float: left;
}
body.moodle26prior .file-picker .fp-list .fp-repo a {
  display: block;
  padding: .5em .7em;
}
body.moodle26prior .file-picker .fp-list .fp-repo.active {
  background: #F2F2F2;
}
body.moodle26prior .file-picker .fp-list .fp-repo-icon {
  padding: 0 7px 0 5px;
}
body.moodle26prior .fp-toolbar {
  display: table-row;
  line-height: 22px;
  float: left;
}
body.moodle26prior .dir-rtl .fp-toolbar {
  float: right;
}
body.moodle26prior .fp-toolbar.empty {
  display: none;
}
body.moodle26prior .fp-toolbar .disabled {
  display: none;
}
body.moodle26prior .fp-toolbar div {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 0 2px;
  padding-right: 10px;
}
body.moodle26prior .dir-rtl .fp-toolbar div {
  width: 100px;
  padding-right: 0px;
}
body.moodle26prior .fp-toolbar img {
  vertical-align: -15%;
  margin-right: 5px;
}
body.moodle26prior .fp-toolbar .fp-tb-search {
  width: 228px;
  height: 14px;
}
body.moodle26prior .fp-toolbar .fp-tb-search input {
  background: #ffffff url('[[pix:a/search]]') no-repeat 3px 3px;
  padding: 2px 6px 1px 20px;
  width: 200px;
  height: 16px;
  border: 1px solid #BBBBBB;
}
body.moodle26prior .fp-viewbar {
  float: right;
  width: 69px;
  height: 22px;
  margin-right: 8px;
}
body.moodle26prior .dir-rtl .fp-toolbar img {
  vertical-align: -35%;
}
body.moodle26prior .dir-rtl .fp-viewbar {
  float: left;
  width: 100px;
}
body.moodle26prior .fp-vb-icons {
  background: url('[[pix:theme|fp-2.5/view_icon_active]]') no-repeat 0 0;
  width: 22px;
  height: 22px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
body.moodle26prior .dir-rtl .fp-vb-icons {
  background: url('[[pix:theme|fp-2.5/view_icon_active]]') no-repeat 0 0;
  display: block;
  float: left;
  margin-right: 4px;
}
body.moodle26prior .fp-vb-icons.checked {
  background: url('[[pix:theme|fp-2.5/view_icon_selected]]');
}
body.moodle26prior .dir-rtl .fp-vb-icons.checked {
  background: url('[[pix:theme|fp-2.5/view_icon_selected]]');
  display: block;
  float: left;
  margin-right: 4px;
}
body.moodle26prior .fp-viewbar.disabled .fp-vb-icons {
  background: url('[[pix:theme|fp-2.5/view_icon_inactive]]');
}
body.moodle26prior .fp-vb-details {
  background: url('[[pix:theme|fp-2.5/view_list_active]]') no-repeat 0 0;
  width: 23px;
  height: 22px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: -4px;
}
body.moodle26prior .dir-rtl .fp-vb-details {
  background: url('[[pix:theme|fp-2.5/view_list_active]]') no-repeat 0 0;
  display: block;
  float: left;
  margin-right: 4px;
}
body.moodle26prior .fp-vb-details.checked {
  background: url('[[pix:theme|fp-2.5/view_list_selected]]');
}
body.moodle26prior .dir-rtl .fp-vb-details.checked {
  background: url('[[pix:theme|fp-2.5/view_list_selected]]');
  display: block;
  float: left;
  margin-right: 4px;
}
body.moodle26prior .fp-viewbar.disabled .fp-vb-details {
  background: url('[[pix:theme|fp-2.5/view_list_inactive]]');
}
body.moodle26prior .fp-vb-tree {
  background: url('[[pix:theme|fp-2.5/view_tree_active]]') no-repeat 0 0;
  width: 23px;
  height: 22px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: -4px;
}
body.moodle26prior .dir-rtl .fp-vb-tree {
  background: url('[[pix:theme|fp-2.5/view_tree_active]]') no-repeat 0 0;
  display: block;
  float: left;
  margin-right: 4px;
}
body.moodle26prior .fp-vb-tree.checked {
  background: url('[[pix:theme|fp-2.5/view_tree_selected]]');
}
body.moodle26prior .dir-rtl .fp-vb-tree.checked {
  background: url('[[pix:theme|fp-2.5/view_tree_selected]]');
  display: block;
  float: left;
  margin-right: 4px;
}
body.moodle26prior .fp-viewbar.disabled .fp-vb-tree {
  background: url('[[pix:theme|fp-2.5/view_tree_inactive]]');
}
body.moodle26prior .file-picker .fp-clear-left {
  clear: left;
}
body.moodle26prior .dir-rtl .filemanager-toolbar .fp-vb-icons a:hover {
  background: url('[[pix:theme|fp-2.5/view_icon_selected]]');
}
body.moodle26prior .dir-rtl .filemanager-toolbar .fp-vb-icons.checked a:hover {
  background: url('[[pix:theme|fp-2.5/view_icon_active]]') no-repeat 0 0;
}
body.moodle26prior .dir-rtl .fp-vb-details a:hover {
  background: none;
  border: 20px solid black;
}
body.moodle26prior .dir-rtl .fp-vb-details.checked a:hover {
  background: none;
  border: 40px solid black;
}
body.moodle26prior .dir-rtl .fp-vb-tree a:hover {
  background: none;
  border: 30px solid black;
}
body.moodle26prior .dir-rtl .fp-vb-tree.checked a:hover {
  background: none;
  border: 50px solid black;
}
body.moodle26prior .file-picker .fp-pathbar {
  display: table-row;
}
body.moodle26prior .fp-pathbar.empty {
  display: none;
}
body.moodle26prior .fp-pathbar .fp-path-folder {
  background: url('[[pix:theme|fp-2.5/path_folder]]') no-repeat 0 0;
  width: 27px;
  height: 12px;
  margin-left: 4px;
}
body.moodle26prior .dir-rtl .fp-pathbar .fp-path-folder {
  background: url('[[pix:theme|fp-2.5/path_folder_rtl]]') no-repeat right top;
  width: auto;
  height: 12px;
  margin-left: 4px;
}
body.moodle26prior .dir-rtl .fp-pathbar span {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  float: right;
  margin-left: 32px;
}
body.moodle26prior .fp-pathbar .fp-path-folder-name {
  margin-left: 32px;
  line-height: 20px;
}
body.moodle26prior .dir-rtl .fp-pathbar .fp-path-folder-name {
  margin-right: 32px;
  line-height: 20px;
}
body.moodle26prior .fp-iconview .fp-file {
  float: left;
  text-align: center;
  position: relative;
  margin: 10px 10px 35px;
}
body.moodle26prior .fp-iconview .fp-thumbnail {
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  border: 1px solid #FFFFFF;
  display: block;
}
body.moodle26prior .fp-iconview .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
  -webkit-box-shadow: 1px 1px 2px 0 #cccccc;
  -moz-box-shadow: 1px 1px 2px 0 #cccccc;
  box-shadow: 1px 1px 2px 0 #cccccc;
}
body.moodle26prior .fp-iconview .fp-thumbnail:hover {
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 0 10px 0px #cccccc;
  -moz-box-shadow: inset 0 0 10px 0px #cccccc;
  box-shadow: inset 0 0 10px 0px #cccccc;
}
body.moodle26prior .fp-iconview .fp-filename-field {
  height: 33px;
  word-wrap: break-word;
  overflow: hidden;
  position: absolute;
}
body.moodle26prior .fp-iconview .fp-filename-field:hover {
  overflow: visible;
  z-index: 1000;
}
body.moodle26prior .fp-iconview .fp-filename-field .fp-filename {
  background: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 12px;
  min-width: 112px;
}
body.moodle26prior .dir-rtl .fp-iconview .fp-file {
  float: right;
}
body.moodle26prior .file-picker .yui3-datatable table {
  border: 0 solid #BBBBBB;
  width: 100%;
}
body.moodle26prior #filesskin .file-picker .yui3-datatable-header {
  background: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  border-left: 0 solid #FFFFFF;
  color: #555555;
}
body.moodle26prior #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #F6F6F6;
  border-left: 0 solid #F6F6F6;
}
body.moodle26prior #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
  background-color: #FFFFFF;
  border-left: 0 solid #FFFFFF;
}
body.moodle26prior .dir-rtl .file-picker .yui3-datatable-header {
  text-align: right;
}
body.moodle26prior .file-picker .ygtvtn,
body.moodle26prior .filemanager .ygtvtn {
  background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
  width: 17px;
  height: 22px;
}
body.moodle26prior .dir-rtl .filemanager .ygtvtn,
body.moodle26prior .dir-rtl .file-picker .ygtvtn {
  background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
  width: 17px;
  height: 22px;
}
body.moodle26prior .file-picker .ygtvtm,
body.moodle26prior .filemanager .ygtvtm {
  background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26prior .file-picker .ygtvtmh,
body.moodle26prior .filemanager .ygtvtmh {
  background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26prior .file-picker .ygtvtp,
body.moodle26prior .filemanager .ygtvtp {
  background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26prior .dir-rtl .file-picker .ygtvtp,
body.moodle26prior .dir-rtl .filemanager .ygtvtp {
  background: url('[[pix:moodle|y/tp_rtl]]') 0 10px no-repeat;
}
body.moodle26prior .file-picker .ygtvtph,
body.moodle26prior .filemanager .ygtvtph {
  background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
  width: 13px;
  height: 22px;
  cursor: pointer;
}
body.moodle26prior .dir-rtl .file-picker .ygtvtph,
body.moodle26prior .dir-rtl .filemanager .ygtvtph {
  background: url('[[pix:moodle|y/tp_rtl]]') 0 10px no-repeat;
}
body.moodle26prior .file-picker .ygtvln,
body.moodle26prior .filemanager .ygtvln {
  background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
  width: 17px;
  height: 22px;
}
body.moodle26prior .dir-rtl .file-picker .ygtvln,
body.moodle26prior .dir-rtl .filemanager .ygtvln {
  background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
}
body.moodle26prior .file-picker .ygtvlm,
body.moodle26prior .filemanager .ygtvlm {
  background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26prior .file-picker .ygtvlmh,
body.moodle26prior .filemanager .ygtvlmh {
  background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26prior .file-picker .ygtvlp,
body.moodle26prior .filemanager .ygtvlp {
  background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26prior .dir-rtl .file-picker .ygtvlp,
body.moodle26prior .dir-rtl .filemanager .ygtvlp {
  background: url('[[pix:moodle|y/lp_rtl]]') 0 10px no-repeat;
}
body.moodle26prior .file-picker .ygtvlph,
body.moodle26prior .filemanager .ygtvlph {
  background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
body.moodle26prior .dir-rtl .file-picker .ygtvlph,
body.moodle26prior .dir-rtl .filemanager .ygtvlph {
  background: url('[[pix:moodle|y/lp_rtl]]') 0 10px no-repeat;
}
body.moodle26prior .file-picker .ygtvloading,
body.moodle26prior .filemanager .ygtvloading {
  background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
  width: 16px;
  height: 22px;
}
body.moodle26prior .file-picker .ygtvdepthcell,
body.moodle26prior .filemanager .ygtvdepthcell {
  background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
  width: 17px;
  height: 32px;
}
body.moodle26prior .file-picker .ygtvblankdepthcell,
body.moodle26prior .filemanager .ygtvblankdepthcell {
  width: 17px;
  height: 22px;
}
body.moodle26prior a.ygtvspacer:hover {
  color: transparent;
  text-decoration: none;
}
body.moodle26prior .ygtvlabel,
body.moodle26prior .ygtvlabel:link,
body.moodle26prior .ygtvlabel:visited,
body.moodle26prior .ygtvlabel:hover {
  background-color: transparent;
  cursor: pointer;
  margin-left: 2px;
  text-decoration: none;
}
body.moodle26prior .file-picker .ygtvfocus,
body.moodle26prior .filemanager .ygtvfocus {
  background-color: #FFF;
}
body.moodle26prior .fp-filename-icon {
  margin-top: 10px;
  display: block;
  position: relative;
}
body.moodle26prior .fp-icon {
  float: left;
  margin-top: -7px;
  width: 40px;
  height: 45px;
  margin-right: 10px;
  text-align: center;
  line-height: 24px;
}
body.moodle26prior .dir-rtl .fp-icon {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
body.moodle26prior .fp-icon img {
  max-height: 24px;
  max-width: 24px;
  vertical-align: middle;
}
body.moodle26prior .fp-filename {
  padding-right: 10px;
}
body.moodle26prior .dir-rtl .fp-filename {
  padding-left: 10px;
  padding-right: 0;
}
body.moodle26prior .file-picker .fp-login-form {
  height: 100%;
  width: 100%;
  display: table;
}
body.moodle26prior .file-picker .fp-login-form table {
  margin: 0 auto;
}
body.moodle26prior .file-picker .fp-login-form p {
  text-align: center;
  margin-top: 3em;
}
body.moodle26prior .file-picker .fp-login-form .fp-login-input label {
  display: block;
}
body.moodle26prior .file-picker .fp-login-form .fp-login-input .input {
  text-align: left;
}
body.moodle26prior .file-picker .fp-login-form input[type="checkbox"] {
  width: 15px;
  height: 15px;
}
body.moodle26prior .file-picker .fp-upload-form {
  height: 100%;
  width: 100%;
  display: table;
}
body.moodle26prior .file-picker .fp-upload-form table {
  margin: 0 auto;
}
body.moodle26prior .file-picker.fp-dlg {
  text-align: center;
}
body.moodle26prior .file-picker.fp-dlg .fp-dlg-text {
  padding: 30px 20px 10px;
  font-size: 12px;
}
body.moodle26prior .file-picker.fp-dlg .fp-dlg-buttons {
  margin: 0 20px;
}
body.moodle26prior .file-picker.fp-msg {
  text-align: center;
}
body.moodle26prior .file-picker.fp-msg .fp-msg-text {
  padding: 40px 20px 10px 20px;
  min-width: 200px;
  max-width: 500px;
  max-height: 300px;
  overflow: auto;
  font-size: 12px;
}
body.moodle26prior .file-picker.fp-msg.fp-msg-error .fp-msg-text {
  padding: 40px 20px 10px 20px;
  font-size: 12px;
}
body.moodle26prior .file-picker .fp-content-error {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
body.moodle26prior .file-picker .fp-content-error .fp-error {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 40px 20px 10px 20px;
  font-size: 12px;
}
body.moodle26prior .file-picker .fp-nextpage {
  clear: both;
}
body.moodle26prior .file-picker .fp-nextpage .fp-nextpage-loading {
  display: none;
}
body.moodle26prior .file-picker .fp-nextpage.loading .fp-nextpage-link {
  display: none;
}
body.moodle26prior .file-picker .fp-nextpage.loading .fp-nextpage-loading {
  display: block;
  text-align: center;
  height: 100px;
  padding-top: 50px;
}
body.moodle26prior .file-picker.fp-select {
  width: 420px;
}
body.moodle26prior .fp-select form {
  padding: 20px 20px 0;
}
body.moodle26prior .fp-select .fp-select-loading {
  text-align: center;
  margin-top: 20px;
}
body.moodle26prior .fp-select .fp-hr {
  clear: both;
  height: 1px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #BBBBBB;
  width: auto;
  margin: 10px 0;
}
body.moodle26prior .fp-select table {
  padding: 0 0 10px;
}
body.moodle26prior .fp-select table .mdl-right {
  min-width: 84px;
}
body.moodle26prior .fp-select .fp-reflist .mdl-right {
  vertical-align: top;
}
body.moodle26prior .fp-select .fp-select-buttons {
  float: right;
}
body.moodle26prior .fp-select .fp-info {
  display: block;
  clear: both;
  padding: 1px 20px 0;
}
body.moodle26prior .fp-select .fp-thumbnail {
  float: left;
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  margin: 10px 20px 0 0;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 0 10px 0 #cccccc;
  -moz-box-shadow: inset 0 0 10px 0 #cccccc;
  box-shadow: inset 0 0 10px 0 #cccccc;
}
body.moodle26prior .fp-select .fp-thumbnail img {
  border: 1px solid #DDDDDD;
  padding: 3px;
  vertical-align: middle;
  margin: 10px;
}
body.moodle26prior .fp-select .fp-fileinfo {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-top: 10px;
}
body.moodle26prior .file-picker.fp-select .fp-fileinfo {
  max-width: 240px;
}
body.moodle26prior .fp-select .fp-fileinfo div {
  padding-bottom: 5px;
}
body.moodle26prior .file-picker.fp-select .uneditable {
  display: none;
}
body.moodle26prior .file-picker.fp-select .fp-select-loading {
  display: none;
}
body.moodle26prior .file-picker.fp-select.loading .fp-select-loading {
  display: block;
}
body.moodle26prior .file-picker.fp-select.loading form {
  display: none;
}
body.moodle26prior .fp-select .fp-dimensions.fp-unknown {
  display: none;
}
body.moodle26prior .filemanager-loading {
  display: none;
}
body.moodle26prior .jsenabled .filemanager-loading {
  display: block;
  margin-top: 100px;
}
body.moodle26prior .filemanager.fm-loading .filemanager-toolbar,
body.moodle26prior .filemanager.fm-loading .fp-pathbar,
body.moodle26prior .filemanager.fm-loading .filemanager-container,
body.moodle26prior .filemanager.fm-loaded .filemanager-loading,
body.moodle26prior .filemanager.fm-maxfiles .fp-btn-add,
body.moodle26prior .filemanager.fm-maxfiles .dndupload-message,
body.moodle26prior .filemanager.fm-noitems .fp-btn-download,
body.moodle26prior .filemanager .fm-empty-container,
body.moodle26prior .filemanager.fm-noitems .filemanager-container .fp-content {
  display: none;
}
body.moodle26prior .filemanager .filemanager-updating {
  display: none;
  text-align: center;
}
body.moodle26prior .filemanager.fm-updating .filemanager-updating {
  display: block;
  margin-top: 37px;
}
body.moodle26prior .filemanager.fm-updating .fm-content-wrapper,
body.moodle26prior .filemanager.fm-nomkdir .fp-btn-mkdir,
body.moodle26prior .fitem.disabled .filemanager .filemanager-toolbar,
body.moodle26prior .fitem.disabled .filemanager .fp-pathbar,
body.moodle26prior .fitem.disabled .filemanager .fp-restrictions,
body.moodle26prior .fitem.disabled .filemanager .fm-content-wrapper {
  display: none;
}
body.moodle26prior .fp-restrictions {
  text-align: right;
}
body.moodle26prior .filemanager .fp-navbar {
  background: #F2F2F2;
  border: 1px solid #BBBBBB;
  border-bottom: none;
}
body.moodle26prior .filemanager-toolbar {
  padding: 5px 8px;
  min-height: 22px;
  overflow: hidden;
}
body.moodle26prior .fp-pathbar {
  border-top: 1px solid #BBBBBB;
  padding: 5px 8px 1px;
  min-height: 20px;
}
body.moodle26prior .filemanager .fp-pathbar.empty {
  display: none;
}
body.moodle26prior .filepicker-filelist,
body.moodle26prior .filemanager-container {
  background: #FFFFFF;
  clear: both;
  overflow: auto;
  border: 1px solid #BBBBBB;
  min-height: 140px;
  position: relative;
}
body.moodle26prior .filemanager .fp-content {
  overflow: auto;
  max-height: 472px;
  min-height: 157px;
}
body.moodle26prior .filemanager-container,
body.moodle26prior .filepicker-filelist {
  overflow: hidden;
}
body.moodle26prior .fitem.disabled .filepicker-filelist,
body.moodle26prior .fitem.disabled .filemanager-container {
  background-color: #EBEBE4;
}
body.moodle26prior .fitem.disabled .fp-btn-choose {
  color: #999999;
}
body.moodle26prior .fitem.disabled .filepicker-filelist .filepicker-filename {
  display: none;
}
body.moodle26prior .fp-iconview .fp-reficons1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
body.moodle26prior .fp-iconview .fp-reficons2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1001;
}
body.moodle26prior .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
  background: url('[[pix:theme|fp-2.5/link]]') no-repeat;
  background-position: bottom right;
}
body.moodle26prior .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
  background: url('[[pix:theme|fp-2.5/alias]]') no-repeat;
  background-position: bottom left;
}
body.moodle26prior .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
  display: none;
}
body.moodle26prior .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
  background: url('[[pix:s/dead]]') no-repeat;
  background-position: center center;
}
body.moodle26prior .filemanager .yui3-datatable table {
  border: 0 solid #BBBBBB;
  width: 100%;
}
body.moodle26prior .filemanager .yui3-datatable-header {
  background: #FFFFFF!important;
  border-bottom: 1px solid #CCCCCC!important;
  border-left: 0 solid #FFFFFF!important;
  color: #555555!important;
}
body.moodle26prior .filemanager .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #F6F6F6!important;
  border-left: 0 solid #F6F6F6;
}
body.moodle26prior .filemanager .yui3-datatable-even .yui3-datatable-cell {
  background-color: #FFFFFF!important;
  border-left: 0 solid #FFFFFF;
}
body.moodle26prior .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
  background: url('[[pix:theme|fp-2.5/link_sm]]') no-repeat 0 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 8px;
  left: 17px;
  z-index: 1000;
}
body.moodle26prior .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
  background: url('[[pix:theme|fp-2.5/alias_sm]]') no-repeat 0 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 9px;
  left: -6px;
  z-index: 1001;
}
body.moodle26prior .filemanager .fp-contextmenu {
  display: none;
}
body.moodle26prior .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  display: block;
  position: absolute;
  right: 7px;
  bottom: 5px;
  z-index: 2000;
}
body.moodle26prior .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
body.moodle26prior .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  display: inline;
  position: absolute;
  left: 14px;
  margin-right: -20px;
  top: 6px;
}
body.moodle26prior .dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  left: 7px;
  right: inherit;
}
body.moodle26prior .dir-rtl .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
body.moodle26prior .dir-rtl .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  left: inherit;
  right: 16px;
  margin-right: 0;
}
body.moodle26prior .filepicker-filelist .filepicker-container,
body.moodle26prior .filemanager.fm-noitems .fm-empty-container {
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #BBBBBB;
  padding-top: 85px;
  text-align: center;
  z-index: 3000;
}
body.moodle26prior .filepicker-filelist .dndupload-target,
body.moodle26prior .filemanager-container .dndupload-target {
  background: #FFFFFF;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #fb7979;
  padding-top: 85px;
  text-align: center;
  z-index: 3000;
  -webkit-box-shadow: 0px 0 0 10px #ffffff;
  -moz-box-shadow: 0px 0 0 10px #ffffff;
  box-shadow: 0px 0 0 10px #ffffff;
}
body.moodle26prior .filepicker-filelist.dndupload-over .dndupload-target,
body.moodle26prior .filemanager-container.dndupload-over .dndupload-target {
  background: #FFFFFF;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #6c8cd3;
  padding-top: 85px;
  text-align: center;
  z-index: 3000;
}
body.moodle26prior .dndupload-message {
  display: none;
}
body.moodle26prior .dndsupported .dndupload-message {
  display: inline;
}
body.moodle26prior .dnduploadnotsupported-message {
  display: none;
}
body.moodle26prior .dndnotsupported .dnduploadnotsupported-message {
  display: inline;
}
body.moodle26prior .dndupload-target {
  display: none;
}
body.moodle26prior .dndsupported .dndupload-ready .dndupload-target {
  display: block;
}
body.moodle26prior .dndupload-uploadinprogress {
  display: none;
  text-align: center;
}
body.moodle26prior .dndupload-uploading .dndupload-uploadinprogress {
  display: block;
}
body.moodle26prior .dndupload-arrow {
  background: url('[[pix:theme|fp-2.5/dnd_arrow]]') center no-repeat;
  width: 100%;
  height: 80px;
  position: absolute;
  margin-left: -28px;
  top: 5px;
}
body.moodle26prior .fitem.disabled .filepicker-container,
body.moodle26prior .fitem.disabled .fm-empty-container {
  display: none;
}
body.moodle26prior .dndupload-progressbars {
  padding: 10px;
  display: none;
}
body.moodle26prior .dndupload-inprogress .dndupload-progressbars {
  display: block;
}
body.moodle26prior .dndupload-inprogress .fp-content {
  display: none;
}
body.moodle26prior .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
  display: none;
}
body.moodle26prior .filepicker-filelist.dndupload-inprogress .filepicker-container {
  display: none;
}
body.moodle26prior .filepicker-filelist.dndupload-inprogress a {
  display: none;
}
body.moodle26prior .filemanager.fp-select .fp-select-loading {
  display: none;
}
body.moodle26prior .filemanager.fp-select.loading .fp-select-loading {
  display: block;
}
body.moodle26prior .filemanager.fp-select.loading form {
  display: none;
}
body.moodle26prior .filemanager.fp-select.fp-folder .fp-license,
body.moodle26prior .filemanager.fp-select.fp-folder .fp-author,
body.moodle26prior .filemanager.fp-select.fp-file .fp-file-unzip,
body.moodle26prior .filemanager.fp-select.fp-folder .fp-file-unzip,
body.moodle26prior .filemanager.fp-select.fp-file .fp-file-zip,
body.moodle26prior .filemanager.fp-select.fp-zip .fp-file-zip {
  display: none;
}
body.moodle26prior .filemanager.fp-select .fp-file-setmain {
  display: none;
}
body.moodle26prior .filemanager.fp-select.fp-cansetmain .fp-file-setmain {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
body.moodle26prior .filemanager .fp-mainfile .fp-filename {
  font-weight: bold;
}
body.moodle26prior .filemanager.fp-select.fp-folder .fp-file-download {
  display: none;
}
body.moodle26prior .fm-operation {
  font-weight: bold;
}
body.moodle26prior .filemanager.fp-select .fp-original.fp-unknown,
body.moodle26prior .filemanager.fp-select .fp-original .fp-originloading {
  display: none;
}
body.moodle26prior .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
  display: inline;
}
body.moodle26prior .filemanager.fp-select .fp-reflist.fp-unknown,
body.moodle26prior .filemanager.fp-select .fp-reflist .fp-reflistloading {
  display: none;
}
body.moodle26prior .filemanager.fp-select .fp-refcount {
  max-width: 265px;
}
body.moodle26prior .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
  display: inline;
}
body.moodle26prior .filemanager.fp-select .fp-reflist .fp-value {
  background: #F9F9F9;
  border: 1px solid #BBBBBB;
  padding: 8px 7px;
  margin: 0;
  max-width: 265px;
  max-height: 75px;
  overflow: auto;
}
body.moodle26prior .filemanager.fp-select .fp-reflist .fp-value li {
  padding-bottom: 7px;
}
body.moodle26prior .filemanager.fp-mkdir-dlg {
  text-align: center;
}
body.moodle26prior .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
  text-align: left;
  margin: 20px;
}
body.moodle26prior .dir-rtl .filemanager .fp-mkdir-dlg p {
  text-align: right;
}
body.moodle26prior .filemanager.fp-dlg {
  text-align: center;
}
body.moodle26prior .filemanager.fp-dlg .fp-dlg-text {
  padding: 0 10px;
  min-width: 200px;
  max-width: 340px;
  max-height: 300px;
  overflow: auto;
  line-height: 22px;
  margin: 40px 20px 20px;
  font-size: 12px;
}
body.moodle26prior .file-picker div.bd {
  text-align: left;
}
body.moodle26prior .dir-rtl .file-picker div.bd,
body.moodle26prior .dir-rtl .file-picker .fp-pathbar,
body.moodle26prior .dir-rtl .file-picker .fp-list,
body.moodle26prior .dir-rtl #filemenu .yuimenuitemlabel,
body.moodle26prior .dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {
  text-align: right;
}
body.moodle26prior .dir-rtl .filepicker .yui-layout-unit-left {
  left: 500px;
}
body.moodle26prior .dir-rtl .filepicker .yui-layout-unit-center {
  left: 0;
}
@media all and (max-width: 872px) {
  body.moodle26prior .file-picker .fp-repo-area,
  body.moodle26prior .file-picker .fp-repo-items {
        width: 41%;
    top: 41px;
}
  }
  body.moodle26prior .file-picker .fp-repo-area {
    height: 325;
  }
  body.moodle26prior .filepicker {
    z-index: 999;
  }
}
.gradetreebox h4 {
  font-size: 14px;
}
.gradetreebox th.cell,
.gradetreebox input[type=text] {
  width: auto;
}
.gradetreebox input[type=text],
.gradetreebox select {
  margin-bottom: 0;
}
/** Message **/
.message-discussion-noframes h1 {
  font-size: 1em;
}
.message-discussion-noframes #userinfo .commands,
.message .noframesjslink,
.message .link {
  font-size: 11.9px;
}
.message .heading {
  font-size: 1em;
  font-weight: bold;
}
.message .author {
  font-weight: bold;
}
.message .time {
  font-style: italic;
}
#page-message-user .commands span {
  font-size: 0.7em;
}
#page-message-user .name {
  font-weight: bold;
  font-size: 1.1em;
}
table.message_search_results td {
  border-color: #ddd;
}
.message .time,
.message.me .author {
  color: #999;
}
.message.other .author {
  color: #88c;
}
#page-message-messages {
  padding: 10px;
}
#page-message-send .notifysuccess {
  padding: 1px;
}
#page-message-send td.fixeditor {
  text-align: center;
}
.message .note {
  padding: 10px;
}
table.message .searchresults td {
  padding: 5px;
}
.message .contactselector {
  width: 24%;
  float: left;
}
.message .contactselector .contact {
  text-align: left;
}
.message .contactselector .messageselecteduser {
  font-weight: bold;
}
.message .contactselector .paging {
  z-index: 1;
  position: relative;
}
.message .messagearea {
  padding-left: 1%;
  border-left: 1px solid #d3d3d3;
  width: 74%;
  float: right;
  min-height: 200px;
}
.message .messagearea .messagehistorytype {
  clear: both;
  padding-bottom: 20px;
}
.message .messagearea .messagehistory .message_user_pictures {
  margin-left: auto;
  margin-right: auto;
}
.message .messagearea .messagehistory .message_user_pictures #user1 {
  vertical-align: top;
  width: 200px;
}
.message .messagearea .messagehistory .message_user_pictures #user2 {
  vertical-align: top;
  width: 200px;
}
.message .messagearea .messagehistory .message_user_pictures .useractionlinks {
  font-size: 0.9em;
}
.message .messagearea .messagehistory .heading {
  clear: both;
}
.message .messagearea .messagehistory .left {
  padding-bottom: 10px;
  width: 50%;
  float: left;
  clear: both;
}
.dir-rtl .message .messagearea .messagehistory .left {
  float: right;
}
.message .messagearea .messagehistory .right {
  padding-bottom: 10px;
  width: 50%;
  float: right;
  clear: both;
}
.dir-rtl .message .messagearea .messagehistory .right {
  float: left;
}
.message .messagearea .messagehistory .notification {
  padding: 10px;
  background-color: #eee;
  margin-top: 5px;
}
.message .messagearea .messagesend {
  padding-top: 20px;
  clear: both;
}
.message .messagearea .messagesend .messagesendbox {
  width: 100%;
}
.message .messagearea .messagesend fieldset {
  padding: 0;
  margin: 0;
}
.message .messagearea .messagerecent {
  text-align: left;
  width: 100%;
}
.message .messagearea .messagerecent .singlemessage {
  border-bottom: 1px solid #d3d3d3;
  padding: 10px;
}
.message .messagearea .messagerecent .singlemessage .otheruser span {
  padding: 5px;
}
.message .messagearea .messagerecent .singlemessage .messagedate {
  float: right;
}
.message .hiddenelement {
  display: none;
}
.message .visible {
  display: inline;
}
.message #usergroupselector.fieldset,
.message #viewing {
  width: 100%;
}
.messagesearchresults {
  margin-bottom: 40px;
}
.messagesearchresults td {
  padding: 0 10px 0 20px;
}
.messagesearchresults td span {
  white-space: nowrap;
}
.messagesearchresults td img.userpicture {
  padding-right: .45em;
  vertical-align: text-bottom;
}
.dir-rtl .messagesearchresults td img.userpicture {
  padding-left: .45em;
  padding-right: 0;
}
.messagesearchresults td span img {
  padding: 0 0 0 .45em;
  vertical-align: text-bottom;
}
.dir-rtl .messagesearchresults td span img {
  padding: 0 .45em 0 0;
}
#newmessageoverlay {
  background-color: #d3d3d3;
  border: 1px solid black;
  padding: 20px;
  position: fixed;
  bottom: 0;
  right: 0;
}
#newmessageoverlay #usermessage {
  padding: 10px;
}
/* Question */
.questionbank h2 {
  margin-top: 0;
}
.questioncategories h3 {
  margin-top: 0;
}
#chooseqtypebox {
  margin-top: 1em;
}
#chooseqtype h3 {
  margin: 0 0 0.3em;
}
#chooseqtype .instruction {
  display: none;
}
#chooseqtype .fakeqtypes {
  border-top: 1px solid silver;
}
#chooseqtype .qtypeoption {
  margin-bottom: 0.5em;
}
#chooseqtype label {
  display: block;
}
#chooseqtype .qtypename img {
  padding: 0 0.3em;
}
#chooseqtype .qtypename {
  display: inline-table;
  width: 16em;
}
#chooseqtype .qtypesummary {
  display: block;
  margin: 0 2em;
}
#chooseqtype .submitbuttons {
  margin: 0.7em 0;
  text-align: center;
}
#qtypechoicecontainer {
  display: none;
}
#qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
  background: none;
}
#qtypechoicecontainer.yui-panel .hd {
  color: #333;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #fff;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
}
#qtypechoicecontainer {
  font-size: 12px;
  color: #333;
  background: #F2F2F2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
  border-top: 0 none;
  -webkit-box-shadow: 5px 5px 20px 0 #666666;
  -moz-box-shadow: 5px 5px 20px 0 #666666;
  box-shadow: 5px 5px 20px 0 #666666;
}
#qtypechoicecontainer #chooseqtype {
  width: 40em;
}
#chooseqtypehead h3 {
  margin: 0;
  font-weight: normal;
}
#chooseqtype .qtypes {
  position: relative;
  border-bottom: 1px solid #bbb;
  padding: 0.24em 0;
}
#chooseqtype .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 400px;
  max-height: calc(85vh);
  /* The next line is a workaround because recess is crap. Delete ththe following line once
  * https://github.com/twitter/recess/issues/59 / https://github.com/twitter/recess/issues/75
  * is fixed. The previous line is the right one. */
  max-height: 60vh;
  width: 60%;
}
#chooseqtype .qtypeoption {
  margin-bottom: 0;
  padding: 0.3em 0.3em 0.3em 1.6em;
}
#chooseqtype .qtypeoption img {
  vertical-align: text-bottom;
  padding-left: 1em;
  padding-right: 0.5em;
}
#chooseqtype .selected {
  background-color: #fff;
  -webkit-box-shadow: 0px 0 10px 0 #cccccc;
  -moz-box-shadow: 0px 0 10px 0 #cccccc;
  box-shadow: 0px 0 10px 0 #cccccc;
}
#chooseqtype .instruction,
#chooseqtype .qtypesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 60%;
  margin: 0;
  overflow-x: hidden;
  padding: 1.5em 1.6em;
  background-color: #fff;
  overflow-y: auto;
}
#chooseqtype .instruction,
#chooseqtype .selected .qtypesummary {
  display: block;
}
#categoryquestions {
  margin: 0;
}
#categoryquestions td,
#categoryquestions th {
  padding: 0 0.2em;
}
#categoryquestions th {
  text-align: left;
  font-weight: normal;
}
#categoryquestions .checkbox {
  padding-left: 20px;
}
.dir-rtl #categoryquestions th {
  text-align: right;
}
.questionbank .singleselect {
  margin: 0;
}
/* Question editing form */
#combinedfeedbackhdr div.fhtmleditor {
  padding: 0;
}
#combinedfeedbackhdr div.fcheckbox {
  margin-bottom: 1em;
}
#multitriesheader div.fitem_feditor {
  margin-top: 1em;
}
#multitriesheader div.fitem_fgroup {
  margin-bottom: 1em;
}
#multitriesheader div.fitem_fgroup fieldset.felement label {
  margin-left: 0.3em;
  margin-right: 0.3em;
}
body.path-question-type .fitem_fgroup .accesshide {
  font: inherit;
  left: 0;
  position: static;
  padding-right: .3em;
}
.que {
  clear: left;
  text-align: left;
  margin: 0 auto 1.8em auto;
}
.dir-rtl .que {
  text-align: right;
}
.que .info {
  float: left;
  width: 7em;
  padding: 0.5em;
  margin-bottom: 1.8em;
  background-color: #eeeeee;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.que h3.no {
  margin: 0;
  font-size: 0.8em;
  line-height: 1;
}
.que span.qno {
  font-size: 1.5em;
  font-weight: bold;
}
.que .info > div {
  font-size: 0.8em;
  margin-top: 0.7em;
}
.que .info .questionflag.editable {
  cursor: pointer;
}
.que .info .editquestion img,
.que .info .questionflag img,
.que .info .questionflag input {
  vertical-align: bottom;
}
.que .content {
  margin: 0 0 0 8.5em;
  width:100%;
}
.que .formulation,
.que .outcome,
.que .comment {
  background: ##FFF;
  color: #e28327;
 /* border-color: rgba(226, 131, 39, 0.3);*/
}
.que .formulation {
  color: #444444;
}
.formulation input[type="text"],
.formulation select {
  width: auto;
}
.path-mod-quiz input[size] {
  width: auto;
}
.que .comment {
  background: #f2fae3;
  color: #659f13;
  border-color: rgba(101, 159, 19, 0.3);
}
.que .history {
  /* 1 */
  display: block;
  /* 2 */
  position: relative;
  color: inherit;
  text-decoration: none;
  padding: 10px;
  background: #fafafa;
  color: #444444;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.que .ablock {
  margin: 0.7em 0 0.3em 0;
}
.que .im-controls {
  margin-top: 0.5em;
  text-align: left;
}
.dir-rtl .que .im-controls {
  text-align: right;
}
.que .specificfeedback,
.que .generalfeedback,
.que .rightanswer,
.que .im-feedback,
.que .feedback,
.que p {
  margin: 0 0 0.5em;
}
.que .qtext {
  margin-bottom: 1.5em;
}
.que .correctness {
  display: inline-block;
  padding: 0 5px;
  background: #009dd8;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
  border-radius: 2px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.que .correctness.correct {
  background-color: #468847;
}
.que .correctness.partiallycorrect {
  background-color: #f89406;
}
.que .correctness.notanswered,
.que .correctness.incorrect {
  background-color: #b94a48;
}
.que .validationerror {
  color: #b94a48;
}
.formulation .correct {
  background-color: #dff0d8;
}
.formulation .partiallycorrect {
  background-color: #fcf8e3;
}
.formulation .incorrect {
  background-color: #f2dede;
}
.formulation select.correct,
.formulation input.correct {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.formulation select.correct:focus,
.formulation input.correct:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.formulation select.partiallycorrect,
.formulation input.partiallycorrect {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.formulation select.partiallycorrect:focus,
.formulation input.partiallycorrect:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.formulation select.incorrect,
.formulation input.incorrect {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.formulation select.incorrect:focus,
.formulation input.incorrect:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.que .grading,
.que .comment,
.que .commentlink,
.que .history {
  margin-top: 0.5em;
}
.que .history h3 {
  margin: 0 0 0.2em;
  font-size: 1em;
}
.que .history table {
  width: 100%;
  margin: 0;
}
.que .history .current {
  font-weight: bold;
}
.que .questioncorrectnessicon {
  vertical-align: text-bottom;
}
.que input.questionflagimage {
  padding-right: 3px;
}
.dir-rtl .que input.questionflagimage {
  padding-left: 3px;
  padding-right: 0;
}
.importerror {
  margin-top: 10px;
  border-bottom: 1px solid #555;
}
.mform .que.comment .fitemtitle {
  width: 20%;
}
#page-question-preview #techinfo {
  margin: 1em 0;
}
/** Overide for RTL layout **/
.dir-rtl #chooseqtype .instruction,
.dir-rtl #chooseqtype .qtypesummary {
  right: 60%;
  left: 0%;
  border-left: 0;
  border-right: 1px solid grey;
}
#page-mod-quiz-edit .questionbankwindow div.header {
  color: #444;
  text-shadow: none;
  padding: 3px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  margin: 0 -10px 0 -10px;
  padding: 2px 10px 2px 10px;
  background: transparent;
  /* Old browsers */
}
#page-mod-quiz-edit .questionbankwindow div.header a:link,
#page-mod-quiz-edit .questionbankwindow div.header a:visited {
  color: #0077dd;
}
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
  color: #005599;
}
#page-mod-quiz-edit .questionbankwindow div.header .title {
  color: #444444;
}
#page-mod-quiz-edit div.container div.generalbox {
  background-color: transparent;
  padding: 1.5em;
}
#page-mod-quiz-edit .categoryinfo {
  background-color: #ffffff;
  border-bottom: none;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer,
#page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
  padding: 0 0 1.5em 0;
}
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
  padding: 1em;
  background-color: transparent;
  margin: 0 -1.2em;
  border-top: none;
  border-bottom: none;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
  margin: 0 -1.2em -1em -1.2em;
}
#page-mod-quiz-edit div.question div.content div.questioncontrols {
  background-color: #ffffff;
}
#page-mod-quiz-edit div.question div.content div.points {
  margin-top: -0.5em;
  padding-bottom: 0.5em;
  border: none;
  background-color: #ffffff;
}
#page-mod-quiz-edit div.question div.content div.points label {
  display: inline-block;
}
#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
  background-color: #ffffff;
}
#page-mod-quiz-edit .quizpagedelete,
#page-mod-quiz-edit .quizpagedelete img {
  background-color: transparent;
}
#page-mod-quiz-edit div.quizpage .pagecontent {
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
}
#page-mod-quiz-edit .modulespecificbuttonscontainer {
  width: 220px;
}
.questionbankwindow {
  min-width: 205px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.questionbankwindow .module {
  width: auto;
}
#page-mod-quiz-edit div.editq div.question div.content {
  background-color: #ffffff;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.path-mod-quiz .statedetails {
  display: block;
  font-size: 0.9em;
}
a#hidebankcmd {
  color: #0077dd;
}
.que.shortanswer .answer {
  padding: 0;
}
.que label {
  display: inline;
}
/* user.less */
.userprofile .fullprofilelink {
  text-align: center;
  margin: 10px;
}
.userprofile .description {
  margin-bottom: 20px;
}
.userprofile dl.list {
  *zoom: 1;
}
.userprofile dl.list:before,
.userprofile dl.list:after {
  display: table;
  content: "";
  line-height: 0;
}
.userprofile dl.list:after {
  clear: both;
}
.userprofile dl.list dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.userprofile dl.list dd {
  margin-left: 180px;
}
.user-box {
  margin: 8px;
  width: 115px;
  height: 160px;
  text-align: center;
  float: left;
  clear: none;
}
.dir-rtl .userprofile .description {
  margin-right: 0;
}
.dir-rtl .user-box {
  float: right;
}
.dir-rtl .userprofile dl.list dt {
  float: right;
  text-align: left;
  padding-left: 10px;
}
.dir-rtl .userprofile dl.list dd {
  margin-left: 0;
}
.userlist .action-icon img {
  vertical-align: middle;
}
.userlist #showall {
  margin: 10px 0;
}
.userlist .buttons {
  text-align: center;
}
.userlist .buttons label {
  padding: 0 3px;
}
.userlist table#participants {
  text-align: center;
}
.userlist table#participants td,
.userlist table#participants th {
  vertical-align: middle;
  text-align: left;
  padding: 4px;
}
.userlist table.controls {
  width: 100%;
}
.userlist table.controls tr {
  vertical-align: top;
}
.userlist table.controls td.right,
.userlist table.controls td.left {
  padding: 4px;
}
.userlist table.controls .right {
  text-align: right;
}
.userinfobox {
  width: 100%;
  border: 1px solid;
  border-collapse: separate;
  padding: 10px;
}
.userinfobox .left,
.userinfobox .side {
  width: 100px;
  vertical-align: top;
}
.userinfobox .userpicture {
  width: 100px;
  height: 100px;
}
.userinfobox .content {
  vertical-align: top;
}
.userinfobox .links {
  width: 100px;
  padding: 5px;
  vertical-align: bottom;
}
.userinfobox .links a {
  display: block;
}
.userinfobox .list td {
  padding: 3px;
}
.userinfobox .username {
  padding-bottom: 20px;
  font-weight: bold;
}
.userinfobox td.label {
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  font-weight: bold;
}
.groupinfobox {
  /* 1 */
  display: block;
  /* 2 */
  position: relative;
  color: inherit;
  text-decoration: none;
  padding: 10px;
  background: #fafafa;
  color: #444444;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.groupinfobox .left {
  padding: 10px;
  width: 100px;
  vertical-align: top;
}
.course-participation #showall {
  text-align: center;
  margin: 10px 0;
}
#user-policy .noticebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 80%;
  height: 250px;
}
#user-policy #policyframe {
  width: 100%;
  height: 100%;
}
.iplookup #map {
  margin: auto;
}
.userselector select {
  width: 100%;
}
.userselector div {
  margin-top: 0.2em;
}
.userselector div label {
  margin-right: 0.3em;
}
/* Next style does not work in all browsers but looks nicer when it does */
.userselector .userselector-infobelow {
  font-size: 0.8em;
}
#userselector_options {
  padding: 0.3em 0;
}
#userselector_options .collapsibleregioncaption {
  font-weight: bold;
}
#userselector_options p {
  margin: 0.2em 0;
  text-align: left;
}
.dir-rtl #userselector_options p {
  text-align: right;
}
/** user full profile */
#page-user-profile .messagebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/** user course profile */
#page-course-view-weeks .messagebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/** Overide for RTL layout **/
.dir-rtl .userprofilebox .descriptionbox {
  margin: 0;
}
.dir-rtl .userlist table#participants td,
.dir-rtl .userlist table#participants th {
  text-align: right;
}
.dir-rtl .userlist table#participants {
  margin: 0 auto;
}
#page-my-index.dir-rtl .block h3 {
  text-align: right;
}
.profileeditor > .singleselect {
  margin: 0 0.5em 0 0;
}
.profileeditor > .singlebutton {
  display: inline-block;
  margin: 0 0 0 0.5em;
}
.profileeditor > .singlebutton div,
.profileeditor > .singlebutton input {
  margin: 0;
}
.dir-rtl .profileeditor > .singleselect {
  margin: 0 0 0 0.5em;
}
.dir-rtl .profileeditor > .singlebutton {
  margin: 0 0.5em 0 0;
}
/**
 * Moodle forms HTML isn't changeable via renderers (yet?) so this
 * .less file imports styles from the uikit and
 * adds them to the existing Moodle form CSS ids and classes.
 */
.help-block {
  display: inline-block;
  margin: 0 0 0 10px;
}
.form-actions {
  padding: 19px 20px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-actions:after {
  clear: both;
}
form {
  margin: 0;
}
.mform fieldset .advancedbutton {
  text-align: right;
}
.jsenabled .mform .containsadvancedelements .advanced {
  display: none;
}
.mform .containsadvancedelements .advanced.show {
  display: block;
}
.mform fieldset.group {
  margin-bottom: 0;
}
.mform fieldset.collapsible legend a.fheader {
  padding: 0 5px 0 20px;
 background: url(/theme/image.php?theme=uikit&component=core&image=t%2Fexpanded) 2px center no-repeat;
}
.dir-rtl .mform fieldset.collapsible legend a.fheader {
  padding: 0 20px 0 5px;
  margin-right: -20px;
  margin-left: 0;
  background-position: right center;
}
.mform fieldset.collapsed legend a.fheader {
  background-image: url([[pix:t/collapsed]]);
}
.dir-rtl .mform fieldset.collapsed legend a.fheader {
  background-image: url([[pix:t/collapsed_rtl]]);
}
.jsenabled .mform .collapsed .fcontainer {
  display: none;
}
.mform .collapsible-actions {
  display: none;
  text-align: right;
}
.dir-rtl .mform .collapsible-actions {
  text-align: left;
}
.jsenabled .mform .collapsible-actions {
  display: block;
}
.mform .collapsible-actions .collapseexpand {
  padding-left: 20px;
 /*background: url([[pix:t/collapsed]]) 2px center no-repeat;*/
}
.dir-rtl .mform .collapsible-actions .collapseexpand {
  padding-right: 20px;
  padding-left: 0;
  background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
}
.mform .collapsible-actions .collapse-all,
.dir-rtl .mform .collapsible-actions .collapse-all {
  background-image: url([[pix:t/expanded]]);
}
.mform .fitem .fitemtitle div {
  display: inline;
}
.loginpanel .error,
.mform .error {
  color: #b94a48;
}

@media (min-width: 973px) { 
	.loginpanel{
	width: 38%;
    float: right;
    background-color: white;
	border-radius: 10px;
	box-shadow: 0px 0px 13px -4px #000;
	padding:1%;
	 margin-top: 4%;
	 margin-right:3%;
	
}
}

@media (max-width: 973px) {
	.loginpanel{
	width: 100%;
    float: right;
    background-color: white;
	border-radius: 10px;
	box-shadow: 0px 0px 13px -4px #000;
	padding:1%;
	margin-top: 0px;
}
}
@media (min-width:973px) {

.video_login{
	margin-left:5%;
	margin-top: 5%;
	width:470px;
	height:auto;
	float:left;
	
	}
}


@media (max-width: 973px) {

.video_login{
	
	margin-top: 5%;
	width:94%;
	height:auto;
	float:left;
	
	}
}



.texto_login{
	padding-top: 127px;
	float:left;
	font-size:26px;
	color:#003057 !important;
	top:270px;
	position:absolute; 
	margin-top:30px;
	font-family: raspoutine_classicitalic;
	font-weight:600; 
	margin-top: 11%;
	margin-left:5%;
	}

.mform .fdescription.required {
  /*margin-left: 180px;*/
}
.mform .fpassword .unmask {
  display: inline-block;
  margin-left: 0.5em;
}
.mform .fpassword .unmask > input {
  margin: 0;
}
.mform .fpassword .unmask > label {
  display: inline-block;
}
.mform .ftextarea #id_alltext {
  width: 100%;
}
.mform ul.file-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mform label .req,
.mform label .adv {
  cursor: help;
}
.mform .fcheckbox input {
  margin-left: 0;
  margin-top: 5px;
}
.mform .fitem fieldset.fgroup {
  line-height: 32px;
}
.mform .fitem fieldset.fgroup label,
.mform fieldset.fdate_selector label {
  display: inline;
  float: none;
  width: auto;
}
.mform .ftags label.accesshide {
  display: block;
  position: static;
}
.mform .ftags select {
  margin-bottom: 0.7em;
  min-width: 22em;
}
.mform .helplink img {
  margin: 0 .45em;
  padding: 0;
}
.mform legend .helplink img {
  margin: 0 .2em;
}
.singleselect label {
  margin-right: .3em;
}
.dir-rtl .singleselect label {
  margin-left: .3em;
  margin-right: 0;
}
input#id_externalurl {
  direction: ltr;
}
#portfolio-add-button {
  display: inline;
}
.fitem_actionbuttons {
  line-height: 32px;
}
form .form-item,
.mform .form-item,
form .fitem,
.mform .fitem,
form .fld,
.mform .fld {
  margin-bottom: 10px;
}
form .form-item:not(.femptylabel) .felement.fstatic,
.mform .form-item:not(.femptylabel) .felement.fstatic,
form .fitem:not(.femptylabel) .felement.fstatic,
.mform .fitem:not(.femptylabel) .felement.fstatic,
form .fld:not(.femptylabel) .felement.fstatic,
.mform .fld:not(.femptylabel) .felement.fstatic {
  color: #3399ff !important;
  margin: 0 0 0 10px;
}
form .form-item.femptylabel .fitemtitle,
.mform .form-item.femptylabel .fitemtitle,
form .fitem.femptylabel .fitemtitle,
.mform .fitem.femptylabel .fitemtitle,
form .fld.femptylabel .fitemtitle,
.mform .fld.femptylabel .fitemtitle {
  margin-top: 0;
}
form .form-item.femptylabel .felement.fstatic,
.mform .form-item.femptylabel .felement.fstatic,
form .fitem.femptylabel .felement.fstatic,
.mform .fitem.femptylabel .felement.fstatic,
form .fld.femptylabel .felement.fstatic,
.mform .fld.femptylabel .felement.fstatic {
  background: #fffceb;
  color: #e28327;
  border-color: rgba(226, 131, 39, 0.3);
}
form .form-item.femptylabel .felement.fstatic:empty,
.mform .form-item.femptylabel .felement.fstatic:empty,
form .fitem.femptylabel .felement.fstatic:empty,
.mform .fitem.femptylabel .felement.fstatic:empty,
form .fld.femptylabel .felement.fstatic:empty,
.mform .fld.femptylabel .felement.fstatic:empty {
  display: none;
}
form .form-item .ffilemanager,
.mform .form-item .ffilemanager,
form .fitem .ffilemanager,
.mform .fitem .ffilemanager,
form .fld .ffilemanager,
.mform .fld .ffilemanager {
  margin-top: 10px;
}
form .form-item fieldset,
.mform .form-item fieldset,
form .fitem fieldset,
.mform .fitem fieldset,
form .fld fieldset,
.mform .fld fieldset {
  margin-top: 0;
}
form fieldset.error,
.mform fieldset.error,
form span.error,
.mform span.error {
  color: #d85030 !important;
}
.dir-rtl .form-item .form-label,
.dir-rtl .mform .fitem div.fitemtitle {
  float: right;
  text-align: left;
}
.form-defaultinfo,
.form-label .form-shortname {
  color: #999999;
}
.form-label .form-shortname {
  font-size: 10.5px;
  display: block;
}
.dir-rtl .form-label .form-shortname {
  text-align: left;
}
.mform .fitem .felement.feditor {
  float: none;
  clear: both;
}
.formsettingheading {
  margin: 5px 0 0 0;
}
.form-item .form-description,
.felement.fstatic {
  display: inline-block;
  margin: 0 0 0 10px;
  padding-top: 5px;
}
.form-item .form-description {
  padding-top: 0;
}
table#form td.submit,
.form-buttons,
.path-admin .buttons,
#fitem_id_submitbutton,
.fp-content-center form + div,
div.backup-section + form,
#fgroup_id_buttonar {
  padding: 19px 20px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
  line-height: 32px;
}
table#form td.submit:before,
.form-buttons:before,
.path-admin .buttons:before,
#fitem_id_submitbutton:before,
.fp-content-center form + div:before,
div.backup-section + form:before,
#fgroup_id_buttonar:before,
table#form td.submit:after,
.form-buttons:after,
.path-admin .buttons:after,
#fitem_id_submitbutton:after,
.fp-content-center form + div:after,
div.backup-section + form:after,
#fgroup_id_buttonar:after {
  display: table;
  content: "";
  line-height: 0;
}
table#form td.submit:after,
.form-buttons:after,
.path-admin .buttons:after,
#fitem_id_submitbutton:after,
.fp-content-center form + div:after,
div.backup-section + form:after,
#fgroup_id_buttonar:after {
  clear: both;
}
.path-admin .buttons,
.form-buttons {
  /*padding-left: 180px;*/
}
.dir-rtl table#form td.submit,
.dir-rtl .form-buttons,
.dir-rtl .path-admin .buttons,
.dir-rtl #fitem_id_submitbutton,
.dir-rtl .fp-content-center form + div,
.dir-rtl div.backup-section + form,
.dir-rtl #fgroup_id_buttonar {
  padding: 19px 20px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
  padding-right: 0;
}
.dir-rtl table#form td.submit:before,
.dir-rtl .form-buttons:before,
.dir-rtl .path-admin .buttons:before,
.dir-rtl #fitem_id_submitbutton:before,
.dir-rtl .fp-content-center form + div:before,
.dir-rtl div.backup-section + form:before,
.dir-rtl #fgroup_id_buttonar:before,
.dir-rtl table#form td.submit:after,
.dir-rtl .form-buttons:after,
.dir-rtl .path-admin .buttons:after,
.dir-rtl #fitem_id_submitbutton:after,
.dir-rtl .fp-content-center form + div:after,
.dir-rtl div.backup-section + form:after,
.dir-rtl #fgroup_id_buttonar:after {
  display: table;
  content: "";
  line-height: 0;
}
.dir-rtl table#form td.submit:after,
.dir-rtl .form-buttons:after,
.dir-rtl .path-admin .buttons:after,
.dir-rtl #fitem_id_submitbutton:after,
.dir-rtl .fp-content-center form + div:after,
.dir-rtl div.backup-section + form:after,
.dir-rtl #fgroup_id_buttonar:after {
  clear: both;
}
.dir-rtl .path-admin .buttons,
.dir-rtl .form-buttons {
  padding-right: 180px;
}
.form-item .form-setting .form-checkbox.defaultsnext {
  margin-top: 5px;
  display: inline-block;
}
#adminsettings h3.main {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #444444;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.mform legend a,
.mform legend a:hover {
  color: #444444;
  text-decoration: none;
}
.dir-rtl .mform .fitem .felement {
  margin-right: 30%;
  margin-left: auto;
  text-align: right;
}
.dir-rtl .mform .fitem .felement input[name=email],
.dir-rtl .mform .fitem .felement input[name=email2],
.dir-rtl .mform .fitem .felement input[name=url],
.dir-rtl .mform .fitem .felement input[name=idnumber],
.dir-rtl .mform .fitem .felement input[name=phone1],
.dir-rtl .mform .fitem .felement input[name=phone2] {
  text-align: left;
  direction: ltr;
}
.dir-rtl #id_s__pathtodu,
.dir-rtl #id_s__aspellpath,
.dir-rtl #id_s__pathtodot,
.dir-rtl #id_s__supportemail,
.dir-rtl #id_s__supportpage,
.dir-rtl #id_s__sessioncookie,
.dir-rtl #id_s__sessioncookiepath,
.dir-rtl #id_s__sessioncookiedomain,
.dir-rtl #id_s__proxyhost,
.dir-rtl #id_s__proxyuser,
.dir-rtl #id_s__proxypassword,
.dir-rtl #id_s__proxybypass,
.dir-rtl #id_s__jabberhost,
.dir-rtl #id_s__jabberserver,
.dir-rtl #id_s__jabberusername,
.dir-rtl #id_s__jabberpassword,
.dir-rtl #id_s__additionalhtmlhead,
.dir-rtl #id_s__additionalhtmltopofbody,
.dir-rtl #id_s__additionalhtmlfooter,
.dir-rtl #id_s__docroot,
.dir-rtl #id_s__filter_tex_latexpreamble,
.dir-rtl #id_s__filter_tex_latexbackground,
.dir-rtl #id_s__filter_tex_pathlatex,
.dir-rtl #id_s__filter_tex_pathdvips,
.dir-rtl #id_s__filter_tex_pathconvert,
.dir-rtl #id_s__blockedip,
.dir-rtl #id_s__pathtoclam,
.dir-rtl #id_s__quarantinedir,
.dir-rtl #id_s__sitepolicy,
.dir-rtl #id_s__sitepolicyguest,
.dir-rtl #id_s__cronremotepassword,
.dir-rtl #id_s__allowedip,
.dir-rtl #id_s__blockedip,
.dir-rtl #id_s_enrol_meta_nosyncroleids,
.dir-rtl #id_s_enrol_ldap_host_url,
.dir-rtl #id_s_enrol_ldap_ldapencoding,
.dir-rtl #id_s_enrol_ldap_bind_dn,
.dir-rtl #id_s_enrol_ldap_bind_pw,
.dir-rtl #admin-emoticons .form-text,
.dir-rtl #admin-role_mapping input[type=text],
.dir-rtl #id_s_enrol_paypal_paypalbusiness,
.dir-rtl #id_s_enrol_flatfile_location,
#page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
#page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
#page-admin-auth-db.dir-rtl input[type=text] {
  direction: ltr;
}
#page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {
  direction: ltr;
  text-align: left;
}
#page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {
  margin-right: 170px;
}
#page-grade-edit-outcome-course .courseoutcomes {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#page-grade-edit-outcome-course .courseoutcomes td {
  text-align: center;
}
/* Install Process' text fields Forms, should always be justified to the left */
#installform #id_wwwroot,
#installform #id_dirroot,
#installform #id_dataroot,
#installform #id_dbhost,
#installform #id_dbname,
#installform #id_dbuser,
#installform #id_dbpass,
#installform #id_prefix {
  direction: ltr;
}
.mdl-right > label {
  display: inline-block;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  display: inline;
  padding-left: 0.2em;
}
input[type="radio"],
input[type="checkbox"] {
  margin-top: -4px;
  margin-right: 7px;
}
.dir-rtl input[type="radio"],
.dir-rtl input[type="checkbox"] {
  margin-left: 7px;
  margin-right: auto;
}
.singleselect {
  display: inline-block;
}
.singleselect form,
.singleselect select {
  margin: 0;
}
.form-item .form-label label {
  margin-bottom: 0;
}
.dir-rtl .form-item .form-label label {
  text-align: left;
}
.felement.ffilepicker {
  margin-top: 5px;
}
div#dateselector-calendar-panel {
  z-index: 3100;
  /* Set higher than the z-index of the filemanager - see MDL-39047. */
}
fieldset.coursesearchbox label {
  display: inline;
}
.pair-value {
  line-height: 38px;
  margin-left: 10px;
}
.pair-value button,
.pair-value input[type="submit"],
.pair-value input[type="button"] {
  margin-left: 5px;
}
/* Section and module editing forms contain special JS components for the
   availability system (if enabled). */
#fitem_id_availabilityconditionsjson {
  /* Eye icon in front of an item and delete icon after it. */
  /* Hidden eye icon still takes up space. */
  /* Eye icons in front of child lists are aligned specially. */
  /* Add button lines up with child elements. */
  /* Nested section is grey. */
  /* Second (and more) levels of nested sections are white. */
  /* Connecting text needs to be indented. */
}
#fitem_id_availabilityconditionsjson *[aria-hidden=true] {
  display: none;
}
#fitem_id_availabilityconditionsjson select,
#fitem_id_availabilityconditionsjson input[type=text] {
  position: relative;
  top: 4px;
}
#fitem_id_availabilityconditionsjson label {
  display: inline;
}
#fitem_id_availabilityconditionsjson .availability-group {
  margin-right: 8px;
}
#fitem_id_availabilityconditionsjson .availability-item {
  margin-bottom: 6px;
}
#fitem_id_availabilityconditionsjson .availability-none {
  margin-left: 20px;
  margin-bottom: 4px;
}
#fitem_id_availabilityconditionsjson .availability-plugincontrols {
  display: inline-block;
  margin-left: 5px;
  margin-right: 8px;
}
#fitem_id_availabilityconditionsjson .availability-eye,
#fitem_id_availabilityconditionsjson .availability-delete {
  margin-right: 8px;
}
#fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] {
  display: inline;
  visibility: hidden;
}
#fitem_id_availabilityconditionsjson .availability-list > .availability-eye img {
  vertical-align: top;
  margin-top: 12px;
}
#fitem_id_availabilityconditionsjson .availability-button {
  margin-left: 15px;
}
#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner {
  background: #fffceb;
  color: #e28327;
  border-color: rgba(226, 131, 39, 0.3);
  display: inline-block;
  margin-bottom: 6px;
}
#fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner {
  background: white;
}
#fitem_id_availabilityconditionsjson .availability-connector {
  display: inline-block;
  padding: 0 5px;
  background: #009dd8;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
  border-radius: 2px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 18px;
  border-radius: 500px;
  font-size: 12px;
  line-height: 18px;
  margin-left: 20px;
  margin-bottom: 6px;
}
.dir-rtl #fitem_id_availabilityconditionsjson .availability-group {
  margin-right: 0;
  margin-left: 8px;
}
.dir-rtl #fitem_id_availabilityconditionsjson .availability-none {
  margin-right: 20px;
  margin-left: 0;
}
.dir-rtl #fitem_id_availabilityconditionsjson .availability-plugincontrols {
  padding-right: 4px;
  padding-left: 0px;
  margin-right: 0;
  margin-left: 8px;
}
.dir-rtl #fitem_id_availabilityconditionsjson .availability-eye,
.dir-rtl #fitem_id_availabilityconditionsjson .availability-delete {
  margin-left: 8px;
  margin-right: 0;
}
.dir-rtl #fitem_id_availabilityconditionsjson .availability-button {
  margin-right: 15px;
  margin-left: 0;
}
.dir-rtl #fitem_id_availabilityconditionsjson .availability-connector {
  margin-right: 20px;
  margin-left: 0;
}
/* Default form styling colours all text red. With availability conditions
   this looks excessive as we show 'Invalid' markers in specific places. */
.mform .error .availability-field {
  color: #444444;
}
/* This dialogue is used to add an availability condition. */
.availability-dialogue .moodle-dialogue .moodle-dialogue-bd {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2px;
}
.availability-dialogue ul {
  display: block;
  margin: 0;
}
.availability-dialogue li {
  display: block;
  list-style-type: none;
  padding: 0 0 4px;
  clear: both;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 4px;
}
.availability-dialogue ul button {
  float: left;
  margin-left: 1em;
  margin-right: 1em;
  min-width: 140px;
  margin-top: 4px;
}
.availability-dialogue label {
  margin-right: 1em;
  margin-bottom: 0;
}
.availability-dialogue .availability-buttons button {
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 4px;
}
.dir-rtl .availability-dialogue ul button {
  float: right;
  margin-right: 1em;
  margin-left: 0;
}
.dir-rtl .availability-dialogue label {
  margin-right: 170px;
  margin-left: 1em;
}
/* modules.less */
select {
  width: auto;
}
.list-unstyled {
  list-style: none;
}
.path-mod-forum .forumsearch input,
.path-mod-forum .forumsearch .helptooltip {
  margin: 0 3px;
}
.path-mod-forum .forumheaderlist,
.path-mod-forum .forumheaderlist td {
  border: none;
}
.path-mod-forum .forumheaderlist thead .header {
  white-space: normal;
  vertical-align: top;
}
.path-mod-forum .forumheaderlist thead .header.lastpost {
  text-align: right;
}
.path-mod-forum .forumheaderlist .discussion .author,
.path-mod-forum .forumheaderlist .discussion .replies,
.path-mod-forum .forumheaderlist .discussion .lastpost {
  white-space: normal;
}
.path-mod-forum .forumheaderlist .discussion .replies {
  text-align: center;
}
.path-mod-forum .forumheaderlist .discussion .topic,
.path-mod-forum .forumheaderlist .discussion .topic.starter,
.path-mod-forum .forumheaderlist .discussion .picture,
.path-mod-forum .forumheaderlist .discussion .author,
.path-mod-forum .forumheaderlist .discussion .replies,
.path-mod-forum .forumheaderlist .discussion .lastpost {
  vertical-align: top;
}
.path-mod-feedback .generalbox div table tbody img {
  height: 5px;
}
.forumpost {
  padding: 6px;
}
.forumpost .header {
  margin-bottom: 3px;
}
.forumpost .maincontent .left {
  padding: 0 10px 0 10px;
}
.forumpost .row .left {
  width: auto;
}
.forumpost .options .commands {
  margin-left: 0;
}
.forumpost .subject {
  font-weight: bold;
}
.forumsearch input[type=text] {
  margin-bottom: 0 !important;
}
#page-mod-forum-discuss .discussioncontrols {
  width: auto;
  margin: 0;
}
#page-footer {
  margin-top: 1em;
  padding: 1em 0;
  border-top: 2px solid #eee;
}
.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
border: none;
}


   
	
.path-grade-report-grader h1 {
  text-align: inherit;
}
#page-mod-chat-gui_basic input#message {
  max-width: 100%;
}
#page-mod-data-view #singleimage {
  width: auto;
}
.path-mod-data form {
  margin-top: 10px;
}
.template_heading {
  margin-top: 10px;
}
#page-navbar,
#page-breadcrumbs {
  *zoom: 1;
}
#page-navbar:before,
#page-breadcrumbs:before,
#page-navbar:after,
#page-breadcrumbs:after {
  display: table;
  content: "";
  line-height: 0;
}
#page-navbar:after,
#page-breadcrumbs:after {
  clear: both;
}
#page-navbar nav,
#page-breadcrumbs nav {
  display: block;
}
#page-navbar .breadcrumb-button,
#page-breadcrumbs .breadcrumb-button {
  float: right;
  margin-top: 5px;
  margin-bottom: 5px;
  display:none;
  
}
.ie .row-fluid .desktop-first-column {
  margin-left: 0;
}
.langmenu form {
  margin: 0;
}
canvas {
  -ms-touch-action: auto;
}
div#dock {
  display: none;
}
.path-mod-choice .horizontal .choices {
  margin: 0;
}
.path-mod-choice .horizontal .choices .option {
  display: inline-block;
  padding: 10px;
}
.path-mod-choice .results .data {
  white-space: normal;
}
.path-mod-lesson .firstpageoptions {
  margin: auto;
  min-width: 280px;
  width: 60%;
}
.path-mod-lesson .centerpadded {
  padding: 5px;
  text-align: center;
}
.path-mod-wiki .wiki_headingtitle,
.path-mod-wiki .midpad,
.path-mod-wiki .wiki_headingtime {
  text-align: inherit;
}
.path-mod-wiki .wiki_contentbox {
  width: 100%;
}
#id_reviewoptionshdr {
  min-width: 1000px;
}
.path-mod-survey .surveytable .r0 {
  background-color: #eee;
}
.path-mod-survey .surveytable .r1 {
  background-color: #ddd;
}
.path-mod-survey .surveytable .rblock label {
  text-align: center;
}
.path-mod-survey .resultgraph,
.path-mod-survey .reportsummary,
.path-mod-survey .studentreport,
.path-mod-survey .reportbuttons,
.path-mod-survey .centerpara {
  text-align: center;
}
.dir-rtl .path-mod-forum .forumheaderlist thead .header.lastpost {
  text-align: left;
}
/*
 * Messages
 */
.message .contactselector td.contact {
  padding: 5px;
}
.message td.heading {
  padding-top: 18px;
  padding-bottom: 12px;
}
.message #usergroupselector.fieldset,
.message #viewing {
  margin-top: 11px;
}
.message .visible {
  display: inline;
  margin-top: 15px;
}
.message div.heading {
  font-weight: normal;
  background: #fffceb;
  color: #e28327;
  border-color: rgba(226, 131, 39, 0.3);
}
.userlist table.controls {
  margin-bottom: 20px;
}
.userlist .initialbar.firstinitial {
  margin-bottom: 10px;
}
.userlist .initialbar.lastinitial {
  margin-bottom: 25px;
}
/*
 * Breadcrumbs:
 */
.breadcrumb-nav .uk-breadcrumb > li:nth-child(n+2):before {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  content: "\f105";
}
.breadcrumb-nav .uk-breadcrumb > li:last-child {
  font-weight: bold;
}
.breadcrumb-nav ul li a {
  text-decoration: none;
  color: #0077dd;
}
.breadcrumb-nav ul li a:hover {
  color: #005599;
}
/*
 * Forums:
 */
.forumpost .options .commands,
.forumpost .content .attachments,
.forumpost .options .footer,
.forumpost .options .link {
  padding-right: 5px;
}
#forummenu select {
  margin-right: 5px;
}
#searchforums {
  margin-left: 5px;
}
.path-mod-forum .forumheaderlist,
.path-mod-forum .forumheaderlist td {
  border: none;
}
.forumpost {
  border: none;
  margin-top: 10px;
  /* 1 */
  display: block;
  /* 2 */
  position: relative;
  color: inherit;
  text-decoration: none;
  padding: 10px;
  background: #fafafa;
  color: #444444;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: white;
  color: #2d7091;
  border-color: rgba(45, 112, 145, 0.3);
  padding: 6px;
  width:100%;
}
.contenedor_blog {
    -moz-box-shadow: 0px 0px 13px -4px #000;
    -webkit-box-shadow: 0px 0px 13px -4px #000;
    box-shadow: 0px 0px 13px -4px #000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    padding: 10px;
	width:60%;
	margin-top:24px;
}

.forumpost .row .left {
  width: auto;
}
.forumpost .options .commands {
  margin-left: 0;
}
.forumpost .subject {
  font-weight: bold;
}
.forumsearch input[type=text] {
  margin-bottom: 0 !important;
}
.forumsearch,
.discussioncontrols {
  /*text-align: center;
  line-height: 32px;*/
  
}
/* TABLES */
/* ========================================================================
   Component: Table
 ========================================================================== */
table.flexible,
.generaltable {
  /* Extend UIkit table styles */
}
/* User enrolment table in courses */
table.userenrolment {
  margin-top: 10px;
}
table.userenrolment td {
  padding: 5px;
}

.enrol_user_buttons {
  margin-bottom: 5px;
}
/*
 * Custom styles for action menus
 */
.moodle-actionmenu .caret:after {
  font-family: "FontAwesome";
  content: " \f0d7";
}
.moodle-actionmenu ul.menubar a {
  font-weight: bold;
}
.moodle-actionmenu.block-control-actions.commands ul.menubar {
  float: left;
}
.moodle-actionmenu.block-control-actions.commands ul.menubar li {
  margin-right: 5px;
}
.moodle-actionmenu.block-control-actions.commands:before,
.moodle-actionmenu.block-control-actions.commands:after {
  content: "";
  display: table;
  line-height: 0;
}
.moodle-actionmenu.block-control-actions.commands:after {
  clear: both;
}
button.yui3-button,
input[type=submit].yui3-button,
input[type=button].yui3-button,
#id_submitbutton.yui3-button,
#id_submitbutton2.yui3-button,
.form-submit.yui3-button,
button.closebutton,
input[type=submit].closebutton,
input[type=button].closebutton,
#id_submitbutton.closebutton,
#id_submitbutton2.closebutton,
.form-submit.closebutton {
  min-height: inherit;
}
.button-group button {
  font-weight: normal;
  margin-right: 2px;
}
/*
 * Login page box:
 */
#page-login-index {
  /*
     * Small devices
     */
}
#page-login-index #main-content-box {
/*  background: #FFF;
  margin-top: 7%;
  min-width: 300px;
  width: 34%;
  border: none !important;
  margin-left: auto;
  margin-right: 9%;
  padding: 24px -4px;
  border-radius:10px;
  box-shadow: 0px 0px 13px -4px #000;
  padding-bottom: 2%;*/

}
#page-login-index #loginbtn {
  margin-top: 14px;
  margin-bottom: 16px;
}
#page-login-index .form-input #loginbtn {
  display: block;
  font-size: 16px;
  border-radius: 5px;
  height: 43px;
  border: none;
}
#page-login-index #username,
#page-login-index #password {
  /*padding: 19px 5px;*/
  font-size: 14px;
  width: 220px;
  border-radius: 5px;
 
  
}

.rememberpass {
    /*margin-right: 5%;*/
    float: left;
    margin-top: -3%;
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  #page-login-index #main-content-box {
    width: 100%;
    min-width: 100%;
  }
  #page-login-index #region-main {
    padding-left: 0;
  }
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
  background-color: #ffffff;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
  border: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
  /* 1 */
  display: block;
  /* 2 */
  position: relative;
  color: inherit;
  text-decoration: none;
  padding: 10px;
/*  background: #fafafa;
  color: #444444;*/
  border: 1px solid #dddddd;
  border-radius: 4px;
  border-radius: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
  background-color: transparent;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
  border: 0;
  padding: 3px 15px;
  white-space: nowrap;
  
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input {
  margin: 0 10px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input#input-message,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input#input-message {
  width: 130%;
  margin: auto;
  height:40px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable a,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell a {
  margin: 0 5px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
  padding: 10px 5px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ffffff;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
  margin-right: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: none;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
  margin: 20px 25px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
  text-align: center;
  margin: 10px 0;
  font-size: 11.9px;
  color: #777;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
  background-color: #ffffff;
  border: 1px dotted #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 10px;
  margin: 10px 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
  float: right;
  font-size: 11px;
  color: #777;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme {
  background-color: #f6f6f6;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme .user {
  font-weight: bold;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit-right {
  padding: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit div.yui-layout-bd {
  text-align: right;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-userlist #users-list img {
  margin-left: 8px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .time {
  float: left;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .user {
  float: right;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .chat-message-meta {
  height: 20px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .text {
  text-align: right;
}
.path-backup .mform .grouped_settings.section_level {
  /* 1 */
  display: block;
  /* 2 */
  position: relative;
  color: inherit;
  text-decoration: none;
  padding: 10px;
  background: #fafafa;
  color: #444444;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 10px 0 0 0;
  clear: both;
  margin-top: 5px;
}
.path-backup .mform .grouped_settings {
  clear: both;
  overflow: hidden;
}
.path-backup .include_setting,
.path-backup .grouped_settings .normal_setting {
  display: inline-block;
}
.path-backup .include_setting.section_level label {
  font-weight: bold;
}
.path-backup .mform .fitem .fitemtitle {
  width: 260px;
}
.path-backup .mform .fitem .felement {
  margin-left: 280px;
}
.path-backup .notification.dependencies_enforced {
  text-align: center;
  color: #b94a48;
  font-weight: bold;
}
.path-backup .backup_progress {
  text-align: center;
}
.path-backup .backup_progress .backup_stage {
  color: #999999;
}
.path-backup .backup_progress .backup_stage.backup_stage_current {
  font-weight: bold;
  color: inherit;
}
.path-backup .backup_progress span.backup_stage.backup_stage_complete {
  color: inherit;
}
#page-backup-restore .filealiasesfailures {
  background-color: #f2dede;
}
#page-backup-restore .filealiasesfailures .aliaseslist {
  width: 90%;
  margin: 0.8em auto;
  background-color: #ffffff;
  border: 1px dotted #666;
}
.path-backup .fitem .smallicon {
  vertical-align: text-bottom;
}
.backup-restore .backup-section > h2.header,
.backup-restore .backup-section .backup-sub-section h3 {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.backup-restore .backup-section .noticebox {
  margin: 1em auto;
  width: 60%;
  text-align: center;
}
.backup-restore .backup-section.settings-section .detail-pair {
  width: 50%;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
.backup-restore .backup-section.settings-section .detail-pair-label {
  width: 65%;
}
.backup-restore .backup-section.settings-section .detail-pair-value {
  width: 25%;
}
.backup-restore .activitytable {
  min-width: 500px;
}
.backup-restore .activitytable .modulename {
  width: 100px;
}
.backup-restore .activitytable .moduleincluded {
  width: 50px;
}
.backup-restore .activitytable .userinfoincluded {
  width: 50px;
}
.backup-restore .detail-pair-label {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  width: 25%;
  padding: 8px;
  margin: 0;
  text-align: right;
  font-weight: bold;
  vertical-align: top;
}
.backup-restore .detail-pair-value {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  width: 65%;
  padding: 8px;
  margin: 0;
}
.backup-restore .detail-pair-value > .sub-detail {
  display: block;
  font-size: 11.9px;
  color: #999999;
}
.backup-restore > .singlebutton {
  text-align: right;
}
.path-backup .mform .fgroup .proceedbutton {
  float: right;
  margin-right: 5%;
}
.restore-course-search .rcs-results {
  width: 70%;
  min-width: 400px;
}
.restore-course-search .rcs-results table {
  width: 100%;
  margin: 0;
  border-width: 0;
}
.restore-course-search .rcs-results table .no-overflow {
  max-width: 600px;
}
.restore-course-search .rcs-results .paging {
  text-align: left;
  margin: 0;
  background-color: #eee;
  padding: 3px;
}
.restore-course-category .rcs-results {
  width: 70%;
  min-width: 400px;
  border: 1px solid #ddd;
  margin: 5px 0;
}
.restore-course-category .rcs-results table {
  width: 100%;
  margin: 0;
  border-width: 0;
}
.restore-course-category .rcs-results table .no-overflow {
  max-width: 600px;
}
.restore-course-category .rcs-results .paging {
  text-align: left;
  margin: 0;
  background-color: #eee;
  padding: 3px;
}
/* reports.less */
#page-report-participation-index .participationselectform div label {
  display: inline;
  margin: 0 5px;
}
#page-report-participation-index.dir-ltr .participationselectform div label[for=menuinstanceid] {
  margin-left: 0px;
}
#page-report-participation-index.dir-rtl .participationselectform div label[for=menuinstanceid] {
  margin-right: 0px;
}
/**
 * Overriden UIKit base variables for Moodle and other utility classes
 */
.uk-grid.uk-grid-no-gutter,
.grid-row-r.uk-grid-no-gutter,
.row-fluid.uk-grid-no-gutter {
  margin-left: 0;
}
.uk-grid.uk-grid-no-gutter > *,
.grid-row-r.uk-grid-no-gutter > *,
.row-fluid.uk-grid-no-gutter > * {
  padding-left: 0;
}
/* Flexible boxes http://alwaystwisted.com/post.php?s=2012-05-17-content-choreography-mixins-in-less */
/*
* Old deprecated standard for flex box
* @box-dir can be:
*     horizontal
*     vertical
*/
/*
* New standard for flex box
* @flex-dir can be:
*     row
*     row-reverse
*     column
*     column-reverse
*/
.flex-grid-horizontal {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
.flex-grid-horizontal > * {
  box-sizing: border-box;
}
.flex-grid-vertical {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.flex-grid-vertical > * {
  box-sizing: border-box;
}
.flexgrow {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flexauto {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.flex-full-width {
  max-width: 100%;
  width: 100%;
  float: none;
}
.flex-grid-horizontal-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.flex-grid-horizontal-wrap > * {
  max-width: 100%;
  width: 100%;
  float: none;
}
.flex-grid-vertical > .flexgrow,
.flex-horizontal-wrap > .flexgrow {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 479px), only screen and (max-device-width: 479px) {
  .flex-grid-xsmall-horizontal-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .flex-grid-xsmall-horizontal-wrap > * {
    max-width: 100%;
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 959px), only screen and (max-device-width: 959px) {
  .flex-grid-small-horizontal-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .flex-grid-small-horizontal-wrap > * {
    max-width: 100%;
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 1219px), only screen and (max-device-width: 1219px) {
  .flex-grid-medium-horizontal-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .flex-grid-medium-horizontal-wrap > * {
    max-width: 100%;
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
  .flex-grid-large-horizontal-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .flex-grid-large-horizontal-wrap > * {
    max-width: 100%;
    width: 100%;
    float: none;
  }
}
/* Margins */
margin-auto {
  margin-left: auto;
  margin-right: auto;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.ml5 {
  margin-left: 5px;
}
.mr2 {
  margin-right: 2px;
}
.mr5 {
  margin-right: 5px;
}
/* General Styles */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.clear {
  clear: both;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
body > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#page-navigation {
  margin-left: 0;
  margin-right: 0;
}
a.headerLink:hover {
  text-decoration: none;
}
#headerlogo {
  font-size: 4em;
  
}
div#dock {
  display: none;
}
#page {
  margin-top: 24px;
  margin-left: 10px;
  margin-right: 10px;
}
#page-header-content {
  width: 100%;
 /* max-width: 1200px;*/
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 25px;
}
#page-header-content:before,
#page-header-content:after {
  content: " ";
  display: table;
}
#page-header-content:after {
  clear: both;
}
#navbar-uikit-theme-content {
  width: 100%;
  max-width: 1200px;
 /* margin-left: auto;
  margin-right: auto;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0px 0px 165px;
}
#navbar-uikit-theme-content:before,
#navbar-uikit-theme-content:after {
  content: " ";
  display: table;
}
#navbar-uikit-theme-content:after {
  clear: both;
}
#aditional-frontpage-content {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#aditional-frontpage-content:before,
#aditional-frontpage-content:after {
  content: " ";
  display: table;
}
#aditional-frontpage-content:after {
  clear: both;
}
#page-content {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  height:auto;
  overflow-y:hidden;
} 
#page-content:before,
#page-content:after {
  content: " ";
  display: table;
}
#page-content:after {
  clear: both;
}
#page-theme-uikit-customizer-index #page-content {
  max-width: none;
}
#page-footer {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#page-footer:before,
#page-footer:after {
  content: " ";
  display: table;
}
#page-footer:after {
  clear: both;
}
#navbar-uikit-theme {
  z-index: 500;
}
/**
 * Sticky navigation bars
 */
#navbar-uikit-theme.uk-active {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  height:83px;
}
#navbar-buttongroup-uikit-theme.uk-active > * {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
#content {
  min-height: 200px;
}
*.pointer {
  cursor: pointer;
}
*.bold {
  font-weight: bold;
}
h2.main,
#pageheading {
  border-bottom: 1px solid #dddddd;
}
.uk-form textarea,
form textarea,
.mform textarea {
  max-width: 95%;
  width: 95%;
  height: 100px;
}
div.logininfo {
  display: inline-block;
}
#navsearchbox input {
  margin-right: 5px;
}
#toTop {
  background-color: #00d2ff;
  bottom: 20px;
  box-shadow: 0 6px 0 #0097b7;
  display: none;
  height: 40px;
  line-height: 45px;
  right: 15px;
  width: 50px;
  border-radius: 5px 5px 5px 5px;
  color: #ffffff;
  font-size: 20px;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  z-index: 2000;
}
#toTop:hover {
  background-color: #1ed7ff;
  bottom: 17px;
  box-shadow: 0 3px 0 #0097b7;
  color: #ffffff;
}
a.sitename {
  text-decoration: none;
}
body img {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
body 
/* Logo */
a.logo {
    display: block;
    /*float: left;*/
    /*margin: 0;*/
    padding-left: 20%;
    min-height: 1px;
    width: 275px;
    height: 90px;
    margin-top: -9px;
}
#page-header {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 83px;
  padding: 15px 154px;
  box-shadow: 0px 0px 13px -4px #000;
}
/* Navigation: */
.uk-navbar .logininfo a {
  color: #0077dd;
}
.uk-navbar .logininfo a:hover {
  color: #005599;
}
.uk-dropdown .uikit-dropdown-menu-sublist {
  display: inline-block;
  max-width: 90%;
}
/* Modal dialogs: */
.uk-modal-dialog {
  color: #333333;
}
/*
 * Main page content:
 */
#main-content-box {
 /* overflow: overlay;*/
  -webkit-overflow-scrolling: touch;
 /* background-color: rgba(180, 180, 180, 0.1);
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;*/
  *zoom: 1;
  
}
#main-content-box:before,
#main-content-box:after {
  display: table;
  content: "";
  line-height: 0;
}
#main-content-box:after {
  clear: both;
}
/* Footer */
#page-footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: initial;
  padding-right: 30px;
  padding-top: 10px;
  text-align: left;
}
#page-footer .copy {
  margin-top: 0px;
  padding-left: 20px;
  float: left;
}
#page-footer .footimage {
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
}
#page-footer .footnote {
  text-align: center;
  color: #999999;
  margin-top: 0px;
  margin-left: 20px;
}
#page-footer .helplink {
  margin-top: 0px;
  float: right;
  padding-right: 20px;
}
.purgecaches {
  display: none;
}
.course-content > ul {
  padding-left: 0;
  padding-right: 0;
}
/**
 * These styles are added because, at least in UIKit 2.9, there is no xlarge classes for the grid.
 * If they are added in future versions of UIKit, we should delete these.
 */
@media (min-width: 1220px) {
  /* Whole */
  .mdl-width-xlarge-1-1 {
    width: 100%;
  }
  /* Halves */
  .mdl-width-xlarge-1-2,
  .mdl-width-xlarge-2-4,
  .mdl-width-xlarge-3-6,
  .mdl-width-xlarge-5-10 {
    width: 50%;
  }
  /* Thirds */
  .mdl-width-xlarge-1-3,
  .mdl-width-xlarge-2-6 {
    width: 33.333%;
  }
  .mdl-width-xlarge-2-3,
  .mdl-width-xlarge-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .mdl-width-xlarge-1-4 {
    width: 25%;
  }
  .mdl-width-xlarge-3-4 {
    width: 75%;
  }
  /* Fifths */
  .mdl-width-xlarge-1-5,
  .mdl-width-xlarge-2-10 {
    /*width: 20%;*/
  }
  .mdl-width-xlarge-2-5,
  .mdl-width-xlarge-4-10 {
    width: 40%;
  }
  .mdl-width-xlarge-3-5,
  .mdl-width-xlarge-6-10 {
    width: 60%;
  }
  .mdl-width-xlarge-4-5,
  .mdl-width-xlarge-8-10 {
    width: 80%;
  }
  /* Sixths */
  .mdl-width-xlarge-1-6 {
    width: 16.666%;
  }
  .mdl-width-xlarge-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .mdl-width-xlarge-1-10 {
    width: 10%;
  }
  .mdl-width-xlarge-3-10 {
    width: 30%;
  }
  .mdl-width-xlarge-7-10 {
    width: 70%;
  }
  .mdl-width-xlarge-9-10 {
    width: 90%;
  }
}
/* These are settings that need to be in a separate CSS file so LESS doesn't complain about syntax errors */

/* Page background */
body.theme_uikit , h2.pagetitle span {
	/*background-color:#ccc;*/
    [[setting:pagebackground]];
	    overflow-x: hidden;
}

/* Header background */
#page-header {
	background-color:#FFF;
	/*display:none;*/
    /*[[setting:headerbackground]];*/ 
}

/* Footer background */
#page-footer{
	background-color:#FFF;
   /* [[setting:footerbackground]];*/
}

/* Login header image */
/* If image is available, we hide the h2 header and place the image after it with active visibility */
#page-login-index [[setting:loginheaderimagerule]] > h2 {
    visibility: hidden;
    line-height: 0;
}

#page-login-index [[setting:loginheaderimagerule]] > h2:after {
    display: block;
    visibility: visible;
    content: url("[[setting:loginheaderimageurl]]");
	
}
html,
body { 
  
 /* overflow-x: hidden;*/
}
/**
 * First layout specific styles (grid based)
 */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  body.layout1 #pre-and-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  body.layout1 #pre-and-content #region-main-uikit {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-box-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    order: 1;
    float: none;
  }
  body.layout1 #pre-and-content .content-pre {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-box-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    float: none;
  }
  body.layout1 #pre-and-content #block-region-side-pre {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-box-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    float: none;
	width:350px	
  }
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  body.layout2 #pre-and-content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  body.layout2 #pre-and-content #region-main-uikit {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-box-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    float: none;
  }
  body.layout2 #pre-and-content #block-region-side-pre,
  body.layout2 #pre-and-content .content-pre {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-box-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    float: none;
  }
}
body.layout2 #headerlogo {
  font-size: 2.5em;
}
body.layout2 #page-header {
  padding-top: 5px;
  padding-bottom: 0;
}
body.layout2 #page-header-content {
  box-sizing: border-box;
  padding: 0;
}
body.layout2 #page-header-content-logo {
  min-width: 275px;
  width: 275px;
  max-width: 275px;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
body.layout2 #page-header-content-logo #subtitle {
  margin-top: 0;
  margin-bottom: 5px;
}
body.layout2 #page-navbar {
  margin-top: 15px;
}
body.layout2 #socialicons {
  padding-right: 20px;
  text-align: right;
}
body.layout2 #page-navigation {
  padding-right: 20px;
  text-align: right;
}
body.layout2 #block-region-side-pre {
  min-width: 275px;
  width: 275px;
  max-width: 275px;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  body.layout2 #page-header-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  body.layout2 #page-header-content > * {
    max-width: 100%;
    width: 100%;
    float: none;
  }
  body.layout2 #page-header-content #page-header-content-logo {
    text-align: center;
    margin-bottom: 10px;
  }
  body.layout2 #page-header-content #page-header-content-logo a {
    float: none;
  }
  body.layout2 #page-header-content #page-navigation {
    text-align: center;
  }
  body.layout2 #page-header-content-logo #subtitle {
    margin: 0;
  }
  body.layout2 #pre-and-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  body.layout2 #pre-and-content > * {
    max-width: 100%;
    width: 100%;
    float: none;
  }
  body.layout2 #block-region-side-pre {
    margin-top: 0;
    border-radius: 0;
    padding: 0;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
  }
  body.layout2 #navigationAccordionNav {
    border-bottom: 1px solid #dddddd;
  }
  body.layout2 #navigationAccordion {
    display: none;
    /* Initially hidden */
    padding: 5px;
  }
}
@media only screen and (min-width: 1220px) {
  body.layout2 .content + .post-content {
    padding-left: 10px;
  }
}
#page-navbar {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /*background-color: rgba(180, 180, 180, 0.1);
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;*/
  *zoom: 1;
}
#page-navbar:before,
#page-navbar:after {
  display: table;
  content: "";
  line-height: 0;
}
#page-navbar:after {
  clear: both;
}
#page-navbar .breadcrumb-nav {
  margin-bottom: 0;
}
#page-navbar .uk-breadcrumb {
  margin-top: 5px;
  margin-bottom: 5px;
}
#page-breadcrumbs {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(180, 180, 180, 0.1);
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
}
#page-breadcrumbs .breadcrumb-nav {
  margin-bottom: 0;
}
#page-breadcrumbs .uk-breadcrumb {
  margin-top: 10px;
  margin-bottom: 10px;
}
.content-pre {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5px;
}
/*
 * Main page content:
 */
#main-content-box {
 /* overflow: auto;*/
  -webkit-overflow-scrolling: touch;
 /* background-color: rgba(180, 180, 180, 0.1);
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;*/
  *zoom: 1;
}
#main-content-box:before,
#main-content-box:after {
  display: table;
  content: "";
  line-height: 0;
}
#main-content-box:after {
  clear: both;
}
body.layout1.layout-option-nobreadcrumbs #main-content-box,
body.layout1.nopagenavbar #page-breadcrumbs {
  border-top: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
      width: 92%;
    padding-left: 3%;

}
body.layout2.layout-option-nobreadcrumbs #page-breadcrumbs,
body.layout2.nopagenavbar #page-breadcrumbs {
  border-top: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  body.layout2.layout-option-nobreadcrumbs #block-region-side-pre,
  body.layout2.nopagenavbar #block-region-side-pre,
  body.layout2.layout-option-nobreadcrumbs .content-pre,
  body.layout2.nopagenavbar .content-pre {
    border-top: 1px solid #dddddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  body.layout2.layout-option-nobreadcrumbs #page-breadcrumbs,
  body.layout2.nopagenavbar #page-breadcrumbs {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
body.layout1 .page-login #region-main,
body.layout2 .page-login #region-main,
body.layout1 .page-login layout-option-nobreadcrumbs #region-main,
body.layout2 .page-login layout-option-nobreadcrumbs #region-main {
  border: none;
}
body.layout1 .page-login #main-content-box,
body.layout2 .page-login #main-content-box {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
/* Footer */
#page-footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 0px;
  padding-right: 10px;
  padding-top: 10px;
  text-align: left;
}
#page-footer .copy {
  margin-top: 0px;
  padding-left: 20px;
  float: left;
}
#page-footer .footimage {
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
}
#page-footer .footnote {
  text-align: center;
  color: #999999;
  margin-top: 0px;
  margin-left: 20px;
}
#page-footer .helplink {
  margin-top: 0px;
  float: right;
  padding-right: 20px;
}
.block .uk-icon {
  color: #999999;
  margin-right: 4px;
}
.block .tree_item a {
  color: #0077dd;
}
.block .tree_item a:hover {
  color: #0077dd;
}
.block.hidden .block-hider-hide {
  display: none;
}
.block.hidden .block-hider-show {
  display: inline;
}
.block .block-hider-show {
  display: none;
}
.block .block-hider-show,
.block .block-hider-hide {
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}
.block img {
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.block .uk-panel-title {
  word-break: break-all;
}
.block.block_settings .block_tree .tree_item {
  padding: 0;
}
.block.block_settings .block_tree li.item_with_icon > p img {
  position: inherit;
}
.block .singlebutton {
  line-height: 36px;
}
a.skip-block,
a.skip {
  display: none;
}
.accesshide {
  display: none;
}
.uk-panel.hidden.uk-panel-header .uk-panel-title {
  border-bottom: none;
  padding-bottom: 0;
}
.uk-panel.hidden > *:nth-child(2),
.uk-panel.hidden .content {
  display: none;
}
.uk-panel.hidden > .header {
  display: inherit;
}
/**
 * Special blocks (Front-page middle blocks and footer blocks):
 */
#footer-blocks {
  margin-bottom: 10px;
}
.additional-block {
  min-height: 1px;
}
.additional-block.yui3-dd-drop-active-valid {
  min-height: 100px;
  border: 1px dashed gray;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 10px;
  padding: 10px;
}
.block-region .block + .block {
  margin-top: 15px;
}
/* Block icons: */
.tree_item {
  background-image: none !important;
}
.tree_item.branch:before,
.tree_item.emptybranch:before {
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f07c ";
  color: #999999;
  margin-right: 5px;
}
.tree_item.branch.loadingbranch:before {
  content: "\f110 " !important;
  display: inline-block;
  -webkit-animation: uk-rotate 2s infinite linear;
  animation: uk-rotate 2s infinite linear;
}
.tree_item {
  font-family: "Bree Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #444444;
  margin: 3px 0;
}
.block_navigation.block li.depth_1 .tree_item.branch:before {
  content: "\f015 ";
}
.block_navigation.block li.depth_2 .tree_item.branch:before {
  content: "\f07b ";
}
.block_navigation.block li.depth_2 {
  margin-left: -20px;
}
.block_navigation.block li.depth_2.contains_branch:not(.collapsed) > .tree_item.branch:before,
.block_navigation.block li.depth_2 li.contains_branch:not(.collapsed) > .tree_item.branch:before {
  content: "\f07c ";
}
.block_navigation.block li.depth_2 .tree_item.branch[data-loaded="1"]:before {
  content: "\f07c ";
}
.block_navigation.block li.depth_2.collapsed > .tree_item.branch[data-loaded="1"]:before {
  content: "\f07b ";
}
.block_navigation.block li.depth_2 .tree_item.emptybranch:before {
  content: "\f114 ";
}
.collapsed .tree_item.branch:before {
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f07b ";
  color: #999999;
  margin-right: 5px;
}
.hidden-blocks {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.hidden-blocks .block {
  margin-top: 15px;
  float: right;
  width: 250px;
  margin-left: 10px;
}
.dir-rtl .collapsed .tree_item.branch:before {
  content: " \f053";
}
.block .header .uk-panel-title h2 {
  font-family: "Bree Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #444444;
}
.block .header .uk-panel-title h2:before {
  font-size: 24px;
  color: #0077dd;
  content: "\f0c9";
  font-family: FontAwesome;
  font-size: 1em;
  margin-right: 0.3em;
}
.block .uk-button,
.block button,
.block input[type=submit],
.block input[type=button],
.block #id_submitbutton,
.block #id_submitbutton2,
.block .form-submit,
.block .addbloglink,
.block .messagebox a {
  margin-left: 5px;
}
.block .adminsearchform,
.block .searchform {
  text-align: center;
  line-height: 32px;
}
.hidden-blocks.uk-alert,
.hidden-blocks#page-admin-index .releasenoteslink,
.hidden-blocks#page-admin-index .adminwarning,
.hidden-blocks#page-admin-index .maturitywarning,
.hidden-blocks#page-admin-index .testsitewarning,
.hidden-blocks#page-admin-index .maturityinfo,
.hidden-blocks#page-admin-index .maturitywarning,
.hidden-blocks#page-admin-index .testsitewarning,
.hidden-blocks#page-admin-index .adminwarning.maturityinfo.maturity50,
.hidden-blocks#page-admin-index .adminwarning.availableupdatesinfo,
.hidden-blocks#page-admin-index .releasenoteslink,
.hidden-blocks#page-admin-roles-assign div.box.generalbox,
.hidden-blocks#page-admin-roles-assign div.box.generalbox,
.hidden-blocks.que .formulation,
.hidden-blocks.que .outcome,
.hidden-blocks.que .comment,
.hidden-blocks.que .formulation,
.hidden-blocks.que .comment,
.hidden-blocksform .form-item.femptylabel .felement.fstatic,
.hidden-blocks.mform .form-item.femptylabel .felement.fstatic,
.hidden-blocksform .fitem.femptylabel .felement.fstatic,
.hidden-blocks.mform .fitem.femptylabel .felement.fstatic,
.hidden-blocksform .fld.femptylabel .felement.fstatic,
.hidden-blocks.mform .fld.femptylabel .felement.fstatic,
.hidden-blocks#fitem_id_availabilityconditionsjson .availability-plugincontrols,
.hidden-blocks#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner,
.hidden-blocks.message div.heading {
  text-shadow: none;
}
.block_news_items .header .uk-panel-title h2:before {
  content: "\f0a1";
}
.block_navigation .header .uk-panel-title h2:before {
  content: "\f0e8";
}
.block_calendar_upcoming .header .uk-panel-title h2:before,
.block_calendar_month .header .uk-panel-title h2:before {
  content: "\f073";
  
 
}

.block_calendar_upcoming  .block .uk-panel .uk-panel-box .uk-panel-header {
	
	background-color:#B9B9B9;}
	

@media (min-width: 960px) {
  .block_calendar_month {
    display: none !important;
  }
}

.block_course_list .header .uk-panel-title h2:before {
  content: "\f108";
}
.block_completionstatus .header .uk-panel-title h2:before,
.block_selfcompletion .header .uk-panel-title h2:before {
  content: "\f0e4";
}
.block_rss_client .header .uk-panel-title h2:before {
  content: "\f09e";
}
.block_blog_menu .header .uk-panel-title h2:before {
  content: "\f02d";
}
.block_quiz_results .header .uk-panel-title h2:before {
  content: "\f080";
}
.block_quiz_navblock .header .uk-panel-title h2:before {
  content: "\f126";
}
.block_glossary_random .header .uk-panel-title h2:before {
  content: "\f0eb";
}
.block_book_toc .header .uk-panel-title h2:before {
  content: "\f02d";
}
.block_participants .header .uk-panel-title h2:before,
.block_online_users .header .uk-panel-title h2:before {
  content: "\f0c0";
}
.block_html .header .uk-panel-title h2:before {
  content: "\f022";
}
.block_section_links .header .uk-panel-title h2:before {
  content: "\f02e";
}
.block_activity_modules .header .uk-panel-title h2:before {
  content: "\f12e";
}
.block_comments .header .uk-panel-title h2:before {
  content: "\f075";
}
.block_settings .header .uk-panel-title h2:before {
  content: "\f085";
}
.block_admin_bookmarks .header .uk-panel-title h2:before {
  content: "\f02e";
}
.block_blog_tags .header .uk-panel-title h2:before,
.block_tags .header .uk-panel-title h2:before {
  content: "\f02c";
}
.block_private_files .header .uk-panel-title h2:before {
  content: "\f114";
}
.block_block_mentees .header .uk-panel-title h2:before {
  content: "\f0c0";
}
.block_messages .header .uk-panel-title h2:before {
  content: "\f0e0";
}
.block_community .header .uk-panel-title h2:before {
  content: "\f0ac";
}
.block_login .header .uk-panel-title h2:before {
  content: "\f007";
}
.block_recent_activity .header .uk-panel-title h2:before {
  content: "\f017";
}
.block_search_forums .header .uk-panel-title h2:before {
  content: "\f0e6";
}
.block_myprofile .header .uk-panel-title h2:before {
  content: "\f007";
}
.block_adminblock .header .uk-panel-title h2:before {
  content: "\f009";
}
.block_feedback .header .uk-panel-title h2:before {
  content: "\f087";
}
.block_flickr .header .uk-panel-title h2:before {
  content: "\f03e";
}
.block_youtube .header .uk-panel-title h2:before {
  content: "\f145";
}
.block_course_badges .header .uk-panel-title h2:before {
  content: "\f091";
}
.block_twitter_search .header .uk-panel-title h2:before {
  content: "\f099";
}
.block_tree li.item_with_icon p img,
.block_tree li.item_with_icon p.hasicon img,
.block_tree li.item_with_icon p img a img,
.block_tree li.item_with_icon p.hasicon img a img {
  position: inherit !important;
  margin-right: 5px !important;
}
/*
 * Special styles for online users block:
 */
.block_online_users .content .list li.listentry .user .userpicture {
  margin-right: 8px;
}
.block_online_users .content .list li.listentry {
  clear: both;
  display: block;
  margin-bottom: 5px;
  overflow: auto;
}
/* @group Edit Buttons */
.editing_update {
  border-left: 2px solid #999;
  padding-left: 7px !important;
}
.editing_duplicate {
  padding-right: 7px !important;
}
.editing_delete {
  border-right: 2px solid #999;
  border-left: 2px solid #999;
  padding-right: 7px !important;
  padding-left: 7px;
  padding-right: 7px;
}
#page-mod-glossary-view .commands img,
#page-calendar-view .commands img {
  display: inline;
}
.commands a {
  padding-right: 5px;
}
.commands a:hover {
  text-decoration: none;
}
.editing_delete,
.editing_hide,
.editing_show,
.editing_move,
.editing_moveright,
.editing_moveleft,
.editing_move,
.editing_update,
.editing_edit,
.editing_duplicate,
.editing_title,
.editing_hide,
.editing_show,
.editing_assign,
.editing_roles {
  font-family: "FontAwesome";
  font-size: 1.1em;
  color: #0077dd;
  text-decoration: none;
  cursor: pointer;
}
.editing_delete img,
.editing_hide img,
.editing_show img,
.editing_move img,
.editing_moveright img,
.editing_moveleft img,
.editing_move img,
.editing_update img,
.editing_edit img,
.editing_duplicate img,
.editing_title img,
.editing_hide img,
.editing_show img,
.editing_assign img,
.editing_roles img {
  display: none !important;
}
.editing_delete:before,
.editing_hide:before,
.editing_show:before,
.editing_move:before,
.editing_moveright:before,
.editing_moveleft:before,
.editing_move:before,
.editing_update:before,
.editing_edit:before,
.editing_duplicate:before,
.editing_title:before,
.editing_hide:before,
.editing_show:before,
.editing_assign:before,
.editing_roles:before {
  margin-right: 3px;
  margin-left: 3px;
}
.editing_delete .uk-icon,
.editing_hide .uk-icon,
.editing_show .uk-icon,
.editing_move .uk-icon,
.editing_moveright .uk-icon,
.editing_moveleft .uk-icon,
.editing_move .uk-icon,
.editing_update .uk-icon,
.editing_edit .uk-icon,
.editing_duplicate .uk-icon,
.editing_title .uk-icon,
.editing_hide .uk-icon,
.editing_show .uk-icon,
.editing_assign .uk-icon,
.editing_roles .uk-icon {
  display: none;
}
/*
 * Commented because these images are dinamically changed in Moodle 2.6+ activities edition
.editing_groupsnone,
.editing_groupsvisible,
.editing_groupsseparate {
    .editicon;
}
*/
.editing_delete::before {
  content: "\f00d ";
  color: red;
}
.editing_move:hover {
  cursor: move;
}
.editing_move::before {
  content: "\f047 ";
}
.section .activity .commands .editing_move {
  position: inherit;
}
.editing_moveright::before {
  content: "\f061 ";
}
.editing_moveleft::before {
  content: "\f060 ";
}
.editing_update::before,
.editing_edit::before {
  content: "\f013 ";
}
.editing_duplicate::before {
  content: "\f0c5 ";
  padding-right: 5px;
}
.editing_title::before {
  content: "\f040 ";
}
.editing_hide::before {
  content: "\f06e ";
}
.editing_show::before {
  content: "\f070 ";
}
.editing_assign::before,
.editing_roles::before {
  content: "\f084 ";
}
/*
 * Commented because these images are dinamically changed in Moodle 2.6+ activities edition
.editing_groupsnone::before {
	content: "\f007 ";
}

.editing_groupsvisible::before {
	content: "\f0c0 ";
}

.editing_groupsseparate::before {
	content: "\f0c0 ";
}
*/
/* @end */
#frontpage-course-list .coursebox > .info > .name {
  width: auto;
}
/* Social networks and profile picture styles */
.myprofileitem.picture {
  width: 100px;
  height: 100px;
  margin: 10px auto;
  border-radius: 250px;
  border: 5px solid #fff;
  box-shadow: 0px 0px 3px #aaa;
  text-align: center;
  -webkit-transition: border 1s ease;
  /* Safari */
  transition: border 1s ease;
}
.myprofileitem.picture:hover {
  -webkit-transition: border 1s ease;
  /* Safari */
  transition: border 1s ease;
}
img.profilepicture {
  width: 120px;
  height: 120px;
  border-radius: 250px;
}
.socials {
  margin-top: 5px;
}
.socials img {
  border-radius: 5px;
  width: 30px;
  height: 30px;
  margin-top: 0px;
}
.socials img:hover {
  -webkit-transition: all .5s ease;
  /* Safari */
  transition: all .5s ease;
}
a.facebook:hover,
a.facebook:focus {
  color: #4a6ea9;
}
a.skype:hover,
a.skype:focus {
  color: #00adf7;
}
a.instagram:hover,
a.instagram:focus {
  color: #a5674a;
}
a.ios:hover,
a.ios:focus {
  color: #000;
}
a.android:hover,
a.android:focus {
  color: #98cd32;
}
a.vk:hover,
a.vk:focus {
  color: #4a6ea9;
}
a.twitter:hover,
a.twitter:focus {
  color: #00aced;
}
a.googleplus:hover,
a.googleplus:focus {
  color: #f42941;
}
a.flickr:hover,
a.flickr:focus {
  color: #ff3096;
}
a.pinterest:hover,
a.ointerest:focus {
  color: #de0002;
}
a.instagram:hover,
a.instagram:focus {
  color: #b99c6b;
}
a.youtube:hover,
a.youtube:focus {
  color: #f42941;
}
a.pinterest:hover,
a.pinterest:focus {
  color: #f42941;
}
a.linkedin:hover,
a.linkedin:focus {
  color: #4A9CC9;
}
a.website:hover,
a.website:focus {
  color: #A020A0;
}
a.ios:hover,
a.ios:focus {
  color: #007aff;
}
a.android:hover,
a.android:focus {
  color: #99CC00;
}
.socials li {
  text-align: right;
  display: inline-block;
}
ul.socials {
  text-align: right;
}
.socialheading {
  text-align: right;
  color: #666666;
  letter-spacing: .2em;
  padding: 0;
  margin: 0;
  margin-top: 0;
}
/* Home News Boxes */
.services {
  margin: 20px 0px;
}
.service {
  padding: 3px 10px;
  margin-bottom: 10px;
  border-width: 1px 1px 3px;
}
.service img {
  max-width: 100%;
}
.service .uk-icon {
  font-size: 1.2em;
  color: #0077dd;
  margin-top: 3px;
  margin-right: 8px;
}
/* Marketing Spots */
#adspots {
  margin-top: 10px;
  margin-bottom: 10px;
}
.afeature {
  width: 190px;
  height: 190px;
  margin: 10px auto;
  border-radius: 250px;
  border: 5px solid #fff;
  box-shadow: 0px 0px 3px #aaa;
  text-align: center;
  -webkit-transition: border 1s ease;
  /* Safari */
  transition: border 1s ease;
}
.afeature:hover {
  -webkit-transition: border 1s ease;
  /* Safari */
  transition: border 1s ease;
}
.afmatter {
  width: 80%;
  margin: 10px auto;
  padding-top: 15px;
  line-height: 19px;
  font-size: 1em;
  color: #666;
}
.afmatter i {
  font-size: 40px;
  width: 40px;
  margin-bottom: 12px;
}
.marketing-image {
  background-size: contain !important;
  background-position: center top !important;
  width: 100%;
  margin-bottom: 5px;
}

.descrip_event{
	width: 96%;
    background-color: #E6E5EF;
    margin-left: 3%;
	margin-top: 5%;
}
	
.fecha_eventos{
	float: right;
    margin-right: 2%;
	
	}

.uk-navbar-nav>li>a {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    height: 41px;
    padding: 0 15px;
    line-height: 40px;
    color: #444;
    font-size: 14px;
    font-family: "Bree Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    text-shadow: 0 1px 0 #fff;
}