/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: 2px solid black;
    outline-offset: 1px;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * 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; this line breaks sub/sup rendering */
}

/*
sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}*/

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* use this file for new styles for Author, Admin, DI */

header 
{
    position:relative;
    background-image: url(../Assets/default/Images/bg_texture.png);
    height: 40px;
    border-bottom: solid 1px #ddd;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(192, 192, 192, .1);
    box-shadow: 0px 0px 0px 3px rgba(192, 192, 192, .1);
    z-index:3;
}

body.fixed960 header > div
{
    position:relative;
    width:960px;
    margin: auto;
}
header .logo 
{
    position:static;
}

header .nav 
{
    height: 100%;
}

.nav > ul 
{
    list-style-type: none;
    padding-left: 75px;
}
.nav > ul li
{
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    padding-top: 5px;
}
.nav > ul li.logoLink 
{
    padding-right: 10px;
}
.nav > ul li.logoLink .image 
{
    vertical-align:middle;
}
.nav li.logoLink .tinyUpArrow
{
    position: relative;
    left: 15px;
    top: -7px;
}
.nav > ul li.active 
{
    background: rgb(227,227,227); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(227,227,227,1) 0%, rgba(250,250,250,1) 63%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(63%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(250,250,250,1) 63%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(250,250,250,1) 63%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(250,250,250,1) 63%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(227,227,227,1) 0%,rgba(250,250,250,1) 63%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
    cursor: default;
}

.page-title 
{
    font-weight: 300;
    margin-top: 5px;
    margin-left: 91px;
    font-size: 18pt;
    color: #777;
}

.tenantname 
{
    font-size: 16px;
}
.page-content 
{
    margin: 40px;
    margin-top: 10px;
}
.blue-shading
{
    z-index: -1;
    width:800px;
    height: 80px;
    position: absolute;
    top: 30px;
    left: -380px;
    border-radius: 2000px / 200px;
    background: -moz-linear-gradient(top,  rgba(243,247,255,0) 0%, rgba(244,248,255,0) 51%, rgba(244,248,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,247,255,0)), color-stop(51%,rgba(244,248,255,0)), color-stop(100%,rgba(244,248,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(243,247,255,0) 0%,rgba(244,248,255,0) 51%,rgba(244,248,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(243,247,255,0) 0%,rgba(244,248,255,0) 51%,rgba(244,248,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(243,247,255,0) 0%,rgba(244,248,255,0) 51%,rgba(244,248,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(243,247,255,0) 0%,rgba(244,248,255,0) 51%,rgba(244,248,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3f7ff', endColorstr='#f4f8ff',GradientType=0 ); /* IE6-9 */
}

body.fixed960 .page-title 
{
    position: relative;
}
body.fixed960 .blue-shading 
{
    top:-25px;
    left: -270px;
}

.lastUpdatedColumn 
{
    width: 130px;
}

.ib_manage
{
    color: #a00;
}
.ib_edit 
{
    color: #00a;
}
.ib_view 
{
    color: #1a1;
}

.page-content-top-right 
{
    position:absolute;
    right:30px;
}

.page-content-top-left
{
    position:absolute;
    left:30px;
}

body
{
    font-family: Open Sans;
    font-size: 10.5pt;
    text-shadow: 0 0 1px rgba(0,0,0,0.2);
}

h1
{
    font-family: Open Sans;
    font-weight: 300 !important;
    font-size: 22pt;
    font-weight: normal;
    color: #444;
    margin: 3px 0px;
}
h2
{
    font-family: Open Sans;
    font-weight: 300 !important;
    font-size: 18pt;
    font-weight: normal;
    color: #575757;
    margin: 3px 0px;
}
h3
{
    font-family: Open Sans;
    font-weight: 300 !important;
    font-size: 16pt;
    font-weight: normal;
    color: #448;
    margin: 0.5em;
}
h3 .error-message
{
    padding-left: 10px;
    color: Red;
}
.Stimulus h1, .stimulus-preview h1, .lighthouse-canvas h1
{
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
}
.Stimulus h2, .stimulus-preview h2, .lighthouse-canvas h2
{
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}
.Stimulus h3, .stimulus-preview h3, .lighthouse-canvas h3
{
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
}
.Stimulus h4, .stimulus-preview h4, .lighthouse-canvas h4
{
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    
}
.Stimulus h1, .Stimulus h2, .Stimulus h3, .Stimulus h4,
.stimulus-preview h1, .stimulus-preview h2, .stimulus-preview h3, .stimulus-preview h4,
.lighthouse-canvas h1, .lighthouse-canvas h2, .lighthouse-canvas h3, .lighthouse-canvas h4
{
    color: black;
    display: block;
    font-weight: bold !important;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.error-message
{
    color: Red;
}

a, a:visited
{
    color: #084c9e;
    text-decoration: none;
}
a:hover, a:active
{
    color: #1795FF;
}

a.selected {
    font-weight:bold;
    cursor: default;
    color: #222;
    pointer-events:none;
}
fieldset
{
    background-color: #fafafa;
    border: solid 1px #ddd;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
}
ul
{
    margin: 0px;
}

input[type="button"], input[type="submit"]
{
    padding: 5px 10px;
}

input.medium
{
    padding: .1em 1em .2em; /*do not override aperture button style*/
}
input[type="button"].disabled, input[type="submit"].disabled
{
    opacity: 0.6;
    cursor: default;
}

footer
{
    font-size: 0.9em;
    color: #888;
    opacity: 1;
    text-align:center;
    position:fixed;
    bottom:0px;
    right:20px;
    background-color: #fff;
    padding: 5px;
    border: solid 1px #f7f7f7;
}

.copyright,
.contact-terms-privacy
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.contact-terms-privacy {
  padding-left: 1em;
}

.nav > ul
{
    padding-top:5px;
    display:inline-block;
}

.success_message
{
    padding: 10px;
    background-color: #f7fff7;
    border: solid 1px #8d8;
}
.error_message
{
    padding: 10px;
    background-color: #fff7f7;
    border: solid 1px #d88;
}
.error
{
    color: #800;
}

.document-title
{
    display:none;
}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 0px;
    background: rgba(255,255,255,0.9);
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(8,76,158,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(8,76,158,0.4);
}

.fixedBodyWidth
{
    width: 980px;
    margin: auto;
}
input[type=text], input[type=password], input[type=email], input[type=tel], textarea
{
    border-radius: 4px;
    border:solid 1px #ccc;
    background: rgb(244,247,249); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(244,247,249,1) 0%, rgba(254,255,255,1) 57%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,247,249,1)), color-stop(57%,rgba(254,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(244,247,249,1) 0%,rgba(254,255,255,1) 57%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(244,247,249,1) 0%,rgba(254,255,255,1) 57%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(244,247,249,1) 0%,rgba(254,255,255,1) 57%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(244,247,249,1) 0%,rgba(254,255,255,1) 57%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f9', endColorstr='#feffff',GradientType=0 ); /* IE6-8 */
    padding: 1px 3px;
    outline-color: #48a;
}
input.searchBox::-ms-clear  /*remove 'x' clear button from IE10 because we implement it ourselves */
{
    display:none;
}

#username, #password, #passwordph
{
    border:none;
    background: none;
    filter: none;
    border-bottom: dotted 1px #028;
    padding-bottom: 0px;
}
input[type=text].invalid, input[type=password].invalid, input[type=email].invalid, input[type=tel].invalid
{
    border-bottom: solid 1px #f00;
    color: #f00;
}

input[type=text].untouched
{
    color: #ccc;
}

input:focus, textarea:focus
{
    outline: 2px solid black;
    outline-offset: 1px;
}

.loader
{
    margin: auto;
    text-align:center;
}

.required-field-asterisk
{
    color: #e88;
}
/* tables */
.listing-table
{
    width: 100%;
    font-size: 10pt;
    border-collapse:separate;
    border-spacing:0 1px;
}

.listing-table thead tr th
{
    text-align:left;
    border-bottom: solid 1px #839ca6;
}

.listing-table tbody tr td
{
    border-bottom: solid 1px #def;
    padding: 6px 12px 6px 0px;
}
/*for inner tables*/
.listing-table tbody tr td table
{
    width: 100%;
    font-size: 10pt;
}

.frozenTable
{
    position:absolute;
    overflow:hidden;
    z-index:200;
    background-color: #FFF;
    white-space:nowrap;
    max-width:550px;
    text-overflow: ellipsis;
}

.frozenTable table
{
    width: 100%;
}

.frozenCol
{
    padding-right: 10px;
}

.fullTable
{
    position:relative;
    top:0px;
    white-space:nowrap;
}

.fullTable table
{
    width: 100%;
}

.listing-table tbody tr td table tbody tr:last-child td
{
    border-bottom: 0px;
}
.empty-listing
{
    margin: 10px;
    color: #888;
    text-align:center;
}
/* images */

.image
{
    display: inline-block;
    background-image: url(../Assets/default/Images/iTesterPortalAssets-3.29.png);
    background-repeat: no-repeat;
}
.iTesterLogo
{
    width: 60px;
    height: 55px;
    background-position: 0px -35px;
}
.lighthouseLogoBig
{
    width: 112px;
    height: 110px;
    background-position: 0px -160px;
}
.lighthouseLogoText
{
    width: 224px;
    height: 50px;
    background-position: -110px -155px;
}
.lighthouseLogo
{
    width: 60px;
    height: 60px;
    background-position: -112px -210px;
}

.lighthouseLogoDimensions
{
    display:inline-block;
    height: 70px;
    width: 75px;
    position:absolute;
    padding:0px;
    top: 3px; 
    left: 3px;
}

header .logo
{
    position: static;
}

.menuSelection .Authoring,
.menuSelection .Administration,
.menuSelection .Reporting,
.menuSelection .Scoring,
.menuSelection .Insight,
.menuSelection .myJourney,
.userManagementLogo, .userProfileLogo, .settingsLogo,.standardsLogo
{
    width: 60px;
    height: 55px;
}

.menuSelection .Administration
{
    background-position: -60px -35px;
}

.menuSelection .Reporting
{
    background-position: -120px -35px;
}

.menuSelection .Authoring
{
    background-position: 0px -35px;
}
.menuSelection .Scoring
{
    background-position: -420px -35px;
}

.menuSelection .Insight
{
    background-image: url(../Assets/default/Images/insight.svg);
    background-size: 65px;
    background-position: center;
}

.menuSelection .myJourney
{
    background-image: url(../Assets/default/Images/myJourney.svg);
    background-size: 45px;
    background-position: center;
}

.adminLogoSmall, .diLogoSmall, .authorLogoSmall, .scoringLogoSmall
{
    width: 30px;
    height:30px;
    background-position: -30px -90px;
}
.adminLogoSmall
{
    background-position: -60px -90px;
}
.diLogoSmall
{
    background-position: -90px -90px;
}
.scoringLogoSmall
{
    background-position: -120px -90px;
}
.userManagementLogo
{
    background-position: -180px -35px;
}

.userProfileLogo
{
    background-position: -240px -35px;
}

.standardsLogo
{
    background-position: -300px -35px;
}

.settingsLogo
{
    background-position: -360px -35px;
}

.backArrow
{
    width: 30px;
    height: 30px;
    background-position: 0px -90px;
}

.editButton, .deleteButton, .inspectButton, .searchButton, .viewButton, .scheduleButton, .alignButton, .history-button, .rollback-button,
.listIcon, .readOnlyIcon
{
    width: 20px;
    height: 20px;
    opacity: 0.7;
    cursor:pointer;
}

.editButton:hover, .deleteButton:hover, .history-button:hover, .rollback-button:hover, .searchButton:hover, .viewButton:hover,
.scheduleButton:hover, a:hover .editButton, a:hover .deleteButton, a:hover .history-button, a:hover .scheduleButton, a:hover .searchButton,
a:hover .viewButton, .standard-name:hover .alignButton, .listIcon:hover, .readOnlyIcon:hover
{
    opacity: 1;
}

.eMetricLogo { background-position: -175px -210px; width: 110px; height: 27px;}
.editButton { background-position: -120px 0px; vertical-align:bottom; }
.readOnlyIcon { background-position: -272px -20px; vertical-align: bottom; }
.deleteButton { background-position: -140px 0px; vertical-align:bottom; }
.history-button { background-position: -486px 0px; vertical-align: bottom; }
.rollback-button { background-position: -527px 0px; vertical-align: bottom; }
.inspectButton { background-position: -180px 0px; vertical-align:bottom; }
.searchButton { background-position: -180px 0px; vertical-align:bottom; }
.viewButton { background-position: -250px -20px; vertical-align:bottom; }
.scheduleButton { background-position: -300px 0px; vertical-align: bottom; }
.alignButton { background-position: -320px 0px; vertical-align: bottom; }
.smallSpeechIcon { width:20px; height:18px; background-position: -340px 1px; vertical-align:bottom;}
.smallSpeakIcon { width:20px; height: 20px; background-position: -360px 0px; }
.moveHandle { width: 20px; height: 15px; background-position: -420px 0px; cursor: move; }
.simulateButton { width: 20px; height: 20px; background-position: -440px 0px; vertical-align:bottom;}
.plusButton { width:20px; height: 20px; background-position: -160px 0px; vertical-align:bottom; }
.tinyPlusButton { width:15px; height: 15px; background-position: -160px -20px; vertical-align:bottom; }
.tinyMinusButton { width:15px; height: 15px; background-position: -180px -20px; vertical-align:bottom; }
.tinyDeleteButton { width:15px; height: 15px; background-position: -205px -20px; vertical-align:bottom; }
.tinyGearIcon { width: 15px; height: 15px; background-position: -220px -20px; vertical-align:bottom;}
.bluePlusButton { width: 20px; height: 20px; background-position: -240px 0px; }
.blueMinusButton { width: 20px; height: 20px; background-position: -260px 0px; }
.excelIcon { width: 20px; height: 20px; background-position: -280px 0px; }
.tinyGreenPlusButton { width:15px; height: 15px; background-position: -190px -20px; }
.tinyDownArrow { width:7px; height:7px; background-position: -120px -20px; }
.tinyUpArrow { width: 7px; height: 7px; background-position: -127px -20px; }
.tinyRightArrow { width: 7px; height: 7px; background-position: -154px -20px; }
.tinyWhiteDownArrow { width:7px; height:7px; background-position: -120px -27px; }
.tinyWhiteUpArrow { width: 7px; height: 7px; background-position: -127px -27px; }
.smallDownArrow { width: 10px; height: 10px; background-position: -144px -20px; }
.smallUpArrow { width: 10px; height: 10px; background-position: -134px -20px; }
.listIcon { background-position: -122px -91px; vertical-align: bottom; width: 25px; height: 25px; transform: scale(0.8); }
.smallOcrIcon {
    width: 20px;
    height: 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAIRlWElmTU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABSgAwAEAAAAAQAAABQAAAAAQeed/gAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KGV7hBwAAAmxJREFUOBHtk89LVFEUx8+5773GmTGtTPtlEwSB0UZwFf4atKJ/4LmpxDRsFrVIBnMR9CAoaso2bSoU1w20imrhwkrbREQbIy1RA38QTJGj4fjuPZ373jxnwloELb1w3z3n3PP9nHfPfQ9gc/znDhAC6LlhBPFgr8j/Yz5A3HHMABOPa9tP9O1gR695ABVAeW1QrJBc1+1E6jtvbg0ixbDW9nsVQbyu+76l7SO2s4WXYhCuO01nb18BgnEQ6BJA8+6l/b3pdJts7LrTioraXAHXTYIEIQ6jUgQoHnJeLxLVMnKniGUvjjgOp/Fo7Oq/IKzQNQHZpy9jS09MK9SzWPqlT7+JZYWHucjU64HkDAufMclCFFRWdeAgEsyjgIltew4laLb0uGZ5QCB1Wrm5zMjQ1VVwHCXXVjOA1BJxs6cMKwSKaEwn7/oRGxsd6HmuCMtWl7/zYbGaFNZ/m/8044J8vw7kc4fZkbad9gsAEffeYmcHkQImehf2NTru9U6g5C1WkQrzUsPaD2ODl+f0heUBOMnBSt0zXQWFUcGJEwx6ZYUiYICo1HGA8pKmc3cPcwuywrRAEn7k4LuSaPnJlvb+fawkDygQ+7jBMw0dqXhzZ+qokvKzK+WNF0PJN8uZxceElNA4ZagkKnmMFCuEAYaAKq0jPtCaSV4P0XEcwVOdOJOKrgisAQPdn2bp5NsH51c0RI94x63aHMfRlRRVxnQuFNouyd1roDkH1ZkFdzraAMKcHR28NOUJbNs2PKPooQt5brAW7f3dLHzswLcrfpsFFdr2Iy5I3mn8P4XQ++j9v8W3/6lwAb5pbezAL1R27kQ+pxOVAAAAAElFTkSuQmCC');
    vertical-align: bottom;
    cursor: pointer;
}

.search-button-large
{
    width: 32px;
    height: 28px;
    background-position: -205px -125px;
    vertical-align: bottom;
    opacity: 0.6;
    cursor: pointer;
}

.delete-button
{
    width: 18px;
    height: 17px;
    background-position: -168px -125px;
    vertical-align: bottom;
    opacity: 0.7;
    cursor: pointer;
}

.searchBox-large
{
    line-height: 26px;
    margin-left: 5px;
    width: 225px;
}

input.searchBox-large
{
    padding-right: 25px;
}

.searchbox-popup-results
{
    margin-top: 5px;
}

.searchbox-popup-header
{
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
}

.lighthouse-edit, .lighthouse-score, .lighthouse-preview, .lighthouse-save, .lighthouse-cancel, .lighthouse-add, .lighthouse-accessibility, .lighthouse-attachment
{
    width: 40px; height: 40px;
}
.lighthouse-edit { background-position: -120px -120px; }
.lighthouse-score { background-position: -160px -120px; }
.lighthouse-accessibility { background-position: -440px -120px; }
.lighthouse-preview { background-position: -200px -120px; }
.lighthouse-attachment { background-position: 4px 8px; }
.lighthouse-save { background-position: -240px -120px; }
.lighthouse-cancel { background-position: -320px -120px; }
.lighthouse-add { background-position: -360px -120px; }
.active .lighthouse-edit { background-position: -0px -120px; cursor: default; }
.active .lighthouse-score { background-position: -40px -120px; cursor: default; }
.active .lighthouse-preview { background-position: -80px -120px; cursor: default; }
.active .lighthouse-accessibility { background-position: -400px -120px; cursor: default; }

#editGroupForm #edit-users-tab .organization-chooser select, #editGroupForm #edit-users-tab .role-chooser select
{
    width: 170px;
}
.organization-chooser, .role-chooser, .program-chooser
{
    display: inline-block;
    vertical-align:middle;
}

.organization-chooser select
{
    width: 380px;
}

.role-chooser select
{
    width: 200px;
}
.chooser-helper
{
    background-color: #06a;
    padding:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 0.9em;
    color: #fff;
    cursor:pointer;
}
.vertical-chooser:hover .chooser-helper
{
    background-color: #28c;
}
.chosen-container
{
    text-align:left;
}
.chosen-container-multi .chosen-choices .search-field input
{
    font-family: Open Sans !important;
}
.vertical-chooser .chosen-container-multi
{
    border:solid 1px #06a;
}
.chosen-container-multi *
{
    cursor: pointer !important;
}
.chosen-container-multi.chosen-disabled *
{
    cursor: default !important;
}
.chosen-container.nosearch .chosen-search
{
    display: none;
}
.chosen-container.nosearch .chosen-drop
{
    top: 25px;
}
.chosen-container-single .chosen-single span
{
    margin-right: 45px !important;
}
.vertical-chooser .chosen-container-multi
{
    cursor: pointer;
    border: none;
}

.vertical-chooser select
{
    width: 450px;
}
.vertical-chooser .chosen-container-multi .chosen-choices .search-choice
{
    float:inherit;
    display:block;
    margin: 5px 3px;
    padding: 8px;
}
.vertical-chooser .chosen-container-multi .chosen-choices .search-field
{
     margin: 3px 4px;
     padding: 2px;
     display:block;
     float:inherit;
}
.vertical-chooser .chosen-container-multi .chosen-choices .search-choice .search-choice-close
{
    top: 9px;
    right: 5px;
}
.vertical-chooser .chosen-container-multi .chosen-choices .search-field input
{
    font-family: Open Sans !important;
    width: 100% !important;
}

.chosen-container .chosen-results .group-result
{
    color: #000 !important;
}
/*table pagers*/
#pager
{
    width:100%;
    font-size: 0.9em;
    text-align:center;
    margin-bottom: 10px;
}
#pager input
{
    width: 30px;
}
#pager .pagerprev
{
    width: 35px;
    display:inline-block;
    padding: 5px 15px;
    background-color: #f7f7f7;
    border: solid 1px #eee;
    margin-right: 10px;
}
#pager .pagernext
{
    width: 35px;
    display: inline-block;
    padding: 5px 15px;
    background-color: #f7f7f7;
    border: solid 1px #eee;
    margin-left: 10px;
}
#pager span.pagerprev, #pager span.pagernext
{
    background-color: transparent;
    border: solid 1px transparent;
}

.searchBar
{
    display:inline-block;
    position:relative;
}

.searchBar .delete-button
{
    position: absolute;
    right: 4px;
    bottom: 6px;
    opacity: 0.4;
    cursor: pointer;
}

.searchBar .tinyDeleteButton
{
    position: absolute;
    right: 4px;
    bottom: 4px;
    opacity: 0.4;
    cursor: pointer;
}
.searchBar .tinyDeleteButton:hover,
.searchBar .delete-button:hover
{
    opacity: 0.7;
}
#activeProgramLink
{
    width: 250px;
    text-align:right;
    display:inline-block;
    cursor:pointer;
    float:right;
    margin-right: 20px;
    margin-top: 10px;
    font-size: 90%;
    position:relative;
}
#activeProgramLink select
{
    width:150px;
}
.studentOptionsLink:hover, #activeProgramLink:hover, #logoutLink:hover
{
    text-shadow: 0 0 0.2em #3af;
}
#activeProgramLink:hover
{
    text-shadow:none;
}
#activeProgramLink.disabled
{
    cursor: default;
    text-shadow:none;
}
#activeProgramLink.disabled .image
{
    display:none;
}
#userOptions {
    position: relative;
    text-align: right;
    display: inline-block;
    cursor: pointer;
}
.popup-controller
{
    cursor: pointer;
}
#userOptionsLink
{
    width: 233px;
}
#allProgramsPanel, .filter-options, .popupdiv
{
    opacity: 0;
    visibility:hidden;
    border: solid 1px #ddd;
    border-radius: 2px;
    padding: 10px 20px;
    -webkit-transition: visibility 0s 0.2s, opacity 0.2s;
    -moz-transition: visibility 0s 0.2s, opacity 0.2s;
    -ms-transition: visibility 0s 0.2s, opacity 0.2s;
    transition: visibility 0s 0.2s, opacity 0.2s;
    position: absolute;
    box-shadow: inset 0px 0px 4px #fff;
    background: rgb(238,238,238); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 48%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(48%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    text-shadow:none;
    right:5px;
    z-index: -1;
}
.item-card-border
{
    border: solid 2px #aaa;
}
.item-card h3
{
    font-size: 1.3em;
    color: #000;
}
.item-card h4
{
    font-family: Open Sans;
    margin: 1em;
}
.item-card li
{
    list-style-type: none;
}
.item-card ul
{
    padding-inline-start: 1em;
    padding-inline-end: 1em;
}
.item-card-container
{
    display: flex;
    flex-direction: row;
    padding: 2%;
}
.item-card-col
{
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    padding: 2%;
}
.stimulus-card-border
{
    border: solid 2px #aaa;
}
.stimulus-card h3
{
    font-size: 1.3em;
    color: #000;
}
.stimulus-card h4
{
    font-family: Open Sans;
    margin: 1em;
}
.stimulus-card li
{
    list-style-type: none;
}
.stimulus-card ul
{
    padding-inline-start: 1em;
    padding-inline-end: 1em;
}
.stimulus-card-container
{
    display: flex;
    flex-direction: row;
    padding: 2%;
}
.stimulus-card-col
{
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    padding: 2%;
}
#userOptionsLink.hover #userOptionsPanel, .popup-controller.hover .popupdiv, .popupdiv.shown
{
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
    cursor: default;
    z-index: 1;

}
#userOptionsLink .icon-menu-bars
{
    display: none;
}
.user-options-panel_options
{
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 100%;
}
.user-options-panel_option
{
    margin: 0 8px;
}
.link-profile:hover, .link-logout:hover, .link-help:hover
{
    text-shadow: 0 0 0.2em #3af;
}
.link-edit-profile
{
    display: none;
}
.profile-text-label
{
    display: none;
}
.divider {
    width: 2px;
    margin: 6px 0;
    background-color: #ddd;
    align-self: stretch;
}
.button-user-options
{
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: transparent;
    border: none;
    color: #084c9e;
}
#allProgramsPanel
{
    z-index:5;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
    cursor: default;
    display:none;
    width: fit-content;
    min-width: 300px;
    max-width: 450px;
    left: 67px;
    top: -11px;
    visibility: visible;
    padding: 0px !important;
}
#formListingForm #allProgramsPanel
{
    width: 250px;
    top: 25px;
    left: 80px;
}
#allProgramsPanel hr
{
    border: solid 1px #ddd;
}
.studentOptionsPanel
{
  width: 211px;
}
#userOptionsPanel
{
    display: flex;
    height: 100%;
    align-items: center;
}
.nav #userOptions {
    float: right;
    height: 100%;
}
.nav li
{
    position: relative;
}
.nav li .tinyUpArrow
{
    display:block;
    margin:auto;
}
.page-topbar
{
    font-weight: 300;
    color: #575757;
}
.page-firstbar
{
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
    height:64px;
    border-bottom: solid 1px #fff;
}

.page-firstbar > div
{
    padding: 10px;
    padding-left: 90px;
    border-bottom: solid 1px #fff;
}
.aperture-dialog-content .page-firstbar > div
{
    padding-left: 30px;
}
.page-firstbar > div.ar
{
    vertical-align:middle;
    padding: 15px 30px 15px 10px;
}
.page-secondbar
{
    background: rgb(247,247,247); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    height: 48px;
}
.page-secondbar > div
{
    padding: 10px;
    padding-left: 90px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}
.aperture-dialog-content .page-secondbar > div
{
    padding-left: 30px;
}
.page-secondbar > div.ar
{
    padding: 10px 30px 10px 10px;
}

.page-secondbar legend {
    color: #575757;
}

.validationMessage
{
    color: #f00;
    font-size:85%;
}

.icon-loading-bar
{
    display: none;
}

input[type="text"].readonly
{
    cursor: default;
}
.active-multi-item
{
    border-bottom: solid 1px #8cf;
    background-color: #eef7ff;
}
.multi-item-list:not(.collapsed-multi-items)
{
    width: 25%;
}

.multi-item-list ol
{
    opacity: 1;
    transition: opacity 1s ease;
}

.multi-item-list
{
    height: 90%;
    min-width: 15px;
    overflow: auto;
    border-right: 1px solid #ccc;
    padding: 10px;
    transition: width 1.5s ease;
}

.collapsed-multi-items
{
    width: 15px;
    overflow: hidden;
}

.collapsed-multi-items ol
{
    opacity: 0;
    transition: opacity 1s ease;
}

.refresh-button
{
    background: url(../Assets/default/Images/refresh-icon.svg) no-repeat center center;
    width: 25px;
    height: 40px;
    vertical-align: bottom;
}
.disable-multi-item-nav
{
    background-color: #d3d3d3;
    color: #a9a9a9;
    border: 1px solid #c0c0c0;
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

.active-multi-item.disable-multi-item-nav {
    border-bottom: solid 1px #8cf;
    background-color: #eef7ff;
}

.edit-multiple-items-button
{
    cursor: default;
    font-size: 12pt; 
    text-align: left;
}
.multi-item-nav
{
    display: flex; 
    align-items: center; 
    justify-content: space-evenly; 
    transition: padding-right 1s ease;
    width: 33%;
    padding-right: 245px;
}
.multi-item-nav.collapsed-multi-items
{
    width: 33%;
    padding-right: 461px;
}
.multi-items-iframe
{
    width: 100%; 
    height: 100%; 
    border: none; 
    overflow: auto; 
    display: flex;
}
.multi-item-actions-section
{
    width: 33%; 
    text-align: right; 
    padding-right: 10px; 
    display: flex; 
    align-items: flex-end; 
    justify-content: end; 
    padding-top: 10px;
}
.multi-items-container
{
    width: 100%; 
    height: 100%; 
    display: flex; 
    flex-direction: column;
}
.multi-items-header
{
    min-height: fit-content; 
    width: 100%; 
    overflow: auto; 
    border-bottom: 1px solid #ccc; 
    display: flex; 
    flex-direction: row; 
    align-items: baseline; 
    overflow: hidden;
    background: linear-gradient(180deg, #fff 28%, #f7f7f7);
}
/* use this file for new styles for Author, Admin, DI */
@font-face {
  font-family: 'FontAwesome';
  src: url('../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
       url('../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
       url('../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
       url('../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

#body-skeleton .loader
{
    margin-top: 60px;
}

option:disabled {
  background-color: #ededed;
}

.txtareadisabled  {
    cursor:default;
    opacity:0.5;
    top: 0px;
    color: #444;
    border: solid 1px #bbb;
    background: #f7f7f7;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
    background: -moz-linear-gradient(top, #f7f7f7 0%, #dddddd 100%);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #dddddd));
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #dddddd 100%);
    background: -o-linear-gradient(top, #f7f7f7 0%, #dddddd 100%);
    background: -ms-linear-gradient(top, #f7f7f7 0%, #dddddd 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%, #dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd', GradientType=0 );
 text-shadow: none;
}

.mini_message
{
    position: fixed;
    top: 100px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: opacity 0.7s;
    -moz-transition: opacity 0.7s;
    transition: opacity 0.7s;
    text-align:center;
    z-index: 100;
}
.mini_message_content
{
    padding: 10px 15px;
    background-color: #fff;
    border: solid 1px #acd;
    display:inline-block;
    min-width: 150px;
}
/*tabs*/ /*edit for axton */
.aperture-tabs
{
    background-color: #fff;
    border: solid 1px #ddd;
}

.aperture-tabs > ul
{
    list-style-type: none;
    width:100%;
    padding: 0px;
    margin: 0px;
}
.aperture-tabs > div
{

    margin: 20px 20px 20px 20px;
}
.aperture-tabs > ul li
{
    display: table-cell;
    border-right: solid 1px #ddd;
    background-color: #f7f7f7;
    padding: 12px 18px;
    cursor: pointer;
    border-bottom: solid 1px #ddd;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
}

.aperture-tabs > ul li
{
    white-space: nowrap;
    background: rgb(247,247,247); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(247,247,247,1) 1%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,247,247,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(238,238,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(247,247,247,1) 1%,rgba(238,238,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    margin: 0px;
    position: relative;
    top: 1px;
}
.aperture-tabs > ul li.active
{
    background: rgb(228,228,228); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(228,228,228,1) 1%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(228,228,228,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 1%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(228,228,228,1) 1%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(228,228,228,1) 1%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(228,228,228,1) 1%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    cursor: default;
    border-top: solid 1px #ddd;
    border-bottom: none;
}

.aperture-tabs > ul li.emptyTab
{
    filter:none;
    background: #fff;
    border-bottom: solid 1px #ddd;
    border-top: none;
    border-right: none;
    width:100%;
    cursor: default;
}

.aperture-tab--hidden {
  display: none;
}

.focus-message
{
    font-size: 18pt;
    font-weight: 300;

    min-width: 150px;
    padding: 15px;

    border: solid 2px #ccc;
    background-color: #fff;
}
.display-on-focus--center
{
    position: fixed;
    z-index: -999;
    top: auto;
    left: -999px;

}
.display-on-focus--center:focus,
.display-on-focus--center:active
{
    z-index: 999;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translate(-50%, -50%);
}

/* aperture buttons */
.aperture-button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0.3em 1.5em .4em;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.aperture-button:hover {
  text-decoration: none;
}
.aperture-button:active {
  position: relative;
  top: 1px;
}
.aperture-button:focus {
    outline: 2px solid black;
    outline-offset: 1px;
}
.aperture-button.disabled, .aperture-button.disabled:active
{
    cursor:default;
    opacity:0.5;
    top: 0px;
}
.aperture-button.pill {
    border-radius: 16px;
}
.focus-outline-none:focus
{
    outline: none;
}
.text-center
{
    text-align: center;
}
.medium {
  font-size: 14px;
  padding: .1em 1em .2em;
}
.small {
  font-size: 11px;
  padding: .13em 1em .25em;
}
.font-10
{
    font-size: 10px;
}
.v-align-bottom
{
    vertical-align: bottom;
}
.fieldset-disabled > * {
    opacity: 0.6;
    color: #888;
}
/* black */
.black, .black.disabled:hover, .black.disabled:active {
  color: #d7d7d7;
  border: solid 1px #333;
  background: #333;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #666 0%, #000 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666), color-stop(100%, #000));
  background: -webkit-linear-gradient(top, #666 0%, #000 100%);
  background: -o-linear-gradient(top, #666 0%, #000 100%);
  background: -ms-linear-gradient(top, #666 0%, #000 100%);
  background: linear-gradient(to bottom, #666 0%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#000', GradientType=0 );
}
.black:hover {
  background: #000;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNDQ0NDQ0Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #444 0%, #000 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444), color-stop(100%, #000));
  background: -webkit-linear-gradient(top, #444 0%, #000 100%);
  background: -o-linear-gradient(top, #444 0%, #000 100%);
  background: -ms-linear-gradient(top, #444 0%, #000 100%);
  background: linear-gradient(to bottom, #444 0%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#000', GradientType=0 );
}
.black:active {
  color: #666;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNDQ0NDQ0Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #000 0%, #444 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000), color-stop(100%, #444));
  background: -webkit-linear-gradient(top, #000 0%, #444 100%);
  background: -o-linear-gradient(top, #000 0%, #444 100%);
  background: -ms-linear-gradient(top, #000 0%, #444 100%);
  background: linear-gradient(to bottom, #000 0%, #444 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#444', GradientType=0 );
}

/* gray */
.gray, .gray.disabled:hover, .gray.disabled:active {
  color: #e9e9e9;
  border: solid 1px #555;
  background: #6e6e6e;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODg4ODg4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTc1NzU3Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #888 0%, #575757 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888), color-stop(100%, #575757));
  background: -webkit-linear-gradient(top, #888 0%, #575757 100%);
  background: -o-linear-gradient(top, #888 0%, #575757 100%);
  background: -ms-linear-gradient(top, #888 0%, #575757 100%);
  background: linear-gradient(to bottom, #888 0%, #575757 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#575757', GradientType=0 );
                             }
.gray:hover {
  background: #616161;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNzU3NTc1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNGI0YjRiIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #757575 0%, #4b4b4b 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #757575), color-stop(100%, #4b4b4b));
  background: -webkit-linear-gradient(top, #757575 0%, #4b4b4b 100%);
  background: -o-linear-gradient(top, #757575 0%, #4b4b4b 100%);
  background: -ms-linear-gradient(top, #757575 0%, #4b4b4b 100%);
  background: linear-gradient(to bottom, #757575 0%, #4b4b4b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#4b4b4b', GradientType=0 );
}
.gray:active {
  color: #afafaf;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNTc1NzU3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODg4ODg4Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #575757 0%, #888888 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #575757), color-stop(100%, #888888));
  background: -webkit-linear-gradient(top, #575757 0%, #888888 100%);
  background: -o-linear-gradient(top, #575757 0%, #888888 100%);
  background: -ms-linear-gradient(top, #575757 0%, #888888 100%);
  background: linear-gradient(to bottom, #575757 0%, #888888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#888888', GradientType=0 );
}
/* white */
.white, .white.disabled:hover, .white.disabled:active {
  color: #444;
  border: solid 1px #bbb;
  background: #f7f7f7;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #f7f7f7 0%, #dddddd 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #dddddd 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #dddddd 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd', GradientType=0 );
  text-shadow: none;
}
.white:hover
{
  color: #222;
  background: #eee;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 );
}
.white:active {
  color: #000;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0 );
}
/* orange */
.orange, .orange.disabled:hover, .orange.disabled:active {
  color: #fef4e9;
  border: solid 1px #da7c0c;
  background: #f78d1d;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmFhNTFhIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjQ3YTIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #faa51a 0%, #f47a20 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa51a), color-stop(100%, #f47a20));
  background: -webkit-linear-gradient(top, #faa51a 0%, #f47a20 100%);
  background: -o-linear-gradient(top, #faa51a 0%, #f47a20 100%);
  background: -ms-linear-gradient(top, #faa51a 0%, #f47a20 100%);
  background: linear-gradient(to bottom, #faa51a 0%, #f47a20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20', GradientType=0 );
}
.orange:hover {
  background: #f47c20;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjg4ZTExIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjA2MDE1Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #f88e11 0%, #f06015 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f88e11), color-stop(100%, #f06015));
  background: -webkit-linear-gradient(top, #f88e11 0%, #f06015 100%);
  background: -o-linear-gradient(top, #f88e11 0%, #f06015 100%);
  background: -ms-linear-gradient(top, #f88e11 0%, #f06015 100%);
  background: linear-gradient(to bottom, #f88e11 0%, #f06015 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e11', endColorstr='#f06015', GradientType=0 );
}
.orange:active {
  color: #fcd3a5;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjQ3YTIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmFhNTFhIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #f47a20 0%, #faa51a 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f47a20), color-stop(100%, #faa51a));
  background: -webkit-linear-gradient(top, #f47a20 0%, #faa51a 100%);
  background: -o-linear-gradient(top, #f47a20 0%, #faa51a 100%);
  background: -ms-linear-gradient(top, #f47a20 0%, #faa51a 100%);
  background: linear-gradient(to bottom, #f47a20 0%, #faa51a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#faa51a', GradientType=0 );
}
/* blue */
.blue, .blue.disabled:hover, .blue.disabled:active {
  color: #d9eef7 !important;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDA5MmVkIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA2OGE2Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #0092ed 0%, #0068a6 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0092ed), color-stop(100%, #0068a6));
  background: -webkit-linear-gradient(top, #0092ed 0%, #0068a6 100%);
  background: -o-linear-gradient(top, #0092ed 0%, #0068a6 100%);
  background: -ms-linear-gradient(top, #0092ed 0%, #0068a6 100%);
  background: linear-gradient(to bottom, #0092ed 0%, #0068a6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092ed', endColorstr='#0068a6', GradientType=0 );
}
.blue:hover {
  background: #007ead;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDA3OWVkIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA1N2E2Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #0079ed 0%, #0057a6 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0079ed), color-stop(100%, #0057a6));
  background: -webkit-linear-gradient(top, #0079ed 0%, #0057a6 100%);
  background: -o-linear-gradient(top, #0079ed 0%, #0057a6 100%);
  background: -ms-linear-gradient(top, #0079ed 0%, #0057a6 100%);
  background: linear-gradient(to bottom, #0079ed 0%, #0057a6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079ed', endColorstr='#0057a6', GradientType=0 );
}
.blue:active {
  color: #d9eef7;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDA1N2E2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA3OWVkIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #0057a6 0%, #0079ed 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0057a6), color-stop(100%, #0079ed));
  background: -webkit-linear-gradient(top, #0057a6 0%, #0079ed 100%);
  background: -o-linear-gradient(top, #0057a6 0%, #0079ed 100%);
  background: -ms-linear-gradient(top, #0057a6 0%, #0079ed 100%);
  background: linear-gradient(to bottom, #0057a6 0%, #0079ed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057a6', endColorstr='#0079ed', GradientType=0 );
}
/* green */
.green, .green.disabled:hover, .green.disabled:active {
  color: #e8f0de;
  border: solid 1px #538312;
  background: #64991e;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjN2RiNzJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNGU3ZDBlIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #7db72f 0%, #4e7d0e 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7db72f), color-stop(100%, #4e7d0e));
  background: -webkit-linear-gradient(top, #7db72f 0%, #4e7d0e 100%);
  background: -o-linear-gradient(top, #7db72f 0%, #4e7d0e 100%);
  background: -ms-linear-gradient(top, #7db72f 0%, #4e7d0e 100%);
  background: linear-gradient(to bottom, #7db72f 0%, #4e7d0e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db72f', endColorstr='#4e7d0e', GradientType=0 );
}
.green:hover {
  background: #538018;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNmI5ZDI4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNDM2YjBjIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #6b9d28 0%, #436b0c 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b9d28), color-stop(100%, #436b0c));
  background: -webkit-linear-gradient(top, #6b9d28 0%, #436b0c 100%);
  background: -o-linear-gradient(top, #6b9d28 0%, #436b0c 100%);
  background: -ms-linear-gradient(top, #6b9d28 0%, #436b0c 100%);
  background: linear-gradient(to bottom, #6b9d28 0%, #436b0c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b9d28', endColorstr='#436b0c', GradientType=0 );
}
.green:active {
  color: #a9c08c;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNGU3ZDBlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN2RiNzJmIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #4e7d0e 0%, #7db72f 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4e7d0e), color-stop(100%, #7db72f));
  background: -webkit-linear-gradient(top, #4e7d0e 0%, #7db72f 100%);
  background: -o-linear-gradient(top, #4e7d0e 0%, #7db72f 100%);
  background: -ms-linear-gradient(top, #4e7d0e 0%, #7db72f 100%);
  background: linear-gradient(to bottom, #4e7d0e 0%, #7db72f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7d0e', endColorstr='#7db72f', GradientType=0 );
}

/* aperture checkbxoes */
.aperture-check
{
    position: relative;
    padding: 6px 10px 6px 25px;
    display:inline-block;
    cursor: pointer;
    color: #888;
    background-color: #f7f7f7;
    border: solid 1px #ddd;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.aperture-check input[type=checkbox] {
    display: none;
}

.aperture-check.medium {
    padding: .1em 10px .2em 25px;
}

.aperture-check:hover
{
    border: solid 1px #aaa;
    color: #555;
}
.aperture-check.checkmark
{
    background-color: #efe;
    color: #084C9E;
}
.aperture-check:before
{
    position: absolute;
    left: 5px;
    content: "\2713";
    color: #eee;
    text-shadow: 0 0 1px rgba(50,128,50,0.5);
}
.aperture-check.darker:before
{
    position: absolute;
    left: 5px;
    content: "\2713";
    color: #c3c3c3;
    text-shadow: 0 0 1px rgba(50,128,50,0.5);
}
.aperture-check.checkmark:before
{
    position: absolute;
    left: 5px;
    content: "\2713";
    color: #383;
    text-shadow: 0 0 1px rgba(50,128,50,0.5);
}

/*special aperture check for widget type selector */
.filter-options
{
    width: 400px;
    visibility: hidden;
}
.filter-options.shown
{
    visibility: visible;
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
#column-filter .aperture-check,
.filter-options .aperture-check
{
    display: inline-block;
    width: 160px;
    background:transparent;
    border: solid 1px transparent;
    color: #333;
}

#column-filter .aperture-check:hover,
.filter-options .aperture-check:hover
{
    border: solid 1px #ccc;
    color: #039;
}
#column-filter .aperture-check.checkmark,
.filter-options .aperture-check.checkmark
{
    border: solid 1px #aca;
    background: #f3fff3;
}
.filter-count-badge
{
    background-color: #084c9e;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 2px 5px;
    font-size: 0.8em;
    font-weight: bold;
}

/* aperture tree */

.aperture-tree
{
    list-style-type: none;
}
.aperture-tree ul
{
    padding: 5px 0px 5px 15px;
    list-style-type: none;
    display: none; /*initially hidden*/
}
.aperture-tree-expand
{
    vertical-align: -10%;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    background-image: url(../Assets/default/Images/iTesterPortalAssets-3.29.png);
    background-position: -160px -20px;
}/*
.aperture-tree-line
{
    display:inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../Assets/default/Images/iTesterPortalAssets-3.29.png);
    background-position: -200px 0px;
}
.aperture-tree-line.lastline
{
    background-position: -220px 0px;
}*/
.aperture-tree-expand.minimize
{
    background-position: -175px -20px;
}

.aperture-tree .expandable
{
    cursor: pointer;
}

.aperture-screen
{
    position:fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
}
.aperture-screen-0 { z-index: 99; }
.aperture-screen-1 { z-index: 101; }
.aperture-screen-2 { z-index: 103; }
.aperture-screen-3 { z-index: 105; }
.aperture-screen-4 { z-index: 107; }
.aperture-screen-5 { z-index: 109; }
.aperture-screen-above { z-index:100;}
.aperture-screen-above-0 { z-index: 100; }
.aperture-screen-above-1 { z-index: 102; }
.aperture-screen-above-2 { z-index: 104; }
.aperture-screen-above-3 { z-index: 106; }
.aperture-screen-above-4 { z-index: 108; }
.aperture-screen-above-5 { z-index: 110; }
.aperture-dialog
{
    position: fixed;
    background-color: #fff;
    border: solid 2px #ccc;
    padding: 15px;
}
.aperture-dialog.error_message
{
    background-color: #fffdfd;
    border: solid 2px #e99;
}
.aperture-dialog-content
{
    height: 100%;
    overflow:auto;
    overflow-x: hidden;
    position:relative;
}
.aperture-dialog-close
{
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: #666;
    color: #fff;
    border-radius: 15px;
    width: 30px;
    height: 28px;
    border: solid 2px #ccc;
    font-size: 20px;
    text-align: center;
    cursor:pointer;
    z-index:5;
}
.aperture-dialog-options
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.aperture-dialog-option
{
    width: 200px;
    margin: 10px;
    padding: 10px;
    text-align: center;
    border: 1px solid #888;
    border-radius: 6px;
}
.button-desc
{
    height: 65px;
    text-align: left;
}
#standards-tree
{
    background-color: #fff;
    border: solid 1px #ddd;
    padding: 15px;
    padding-right: 0px;
    overflow-y:auto;
    overflow-x:hidden;
    min-height: 400px;
}
.standard-disp-choose
{
    margin: 10px;
}
.standard-information
{
    box-shadow: inset 0px 0px 1px 2px white;
    background-color: #f7f7f7;
    border: solid 1px #ddd;
    padding:15px;
    border-left:none;
}
.standard-selected
{
    background-color: #f7f7f7;
    border: solid 1px #eee;
    border-right: none;
}
.standard-selected > .standard-name
{
    font-weight:bold;
}
.standard-disp-children
{
    margin: 10px;
}
.standard-disp-children a
{
    display:block;
    padding: 7px;
    margin: 2px;
    background-color: #fcfcfc;
}
.standard-disp-children a:hover
{
    background-color: #ffd;
}
.standard-disp-parents
{
    font-size: 0.9em;
    margin-bottom: 10px;
}
.standard-disp-name
{
    font-size: 1.8em;
    margin-bottom: 8px;
}

.standard-chooser .standard-add
{
    margin: 10px;
    font-size: 0.9em;
}
.standard-chooser
{
    display:inline-block;
}
.standard-chooser.multiline
{
    display:block;
}
.standard-chooser.multiline .standards-list
{
    padding: 5px 10px;
    border-top: dotted 1px #ddd;
    border-bottom: dotted 1px #ddd;
    margin-bottom: 10px;
}
.standard-chooser.multiline .standard-option
{
    display:block;
}
.standard-chooser .standard-remove
{
    font-size: 0.8em;
    color: #aaa;
    margin-left: 8px;
    opacity: 0;
}
.standard-option:hover .standard-remove
{
    opacity: 1;
}
.standard-chooser .standard-remove
{
    color: #fff;
}
.standard-chooser .standard-remove-multiline
{
    font-size: 1.2em;
    color: black;
    opacity: 1;
    float: right;
    position: relative;
    top: -2px;
}
.standard-remove-multiline:hover
{
    cursor: pointer;
    color: #aaa;
}
.primary-standards
{
    float: left;
    height: 1.4em;
}
.primary-standard-option
{
    margin-right: 2em;
}
.standard-option
{
    display: inline-block;
    cursor: pointer;
    margin:5px 0px;
}
.standard-chooser .standard-option, .standard-chooser .standard-choose-button
{
    margin-top:0px !important;
    margin-bottom:5px;
}
.standard-chooser .standard-option:hover
{
    color: #fff;
}
.standard-chooser.multiline .standard-option:hover
{
    cursor: default;
    color: black;
}
.standard-browse-name
{
    display:table-cell;
    min-width: 150px;
}
.standard-browse-desc
{
    display: table-cell;
    padding-left: 20px;
    color: #333;
}
.standard-child, .subjectgrade-standard
{
    border-bottom: dotted 1px #f3f3f3;
    cursor: pointer;
}
.subjectgrade-standard
{
    padding: 8px 12px 8px 6px;
}
.standard-child
{
    display:table-row;
}
.standard-child:hover > span, .subjectgrade-standard:hover, .subtop-standard:hover
{
    border-bottom: solid 1px #ddd;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #ffffff 35%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 35%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 35%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 35%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 35%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */

}
.standard-child .name, .standard-child .description
{
    display:table-cell;
    color: #06f;
    padding: 8px 12px 8px 6px;
    border-bottom: solid 1px #ddd;
}
.standard-child .icons
{
    display:table-cell;
    padding: 0px;
    border-bottom: solid 1px #ddd;
    vertical-align:middle;
    white-space: nowrap;
}
.subjectgrade-standard .name
{
    color: #06f;
    display:inline-block;
}
.standard-child .name
{
    white-space: nowrap;
}
.standard-child .description
{
    width:100%;
    color: #888;
    font-size: 0.9em;
    padding: 8px 12px 8px 20px;
}
.subjectgrade-standard .description
{
    color: #888;
    font-size:0.9em;
    padding-left:15px;
    display:inline-block;
}
.standard-panel
{
    background: #fff;
    position:absolute;
    display:none;
    top:0px;
    border-left: solid 1px #ddd;
    padding: 0px 5px 0px 20px;
}
.standard-panel.collapsed, .subjectgrade-column.collapsed
{
    display:block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.standard-panel.collapsed > *, .subjectgrade-column.collapsed > *,
.standard-panel.collapsed .standard-child
{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.4;
}
.standard-panel.collapsed:hover > *, .subjectgrade-column.collapsed:hover > *,
.standard-panel.collapsed:hover .standard-child
{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}
.standard-child-container
{
    border-top: solid 1px #ddd;
}
.standard-panel.collapsed > .standard-child-container
{
    opacity: 1;
}

.standard-panel.active
{
    box-shadow: 0px 4px 9px #ccc;
    display:block;
}
#standards-dialog .aperture-button
{
    display:none;
}

.strand-type
{
    float:right;
    padding: 10px 10px 5px 5px;
    font-size: 11pt;
    margin-left: 10px;
}
.alignable-label, .not-alignable-label
{
    float:right;
    padding: 10px 10px 5px 5px;
    font-size: 11pt;
    color: #181;
    display:inline-block;
}
.alignable-label span
{
    vertical-align: middle;
}
.not-alignable-label
{
    color: #999;
}
.description-box
{
    border-radius:10px;
    border: dotted 1px #eee;
    background: #fafafa;
    padding: 10px 10px 30px 10px;
    margin: 0px 0px 0px 0px;
}
.program_box
{
    display: inline-block;
    width: 250px;
    border-radius: 5px;
    border: solid 1px #ddd;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 25%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 25%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 25%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 25%,rgba(238,238,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 25%,rgba(238,238,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */

    padding: 15px;
}

.program_box .program_name
{
    font-size: 1.4em;
    color: #f80;
    margin-bottom: 0px;
}

.program_box .program_options
{
    margin: 8px 0px 12px 0px;
}
.program_box .property_value
{
}
.program_box .property_name
{
    font-size: 0.8em;
    color: #888;
    margin-bottom: 10px;
}
#editProgramForm
{
    min-height: 300px;
}

.property-label-left
{
    font-weight: bold;
    display:inline-block;
    min-width: 120px;
    font-size: 10pt;
    padding: 8px 0px 8px 0px;
}
.property-selector
{
    margin-bottom: 8px;
}
.property-selector select
{
    min-width: 150px;
}
.property-selector--multi-single
{
    display: inline-block;
}
.property-selector-label, .property-selector-label-below, .property-selector-label-above
{
    font-size: 0.9em;
    color: #666;
}
.property-selector-label--multi-single
{
    display: inline-block;
}
.property-selector-label-below
{
    margin-bottom: 15px;
}
.aper-configs-wrapper
{
    margin: 0 2em 3em;
}
.aper-configs-controls
{
    text-align: right;
    padding-right: 10px;
}
.aper-configs-control
{
    display: inline-block;
}
.aper-config-control-wrapper
{
    position: relative;
    display: inline-block;
    top: 3px;
    width: 20px;
    height: 20px;
    background: white;
    padding: 0 3px;
    border: 1px solid lightgray;
}
.aper-config-control--collapse
{
}
.aper-config-group
{
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
}
.aper-config
{
}
.aper-configs-filter-label
{
    font-size: 16px;
    padding-right: 3px;
    color: grey;
}
.filter-changed
{
    vertical-align: middle;
}
.aper-config-label-wrapper
{
    background: #dcdcdc;
    position: relative;
    border-radius: 4px;
    height: 22px;
    padding: 2px;
    border: 1px solid #a7a7a7;
}
.aper-sub-config-label-wrapper
{
    position: relative;
    height: 22px;
    padding: 2px;
    margin-top: 0.5em;
}
.aper-config-import-results
{
    margin-left: 2em;
    max-width: 500px;
}
.aper-config-import-msg
{
  font-weight: bold;
}
.aper-config .chosen-container-multi
{
    width: 200px !important;
}
.property-selector-label-above
{
    margin-top: 15px;
}
.categ-label--header
{
    display: inline-block;
}
.categ-label
{
}
.config-fieldset
{
    padding: 0;
    border: none;
}
.config-label-text.changed,
.sub-config-label-text.changed
{
    text-shadow: 0 0 4px #fffa39,
                 0 0 4px #fffa39,
                 0 0 4px #fffa39,
                 0 0 4px #fffa39,
                 0 0 4px #fffa39,
                 0 0 4px #fffa39;
}
.config-label-text.invalid,
.sub-config-label-text.invalid
{
    text-shadow: 0 0 4px #F44336;
}
.config-label
{
    display: inline;
    vertical-align: middle;
    margin-left: 0.5em;
}

.config-wrapper
{
    display: flex;
    margin: 12px 0 12px 25px;
}

.sub-config-wrapper
{
    display: flex;
    margin: 6px 0 12px 25px;
}

.config-input-wrapper
{
    width: 250px;
    flex-grow: 1;
}
.config-input-checkbox
{
    width: 1.5em;
    height: 1.5em;
    outline-style: none;
}
.config-input-textbox
{
    box-sizing: border-box;
    width: 85%;
    min-width: 130px;
    height: 24px;
    border: 1px solid #aaa;
}
.config-input[disabled]
{
    opacity: 0.7;
}
.config-input:focus
{
    box-shadow: 0 0 0 1px #39abff;
    border-radius: 4px;
}
.config-input:invalid
{
    box-shadow: 0 0 0 3px #f1b8b8;
    border-radius: 4px;
}
.config-description,
.config-example
{
    position: relative;
    width: 320px;
    color: #666;
    flex-grow: 1;
}
.config-example
{
    margin-left: 50px;
    width: 320px;
}
.desc-option
{
    font-weight: bold;
    width: 120px;
}
.desc
{
    margin-left: 1em;
}
.desc-label,
.example-label
{
    font-size: 0.8em;
    position: absolute;
    top: -10px;
    left: 0;
    color: #b0b0b0;
    font-style: italic;
}
.status-label
{
    margin-left: 0.5em;
    font-size: 0.8em;
    font-style: italic;
}
.validation-error-msg
{
    color: red;
    vertical-align: bottom;
    font-size: 0.9em;
    padding-left: 0.5em;
}
.validation-error-msg--popup
{
    font-size: 1.2em;
    font-weight: 300;
    color: #888;
}
.button--icon-revert
{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    right: 1px;
    width: 20px;
    height: 20px;
    border-image-source: none;
    border: 1px solid gray;
    border-radius: 4px;
}
.icon-wrapper
{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
}
.icon-revert
{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    width: 20px;
    text-align: center;
    display: inline-block;
    -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
    font-weight: bold;
    font-size: 18px;
    line-height: 15px;
    color: #616161;
}

.import-legend
{
    font-size: 16px;
    margin-bottom: 0px;
    width: auto;
    padding: 0px 5px;
}

.aper-config-label-wrapper.changed
{
    box-shadow: 0 0 0 5px #fffa39;
}
.aper-config-label-wrapper.invalid
{
    box-shadow: 0 0 0 3px #f1b8b8;
}
.aper-configs-wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close
{
    height: 11px;
}
/* stimulus and item bank selector */
.itembank, .stimuli-listing .stimulus
{
    border-bottom:solid 1px #eee;
    padding: 8px 16px;
}

.itembank.noButtons:hover, .stimuli-listing .stimulus:hover, .chooseMode .group-listing-row:hover,
.chooseMode .user-listing-row:hover td, .jobs-listing-row:hover td
{
    border-bottom: solid 1px #8cf;
    background-color: #eef7ff;
    cursor: pointer;
}

.multiselect-table-header
{
  width: 200px;
  padding-left: 15px;
}

.user-listing-row.selected, .user-listing-row.selected:hover td,
.group-listing-row.selected, .group-listing-row.selected:hover td,
.jobs-listing-row.selected, .jobs-listing-row.selected:hover td
{
    background-color: #beb;
}

.stimulus
{
    width: 70vw;
}
.stimulus.unavailable, .stimulus.unavailable:hover
{
    background: #eee;
    opacity: 0.5;
    cursor: default;
    border-bottom: solid 1px #ddd;
}

.stimulus-listing-row .th {
    border-bottom: solid 1px #839ca6;
}

.stimulus-listing-header {
    font-weight: 700;
    padding: 8px 16px;
}

.stimuli-listing #pager
{
    text-align: center;
}
.stimuli-listing .stimulus-row-preview
{
    color: #888;
}
.stimuli-listing .td.stimulus-row-lexile
{
    text-align:right;
}
.stimuli-listing .stimulus-row-html, .stimuli-listing .stimulus-row-apip-content
{
    display: none;
}

.stimulus-listing-row .tr {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr auto;
}

/* stimulus update table*/
.stimulus-update-list
{
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    text-align: center;
}
.stimulus-update-list .stimulus-listing-row
{
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    position: relative;
}
.stimulus-update-list .stimulus-listing-row td,
.stimulus-update-list .stimulus-update-titles th
{
    cursor: default;
    user-select: none;
    text-align: center;
}
/* end: stimulus update table*/

#stimulus-preview-content
{
    border: dotted 1px #999;
    padding: 15px 13px;
    word-wrap: break-word;
    width: 519px;
    margin: 10px 30px 10px 30px;
    box-sizing: border-box;
    font-size: 17px;
}
#stimulus-preview-content.width540 { width: 539px; }
#stimulus-preview-content.width560 { width: 559px; }
#stimulus-preview-content.width580 { width: 579px; }
#stimulus-preview-content.width600 { width: 599px; }
#stimulus-preview-content.width620 { width: 619px; }

#stimulus-preview-content img, #stimulus-preview-content video, #stimulus-preview-content audio
{
    max-width: 100%;
}

.mce-item-table,
.mce-item-table td,
.mce-item-table th,
.mce-item-table caption{
    border: 1px solid #666;
    padding: 5px;
}

blockquote {
  box-sizing: border-box;
  color: inherit;
  padding-left: var(--ds-space-200, 16px);
  border-left: 2px solid var(--ds-border, #DFE1E6);
  margin: 0.75rem 0px 0px;
}

#standards-dialog
{
    min-width:700px;
    background-color: #fff;
    border: solid 1px #ccc;
    padding:15px;
}
#standards-dialog.chooseMode .select-standard
{
    display:block;
}
#standards-dialog.chooseMode.alignableOnly .select-standard
{
    display:none;
}
#standards-dialog.chooseMode.alignableOnly .alignable .select-standard
{
    display:block;
}
#standards-dialog .loader
{
    margin-top: 60px;
    margin-bottom:60px;
}
.top-standard
{
    max-width:700px;
    font-size: 14pt;
    margin: 0px auto 30px;
}
.top-standard.selectable
{
    cursor: pointer;
    color: #084c9e;
}
.top-standard.selectable:hover
{
    background-color: #eee;
}
.top-standard-name
{
    display:inline-block;
    padding-bottom:3px;
}
.subtop-standard-name
{
    display:inline-block;
}
.subtop-standard-name .tinyRightArrow
{
    vertical-align: 8%;
}
.select-standard
{
    float:right;
    display:none;
    margin: 9px;
}
.select-standard.leaf
{
    float:none;
}
.children-header
{
    padding:10px;
    color: #aaa;
}
.subjectgrade-content-container .select-standard-div .select-standard
{
    float:none;
}
.subjectgrade-content-container > .select-standard-div
{
    text-align: right;
}
.subtop-standard
{
    border-bottom: solid 1px #eee;
    font-size: 12pt;
    padding: 11px 0px 11px 20px;
    cursor:pointer;
    display:block;
}
.subtop-standard .select-standard
{
    margin: 0px;
}

#standards-container
{
    padding-bottom: 100px;
}
#standards-title
{
    background:transparent;
    border: none;
}
.alignable
{

}

.aperture-tabs > ul li.emptyTab.standards-title-text
{
    background:transparent;
    font-size: 14pt;
    color: #689;
    opacity:0.8;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 420px;
    cursor:pointer;
}
.aperture-tabs > ul li.emptyTab.standards-title-text.nolink, .aperture-tabs > ul li.emptyTab.standards-title-text.nolink:hover
{
    color: #222;
    cursor:default;
}
.aperture-tabs > ul li.emptyTab.standards-title-text:hover
{
    color: #026;
}
#standards-subtop-list li.emptyTab
{
    border:none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#standards-subtop-list li
{
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    font-size: 14pt;
    font-weight:lighter;
}
.standards-subtop-screen
{
    position: relative;
    display: block;
    width:100%;
    min-height: 500px;
}

.subjectgrade-column
{
    vertical-align:top;
    width:300px;
}
.subjectgrade-column-container
{
    overflow:auto;
}
.subjectgrade-standard.selected, .standard-child.selected span,
.subjectgrade-standard.selected:hover, .standard-child.selected:hover span
{
    background: #eeeeee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(60%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 60%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    cursor: default;
    border-bottom: dotted 1px #f3f3f3;
}
.OLDCSSCODE
{
    background: rgb(85,153,204);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1OTljYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(85,153,204,1) 0%, rgba(30,87,153,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,153,204,1)), color-stop(100%,rgba(30,87,153,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(85,153,204,1) 0%,rgba(30,87,153,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(85,153,204,1) 0%,rgba(30,87,153,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(85,153,204,1) 0%,rgba(30,87,153,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(85,153,204,1) 0%,rgba(30,87,153,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5599cc', endColorstr='#1e5799',GradientType=0 ); /* IE6-8 */
}
.standard-child.selected, .subjectgrade-standard.selected,
.standard-panel.collapsed .standard-child.selected
{
    opacity: 1;
}
.standard-child.selected .name, .standard-child.selected .description,
.subjectgrade-standard.selected .name, .subjectgrade-standard.selected .description
{
    color: #000;
}
.subjectgrade-arrow
{
    position:absolute;
    width: 16px;
    height: 32px;
    display: none;
    background-image: url(../Assets/default/Images/iTesterPortalAssets-3.29.png);
    background-position: -400px 0px;
}
.subjectgrade-content
{
    font-size: 12pt;
    border-left: solid 1px #ddd;
    padding: 5px 5px 5px 10px;
}
.subjectgrade-content-container
{
    overflow:auto;
    height: 100%;
}
.standard-name
{
    display: block;
    padding: 6px;
    border-bottom: solid 1px transparent;
}
.standard-name-txt
{
    display:inline-block;
    min-width: 180px;
}
.standard-panel .tinyRightArrow
{
    vertical-align: 15%;
}

.standard-panel .standard-name.alignable
{
    color: #444;
}
.standard-panel .standard-name.alignable:hover
{
    color: #000;
}
.leaf-description
{
    text-shadow:none;
    position:absolute;
    background-color: #fff;
    border: solid 2px #ccc;
    border-radius: 3px;
    padding: 10px;
    display:none;
    top: 43px;
    width: 420px;
    left: 40px;
    z-index: 99;
}
.standards-choose-click
{
    margin-top: 20px;
    font-weight:bold;
    font-size: 10pt;
    color: #080;
}

/************** CSS STYLES FOR STANDARD SELECTOR VERSION 3 *************/

.standards-treeview
{
    width: 50%;
    display: inline-block;
}
.standards-treeview .standard-node
{
    padding-left: 20px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.standards-treeview .standard-node.selected > .standard-node-info
{
    background-color: #d5e0ed;
}
.standards-treeview .standard-node.selected > .standard-node
{
    border-left: solid 1px #d5e0ed;
    border-right: solid 1px #d5e0ed;
}
.standards-treeview .standard-node.selected > .standard-node:last-child
{
    border-bottom: solid 1px #d5e0ed;
}
.standards-treeview .standard-node.leaf
{
    padding-left: 35px;
}
.standards-treeview > .standard-node
{
    padding-left: 0px;
}
.standards-treeview .standard-node .standard-node-info
{
    padding: 6px 12px;
}
.standards-treeview .standard-node > .standard-node
{
    display:none;
    opacity: 0;
}
.standards-treeview .standard-node.expanded > .standard-node
{
    display:block;
    opacity: 1;
}
.standards-treeview .standard-node-info:hover
{
    cursor: pointer;
    background: #e7eef7;
}
.standards-treeview .standard-node-icon
{
    vertical-align: -5%;
    display: inline-block;
    background-image: url(../Assets/default/Images/iTesterPortalAssets-3.29.png);
    background-repeat: no-repeat;
    width:15px; height: 15px;
    background-position: -160px -20px;
}
.standards-treeview .standard-node.expanded > .standard-node-info .standard-node-icon
{
    background-position: -175px -20px;
}
.standards-treeview .alignButton
{

}
.standards-treeview .standard-node .standard-node-info.dead-leaf
{
    padding-left: 32px;
}
.standards-treeview .standard-node-name
{
    display:inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-left: 5px;
}
.standards-treeview .standard-node-desc
{
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-lefT: 40px;
    opacity:0.5;
}
.standard-node .highlighted
{
    background-color: #fafad2;
}
#standards-search
{
    visibility: hidden;
}
#standards-search.visible
{
    visibility: visible;
}
.standards-treeview .standard
{
    height: 10px;
    border: solid 1px #f00;
}
.standard-chooseMode
{
    padding-top: 1rem !important;
}
.standards-details
{
    position:relative;
    overflow:auto;
    width: 45%;
    display: inline-block;
    vertical-align:top;
    margin-left: 20px;
    padding-left: 10px;
    min-height: 400px;
    box-shadow: 2px 2px 4px 2px #ccc;
}

.standards-details .description
{
    margin: 0px 15px 5px 5px;
    padding: 10px;
    line-height: 1.5em;
    font-size: 1em;
    background: #f7f7f7;
}
.standards-details .type
{
    color: #666;
    font-size: 0.9em;
    margin: 10px 5px 5px 15px;
}
.standards-details .children
{
    margin:  10px 15px 5px 5px;
}
.standards-details .children .heading
{
    color: #888;
    font-size: 0.9em;
    border-bottom: solid 1px #ddd;
}

.standards-details .child-table
{
    display:table;
    width: 100%;
}
.standards-details .child-row
{
    display:table-row;
    width: 100%;
}
.standards-details .child-row:hover
{
    cursor: pointer;
    background-color: #e7eef7;
}
.standards-details .child-name,.standards-details .child-desc
{
    padding: 5px;
    display: table-cell;
    border-bottom: solid 1px #ddd;
}
.standards-details .child-desc
{
    padding-left: 15px;
    color: #666;
    font-size: 0.9em;
}
#standards-dialog.chooseMode .standards-details .select-standard
{
    display:inline-block;
    float:none;
}

/*mobile*/
/*standards page*/
.mobile body.details-open {
    overflow-y: hidden;
    position: fixed;
    width: 100%;
}

.mobile #standards-subtop-list li.emptyTab
{
    display: none;
}

.mobile #standards-subtop-list li
{
    font-size: 12px;
    font-weight: normal;
}

.mobile #standards-dialog
{
    min-width: 0px;
    padding:0px;
}

.mobile .standards-treeview
{
    width: 95%;
    padding: 15px 5px;
}

.mobile .standard-node-icon
{
    margin-right: 5px;
}

.mobile .standards-details
{
    padding-top:10px;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    width:85%;
    top: 30px !important;
    left: 0;
    position: fixed;
    background: white;
    box-shadow: 2px 2px 4px 2px #555;
    z-index:98;
}

.mobile .detailsNav
{
    display: block;
    position: fixed;
    top: 18px;
    left: auto;
    right: 5%;
    right: -moz-calc(12.5% - 30px);
    right: -webkit-calc(12.5% - 30px);
    right: -o-calc(12.5% - 30px);
    right: calc(12.5% - 30px);
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: bold;
    border-radius: 10px;
    z-index: 99;
}
.mobile .closeDetails
{
    display: block;
    float:left;
    margin-left:5px;
    height: 20px;
    width: 30px;
    padding: 5px 0;
    text-align: center;
    background-color: rgb(218, 55, 55);
    color: rgb(255, 255, 255);
    font-weight: bold;
    border-radius: 10px;
    z-index: 99;
}

.mobile .detailsBack {
    display: block;
    float:left;
    height: 20px;
    width: 30px;
    padding: 5px 0;
    text-align: center;
    background-color: rgb(55, 125, 218);
    color: rgb(255, 255, 255);
    font-weight: bold;
    border-radius: 10px;
    z-index: 99;
    font-size:18px;
    line-height:1;
}

.mobile .standards-treeview .standard-node
{
    padding-left: 10px;
}

.mobile #standards-dialog span.child-name, .mobile #standards-dialog span.child-desc
{
    display: inline-block;
}

.mobile #standards-dialog span.child-icon
{
    background: rgb(75, 155, 205);
    padding: 5px 0;
}

.mobile #standards-dialog span.child-name
{
    width: 85%;
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 30px);
    background-color:rgb(75, 155, 205);
    color: rgb(245, 245, 245);
    border-radius: 0 8px 0 0;
}

.mobile #standards-dialog span.child-desc
{
    width: 85%;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
}

.mobile #standards-dialog span.child-icon span
{
    vertical-align: middle;
}

.mobile ::-webkit-scrollbar
{
    display: none;
}

.mobile .standards-treeview .standard-node .standard-node-info
{
    padding: 6px 2px;
}

.mobile .filteredOut
{
    display: none;
}
/*End of standards page*/

/*Users page*/
.mobile .listing-table
 {
    display: block;
    width: 100% !important;
    overflow: scroll;
    -webkit-overflow-scrolling:touch;
}

.mobile a[href="#p=createuser"], .mobile a[href="#p=creategroup"], .mobile .listing-table .editButton, .mobile .listing-table .deleteButton{
    display: none;
}

.mobile #userlisting
{
    margin: 40px 15px 15px 15px;
}

.mobile .organization-chooser
{
    width: 100%;
}

.mobile .page-topbar
{
    min-width: 0px!important;
}

.mobile .page-firstbar, .mobile .page-secondbar
{
    height:auto;
}

.mobile .page-firstbar > div, .mobile .page-secondbar > div
{
    padding: 0 0 0 20px;
    text-align:left;
}

.mobile .page-firstbar > div:first-child
{
    display: none;
}

.mobile .page-secondbar > div:first-child
{
    display: none;
}

.mobile .page-firstbar .searchBar
{
    padding: 20px 0 0 0;
}

.mobile .organization-chooser
{
    width: 90%;
}

.mobile .organization-chooser, .mobile .role-chooser
{
    margin:5px 5%;
}

.mobile .organization-chooser select
{
    width: 100%;
}

/* for mobile version of select*/
.mobile .mobileSelect
{
    min-height:20px;
    min-width:100px;
}

.mobile .mobileOptGroup
{
    min-height:20px;
    height: auto;
    padding:10px;
    background:rgba(57,102,179, 0.9);
    color:white;
    display:block;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.mobile .mobileOption
{
    min-height:20px;
    height: auto;
    padding:10px;
    padding-left:25px;
    background:white;
    display:block;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.mobile .mobileOptions
{
    color:black;
    font-weight:500;
    position: fixed;
    top: 5%;
    left: 5%;
    z-index:99;
    display:block;
    height:90%;
    width:90%;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    border-radius: 5px;
    background:white;
}

.mobile .displayHidden
{
    display: none;
}

.mobile .mobileOptionSearch
{
    height: 30px;
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 6px);
    border-radius: 5px;
    margin: 1px;
    background-image: url(../Assets/default/Css/chosen-sprite@2x.png);
    background-repeat:no-repeat;
    background-position:100% -45px;
}
/*End of mobile version of select*/
/*End of Users page*/
/*End of mobile*/

/* For tablet */
.tablet ::-webkit-scrollbar
{
    display: none;
}

.tablet .page-topbar {
    min-width: 0px !important;
}

/* for tablet version of select*/
.tablet .mobileSelect
{
    min-height:20px;
    min-width:100px;
}

.tablet .mobileOptGroup
{
    min-height:20px;
    height: auto;
    padding:10px;
    background:rgba(57,102,179, 0.9);
    color:white;
    display:block;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.tablet .mobileOption
{
    min-height:20px;
    height: auto;
    padding:10px;
    padding-left:25px;
    background:white;
    display:block;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.tablet .mobileOptions
{
    text-align:left;
    color:black;
    font-weight:500;
    position: fixed;
    top: 5%;
    left: 25%;
    z-index:99;
    display:block;
    height:90%;
    width:50%;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    border-radius: 5px;
    background:white;
}

.tablet .displayHidden
{
    display: none;
}

.tablet .mobileOptionSearch
{
    height: 30px;
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 6px);
    border-radius: 5px;
    margin: 1px;
    background-image: url(../Assets/default/Css/chosen-sprite@2x.png);
    background-repeat:no-repeat;
    background-position:100% -45px;
}
/* End of tablet version of select*/
/* End of tablet */

/* icons */
.trash-icon.item::before {
  position:absolute;
  width:20px;
  height:18px;
  display:inline-block;
  text-align:center;
  content:"i";
  color: #4d7db8;
  text-shadow:0px 0px 1px #888;
  font-weight:bolder;
  z-index:2;
}
.trash-icon.stimulus::before {
  position:absolute;
  width:20px;
  height:18px;
  display:inline-block;
  text-align:center;
  content:"s";
  color: #4d7db8;
  text-shadow:0px 0px 1px #888;
  font-weight:bolder;
  z-index:2;
}
.trash-icon::after
{
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    text-align:center;
    font-family: FontAwesome;
    font-size: 17px;
    content: '\f014';
    color: #4d7db8;
    opacity:.8;
}

.trash-icon
{
    background-image: none;
}

.i-stim-content.trash-icon::after {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.icon-profile::after
{
    display: inline-block;
    text-align:center;
    font-family: FontAwesome;
    font-size: 1.4em;
    content: '\f2c0';
    vertical-align: middle;
}
.icon-help::after
{
    display: inline-block;
    text-align:center;
    font-family: FontAwesome;
    font-size: 1.4em;
    content: '\f29c';
    vertical-align: middle;
}
.icon-logout::after
{
    display: inline-block;
    text-align:center;
    font-family: FontAwesome;
    font-size: 1.4em;
    content: '\f011';
    vertical-align: middle;
}
.icon-menu-bars::after
{
    display: inline-block;
    text-align:center;
    font-family: FontAwesome;
    font-size: 1.7em;
    content: '\f0c9';
    vertical-align: middle;
}

/* End of icons*/

/* use this file for styles specific to Author */
#authoring-content > .loader
{
    margin-top: 60px;
}
.aperture-dialog.item-chooser .page-firstbar > div, .aperture-dialog.item-chooser .page-secondbar > div,
.aperture-dialog.form-chooser .page-firstbar > div, .aperture-dialog.form-chooser .page-secondbar > div
{
    padding-left: 20px;
}
.page-content.chooseMode
{
    margin-top: 10px;
}

#form-edit-tabs
{
    position:relative;
    top: -1px;
    display:inline-block;
    overflow:auto;
    background: rgb(255,255,255); /* Old browsers */
    width: 100%;
}

#formDescription
{
    border: solid 1px #7ad;
    resize: none;
}

.directions-preview
{
    background-color: #f7f7f7;
    border: solid 1px #eee;
    padding: 5px;
    text-align:left;
    cursor:pointer;
    font-size: 0.9em;
}
.directions-preview:hover, .references-preview .reference:hover, .no-references:hover, .references-preview .references-add:hover
{
    background-color: #fff;
    border: dotted 1px #666;
}
.directions-preview.no-hover:hover,
.references-preview .reference.no-hover:hover,
.no-references.no-hover:hover,
.references-preview .references-add.no-hover:hover
{
    background-color: #f7f7f7;
    border: solid 1px #eee;
    cursor: default;
}
.references-edit textarea
{
    width: 600px;
    height: 380px;
}
.directions-edit-textarea
{
    min-height: 500px;
    width: 700px;
}
.directions-edit-container .mce-tinymce
{
    width: 700px;
}
.directions-textarea-container
{
    display: inline-block;
    border: solid 10px transparent;
}
.references-preview .reference, .no-references, .references-preview .references-add
{
    border: solid 1px #eee;
    display: block;
    font-size: 0.9em;
    color: #888;
    padding: 5px 10px 5px 6px;
    cursor: pointer;
    background-color: #f7f7f7;
}
.references-preview .reference, .references-preview .references-add
{
    display: inline-block;
    width:auto;
    color: #222;
}
input.sessionName, input.sectionName, input.formName, input.itemBankName
{
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    transition: width 0.2s;
}

.form-session
{
    counter-reset: items;
    -webkit-user-select: none;
    margin-bottom: 25px;
}
.form-session > .t
{
    border: solid 1px #ddd;
    border-bottom: none;
}
.form-session .blueMinusButton,.form-session .bluePlusButton
{
    vertical-align:-10%;
    margin-right:5px;
    cursor:pointer;
}
.form-section .blueMinusButton,.form-section .bluePlusButton
{
    vertical-align: bottom;
    margin-right:0px;
}
.form-session-control
{
    opacity: 1;

}
.form-session .hide
{
    opacity: 0 !important;
    visibility: hidden !important;
}

.aperture-tabs--form-edit--use-test-numbering {
  counter-reset: items;
}

.aperture-tabs--form-edit--use-test-numbering .form-session {
  counter-reset: none;
}

.session-directions, .session-references
{
    display: none;
}
.form-section .empty-listing
{
    margin: 0px 10px 10px 30px;
}

.form-section {
    position: relative;
}
.form-item-metadata {
    position: absolute;
    width: 100%;
    border: solid 2px #3E628D;
    background: #fff;
    z-index: 10;
    height: 100%;
}
.form-item-metadata .closeButton {
    position: absolute;
    top: -5px;
    color: #3E628D;
    transform: scaleY(0.8);
    right: 15px;
    font-size: 3rem;
    font-weight: bold;
}
.form-section-name
{
    font-size: 11pt;
}
.section-repeatable
{
    float:right;
    font-size: 10pt;
}

.form-item
{
    font-size: 0.9em;
    border: solid 3px #fff;
    position:relative;
    display: flex;
}
.form-item:hover
{
    background-color: #fff;
    cursor: default;
}
.form-item--previewing {
    background-color: #fbfac0;
}
.form-item--previewing .searchButton {
    background-color: #d6d603;
    border-radius: 5px;
}
.form-item-sequence-char
{
    position:absolute;
    width: 16px;
    text-align:right;
    top:3px;
    left: -25px;
    content: counter(items);
    counter-increment: items;
    color: #39a;
    font-weight: bold;
    text-shadow: 1px 1px 2px #aaa;
    padding: 2px 4px;
    margin-right: 8px;
    margin-left: 120px;
}
.form-item-include-in-item-numbering.aperture-check.small
{
    padding: 3px 10px 3px 25px;
}
.itemDisplayName
{
    position:absolute;
    width: 80px;
    text-align:right;
    top:3px;
    left: -25px;
    padding: 2px 4px;
    margin-right: 8px;
    margin-left: 55px;
}

.form-item-name
{
    display:inline-block;
    width: 180px;
    padding: 5px;
    margin-left: 120px;
}
.form-item-preview
{
    padding-top: 5px;
    vertical-align: top;
    height: 20px;
    overflow:hidden;
    color: #aaa;
    margin-left: 10px;
    display:inline-block;
    flex: 1 1;
}

.form-item-controls
{
    flex: 0 0 80px;
    position: relative;
    top: 3px;
}
.form-item-metadata table {
    width: 96%;
    margin: 15px 0px;
}

.form-item-metadata th {
    text-align: left;
    border-bottom: solid 1px #ddd;
    padding: 3px;
}
.form-item-metadata td {
    padding: 3px;
    border-bottom: solid 1px #ddd;
}
.form-item-metadata .item-sequence {
    color: #39a;
    font-weight: bold;
    text-shadow: 1px 1px 2px #aaa;
    padding-left: 30px;
}
.form-item-metadata .item-name {
    font-size: 0.9rem;
    display: table-cell !important;
}
.form-item-metadata .select {
    padding: 3px 8px;
}
.form-outdated
{
    position:absolute;
    width: 20px;
    text-align:right;
    top:3px;
    left: -40px;
}

.outdated-icon
{
    background-position: -507px 0px;
    vertical-align: top;
    width:20px;
    height: 20px;
}

.listing-table tbody tr td.outdated
{
    min-width: 20px;
    padding: 0 15px 0 0;
}

.form-item > a
{
    display:inline-block;
}

li.fresh.test-form
{
    padding-left: 30px;
}

ul.test-form-list
{
    -webkit-padding-start: 20px;
}

.stale
{
    display:inline-block;
}

.directions-label, .references-label
{
    width: 105px;
}

.item-choose-status
{
    color: #aaa;
    visibility: hidden;
}
.item-listing-noscore
{
    float:right;
    padding-right: 15px;
    font-size: 0.9em;
    opacity: 0.6;
}
#item-create-template-select
{
    display:none;
    width: 900px;
    padding: 10px;
    overflow:auto;
    z-index: 2;
}
#item-create-template-select .closeButton
{
    position: absolute;
    top: 2px;
    right: 10px;
    font-size: 24px;
    cursor:pointer;
    background: #fefefe;
}

.item-template
{
    padding: 15px 25px;
    display:block;
}
.item-template:hover
{
    background-color: #eee;
}
.item-template .icon
{
    background-image: url(../Assets/default/Images/iTesterPortalAssets-3.29.png);
    background-repeat: no-repeat;
    display:inline-block;
    width: 42px;
    height: 42px;
    vertical-align:middle;
}

.item-template-name
{
    font-size:14pt;
    display:inline-block;
    width: 300px;
    padding: 5px 10px;
    vertical-align:middle;
}
.item-template-description
{
    display: inline-block;
    vertical-align:middle;
    width: 400px;
}
/* Temporarily set default icon as blank-item */
.icon { background-position: -379px -160px; }
.blank-item .icon { background-position: -379px -160px; }
.choiceInteraction .icon { background-position: -340px -160px; }
.extendedTextInteraction .icon { background-position: -421px -160px; }
.drawingInteraction .icon { background-position: -466px -160px; }
.matchInteraction .icon { background-position: -421px -199px; }
.hotSpotInteraction .icon { background-position: -466px -199px; }
.graphicOrderInteraction .icon { background-position: -510px -200px; }
.inlineChoiceInteraction .icon { background-position: -421px -240px; }
.gapMatchInteraction .icon { background-position: -510px -160px; }

#item-listing-selection-controls,
#form-listing-selection-controls,
#user-listing-selection-controls,
#jobs-listing-selection-controls,
#stimulus-listing-selection-controls
{
    position:relative;
}

#user-listing-selection-controls,
#jobs-listing-selection-controls
{
    display:none;
}
.item-listing-row td, .formitem-listing-row td, .stimulus-listing-row td, .test-listing-row td
{
    cursor:default;
    user-select: none;
}
.item-listing-row, .form-listing-row, .user-listing-row, .formitem-listing-row, .stimulus-listing-row,
.test-listing-row
{
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: -transform 0.3s;
    position:relative;
}
.item-listing-row:hover, .form-listing-row:hover, .user-listing-row:hover, .form-item:hover,
.test-listing-row:hover, .itembank-listing > .itembank:hover
{
    cursor:pointer;
    border-bottom: solid 1px #8cf;
    background-color: #eef7ff;
}
.item-listing-row.chooseMode:hover .item-choose-status
{
    visibility: visible;
}

.item-listing-row.selected, .item-listing-row.selected:hover,
.stimulus-listing-row.selected, .stimulus-listing-row.selected:hover,
.form-listing-row.selected, .form-listing-row.selected:hover,
.user-listing-row.selected, .user-listing-row.selected:hover,
.form-item.selected, .form-item.selected:hover,
.test-listing-row.selected, .test-listing-row.selected:hover,
.itembank-listing > .itembank.selected, .itembank-listing > .itembank.selected:hover
{
    background-color: #beb;
}
.item-listing-row.unavailable, .item-listing-row.unavailable:hover,
.form-listing-row.unavailable, .form-listing-row.unavailable:hover,
.user-listing-row.unavailable, .user-listing-row.unavailable:hover
{
    cursor: default;
    background-color: #f7f7f7;
    color: #888;
}
.item-listing-row td, .form-listing-row td, .user-listing-row td, .stimulus-listing-row td
{
    position: relative;
}
.item-listing-row .item-selected, .form-listing-row .form-selected, .user-listing-row .user-selected
{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    display:block;
    /*position: absolute;
    left: -15px;
    top: 11px;*/
    margin: 7px 10px 0px 0px;
    float:left;
    background-color: #080;
    width: 6px;
    border-radius: 3px;
    height: 6px;
}
.item-listing-row.unavailable .item-selected, .form-listing-row.unavailable .form-selected,
.user-listing-row.unavailable .user-selected
{
    opacity: 0;
    background-color: #aaa;
}
.item-listing-row.selected .item-selected, .form-listing-row.selected .form-selected,
.user-listing-row.selected .user-selected
{
    opacity: 1;
}

.item-listing-status, .form-listing-status
{
    color: #aaa;
}
.item-listing-status em, .form-listing-status em
{
    color: #000;
    font-style: normal;
}

.item-listing-highlight-match {
    display: none;
    border-top: 1px solid #05A;
    border-left: 1px solid #05A;
    border-right: 1px solid #05A;
    max-width: 500px;
}

.item-listing-highlight-match:last-child {
    border-bottom: 1px solid #05A;
}

.item-listing-highlight-field:hover .item-listing-highlight-match {
    display: block;
}

.form-contents
{
    list-style-type:none;
}
.itembank-sharing-row .td
{
    border-bottom: solid 1px #ddd;
}
.itembank-sharing-controls
{
    min-width: 150px;
}
.itembank_buttons
{
    width: 300px;
    vertical-align: middle;
    padding-right: 20px;
}
.itembank
{
    display:table;
}
.itembank_table_header
{
    border-bottom: solid 1px #ccc;
    font-size: 0.9em;
    padding: 8px 16px;
}
.itembank_name
{
    width: 350px;
}
.itembank_tags
{
    width: 200px;
}
.itembank_tags-listing {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.itembank_tag_listing {
    border-radius: 3px;
    white-space: nowrap;
    box-shadow: 0 0 0 1.1em #E5E5E5 inset;
    margin: 5px 0 0 5px;
    padding: 0 5px;
}
.itembank_grades
{
    width: 200px;
}
.item_name
{
    width: 200px;
}
.itembank .itembank_name
{
    vertical-align: middle;
    font-size: 1.2em;
    font-weight:300;
}
.itembank_moderator
{
    width: 175px;
}
.itembank_permission
{
    width: 100px;
    vertical-align: middle;
    text-align:right;
}

.itembank_manage
{
    text-align:right;
    min-width: 120px;
}
.itembank-sharing-controls .deleteButton
{
    margin-left: 10px;
}
.accesstype-select, .itembank-sharing-controls .chosen-container
{
    width: 110px !important;
}

/*sortable styles*/
.form-contents .sortable-dragging
{
    border: solid 2px #333;
    opacity: 1;
    height: 25px;
    background: #ffa;
}
.form-contents .sortable-placeholder
{
    background-color: #fff;
    border: dotted 2px #333;
    height: 32px;
}
.aperture-tabs > ul li.active.sortable-dragging,
.form-edit-tabs-list .sortable-dragging
{
    border: solid 1px #bfbfbf;
}
.active.tab-list-item a,
.tab-list-item:hover a
{
    color: #1795FF;
}
.tab-link--draggable
{
    pointer-events: none;
    cursor: pointer;
}
.aperture-tabs > ul li.tab-list-item.tab-list-item--draggable
{
    cursor: pointer;
}
.form-edit-tabs-list .sortable-placeholder
{
    background: #bfbfbf;
}
#share-itembanks-dialog h3
{
    display: inline;
    vertical-align: middle;
}
#share-ib-list-container
{
    display: flex;
    height: 80vh;
    width: 60vw;
}
#share-ib-list-container > div
{
    flex-basis: 50%;
    margin: 0.5rem;
    overflow-y: auto;
}

#itembanks-shared-table
{
    border-right: 1px lightgrey solid;
}
.shared-itembank-li {
    list-style: none;
    margin: 0.5rem 0;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: underline;
}
#share-with-controls
{
    display: flex;
    flex-wrap: wrap;
}
#share-with-controls > *
{
    margin: 0.25rem;
}
#ib-sharing-err-msg
{
    color: red;
    font-weight: bold;
    text-align: center;
}
#select-entities-btns
{
    margin-left: auto;
}

/*edit test*/
.test-form
{
    padding: 6px;
    display:inline-block;
}
.test-form-controls
{
    width: 70px;
    display:inline-block;
}
.test-form-preview
{
    width: 270px;
    display:inline-block;
}
.test-form-name
{
    width: 350px;
    display:inline-block;
}

.topbar-label
{
    padding: 0 5px 0 0 !important;
    width: 150px;
}

.form-control-multiselect
{
    min-width: 370px;
    padding: 0 93px 0 0;
}

.form-control-multiselect > .chosen-choices,
.form-control-multiselect > .chosen-drop
{
    border-radius: 5px;
    width: inherit !important;
}

.form-control-multiselect > .chosen-choices > .search-choice
{
    margin: 1.5px 2.5px 1.5px 0 !important;
}

#edit-test-admincourse .chosen-container
{
    vertical-align: middle;
}

.test-type-tip
{
    padding: 10px;
    border: solid 1px #ddd;
    margin-top: 10px;
    width: 450px;
}

#test_cat_list input
{
    width: 40px;
}
#test_cat_list table
{
    margin: 5px 20px;
}
#test_cat_list table td
{
    padding: 0px 10px;
}
#edit-test-cat-items
{
    padding: 5px 20px;
}

.test-simulation-theta
{
    font-size: 1.4em;
    padding-right: 15px;
    padding-left: 10px;
}
.test-domains-table
{
    margin-bottom: 40px;
}
#testMapFileUpload::file-selector-button, #testMapFileUpload::-webkit-file-upload-button {
    background: #6e6e6e;
    border: solid 1px #555;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    color: #e9e9e9;
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding: 0.3em 1.5em .4em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    user-select: none;
    -khtml-user-select: none;
    -moz-border-radius: 0.5em;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-border-radius: 0.5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
#verify-test-map-error
{
    font-size: 80%;
    color: red;
    text-align: center;
    margin: 0.5rem 0;
}
.test-simulation-headtable
{
    vertical-align:bottom;
    font-size: 16px;
    margin-left: 40px;
    display:inline-block;
}
.test-simulation
{
    margin-bottom: 30px;
}

#simulation-pager a
{
    display: inline-block;
    padding: 10px;
    width: 20px;
    text-align:center;
    border: solid 1px #fff;
    font-size: 14px;
}
#simulation-pager a:hover
{
    background: #eee;
    border: solid 1px #ccc;
}
.button, .button-large {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em 0.3em 0.5em;
  text-align: center;
  cursor: pointer;
  border: 1px solid #666;
  box-shadow: rgba(0,0,0,0.45) 0px 2px 3px;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);

  /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(128,128,128,0.9)));*/
  background-image: -webkit-linear-gradient(rgba(64,64,64,0.75) 0%, rgba(128,128,128,0.9) 90%);
  background-image: -moz-linear-gradient(rgba(64,64,64,0.75) 0%, rgba(128,128,128,0.9) 90%);
  background-image: -o-linear-gradient(rgba(64,64,64,0.75) 0%, rgba(128,128,128,0.9) 90%);
  background-image: -ms-linear-gradient(rgba(64,64,64,0.75) 0%, rgba(128,128,128,0.9) 90%);
  background-image: linear-gradient(rgba(64,64,64,0.75) 0%, rgba(128,128,128,0.9) 90%);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZlcnNpb249IjEuMCIgd2lkdGg9IjEwMCUiCiAgIGhlaWdodD0iMTAwJSIKICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAKICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjkwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYig2NCw2NCw2NCk7c3RvcC1vcGFjaXR5OjAuNzUiIC8+CiAgICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMTI4LDEyOCwxMjgpO3N0b3Atb3BhY2l0eTowLjkiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KIAogIDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiCiAgICAgc3R5bGU9ImZpbGw6dXJsKCNncmFkKTsiIC8+Cjwvc3ZnPg==);

  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
}
.button span.btn_glare, .button-large span.btn_glare {
  position: absolute;
  display: block;
  width: 90%;
  left: 6%;
  top: -1px;
  height: 50%;

  /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));*/
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.75), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75), rgba(255,255,255,0));
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75), rgba(255,255,255,0));
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.button:hover, .button-large:hover, #review-panel a.button-large:hover, .button:focus {
  border-color: #555;

  /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(96,96,96,0.75)), to(rgba(64,64,64,0.9)));*/
  background-image: -webkit-linear-gradient(rgba(96,96,96,0.75) 0%, rgba(64,64,64,0.9) 90%);
  background-image: -moz-linear-gradient(rgba(96,96,96,0.75) 0%, rgba(64,64,64,0.9) 90%);
  background-image: -o-linear-gradient(rgba(96,96,96,0.75) 0%, rgba(64,64,64,0.9) 90%);
  background-image: -ms-linear-gradient(rgba(96,96,96,0.75) 0%, rgba(64,64,64,0.9) 90%);
  background-image: linear-gradient(rgba(96,96,96,0.75) 0%, rgba(64,64,64,0.9) 90%);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
}
.blue_button {
  border-color: #6699cc;

  background-image: -webkit-linear-gradient(top, rgba(16,96,192,0.75), rgba(96,192,255,0.9));
  background-image: -moz-linear-gradient(top, rgba(16,96,192,0.75), rgba(96,192,255,0.9));
  background-image: -o-linear-gradient(top, rgba(16,96,192,0.75), rgba(96,192,255,0.9));
  background-image: -ms-linear-gradient(top, rgba(16,96,192,0.75), rgba(96,192,255,0.9));
  background-image: linear-gradient(to bottom, rgba(16,96,192,0.75), rgba(96,192,255,0.9));
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNjBjMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzYwYzBmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
}

.blue_button:hover, .blue_button:focus, .blue_button.active {
  border-color: #003575;

  background-image: -webkit-linear-gradient(top, rgba(0,97,216,0.75), rgba(0,53,117,0.9));
  background-image: -moz-linear-gradient(top, rgba(0,97,216,0.75), rgba(0,53,117,0.9));
  background-image: -o-linear-gradient(top, rgba(0,97,216,0.75), rgba(0,53,117,0.9));
  background-image: -ms-linear-gradient(top, rgba(0,97,216,0.75), rgba(0,53,117,0.9));
  background-image: linear-gradient(to bottom, rgba(0,97,216,0.75), rgba(0,53,117,0.9));
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjFkOCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMzU3NSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
}
.references-edit
{
    padding: 8px;
}

.history-list, .formitem-update-list
{
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    white-space: nowrap; /* Prevent IE from hiding the Insert bar when the browser window is small */
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVmNWY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 31%, rgba(242,242,242,1) 77%, rgba(245,245,245,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,rgba(255,255,255,1)), color-stop(77%,rgba(242,242,242,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 31%,rgba(242,242,242,1) 77%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 31%,rgba(242,242,242,1) 77%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 31%,rgba(242,242,242,1) 77%,rgba(245,245,245,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 31%,rgba(242,242,242,1) 77%,rgba(245,245,245,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
    text-align:center;
    height: auto;
    max-height: 400px;
    overflow-y: auto;
}

.history-header, .formitem-update-header
{
   color:#448;
}

.history-list .listing-table .history-titles th,
.update-table-container .listing-table th
{
  text-align:center;
  width: 130px;
}

.preview-dialog {
  padding:.5em;
  color:#666;
  text-align:center;
}
.preview-dialog > .preview-preference-list {
    padding:1em;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.preview-dialog > .preview-preference-list > .preview-preference {
    margin:0px 1em;
    color:#888;
}
.preview-dialog > .preview-preference-list > .preview-preference:hover {
    color:#aaa;
    text-shadow:0px 0px 1px rgba(96,192,255,0.9);
}

ol.learning-target-list > li {
    margin-top: 0.25rem;
}

.domain-section {
    margin: 0 1rem;
}

.grade-section {
    margin-left: .5rem;
}

.grade-section h4 {
    margin: .5rem 0;
}

.root-standard-section {
    margin-top: 1rem;
}

.root-standard-section > h4 {
    margin: 0;
    font-size: 1.1em;
}

.item-standards-list {
    margin: 0.5rem;
}

.item-standards-list > li:not(:last-child) {
    margin-bottom: 0.25rem;
}

.tags-filter-Items {
    left: 0px;
    width: 20em;
}

.tags-filter-ItemBanks {
    right: 0px;
    width: 20em;
}

.tagify--outside{
    border: 0;
}

.tagify--outside .tagify__input{
    order: -1;
    flex: 100%;
    border: 1px solid var(--tags-border-color);
    margin-bottom: 1em;
    transition: .1s;
}

.tagify--outside .tagify__input:hover {
    border-color: var(--tags-hover-border-color);
}

.tagify--outside.tagify--focus .tagify__input {
    transition: 0s;
    border-color: var(--tags-focus-border-color);
}

.tags--removeAllBtn {
    position: absolute;
    right: 1em;
    font-size: 0.8em;
    color: #33796c;
    cursor: pointer;
}

.tags--item-listing {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tags-header {
    width: 200px;
}

.tag--item-listing {
    border-radius: 3px;
    white-space: nowrap;
    box-shadow: 0 0 0 1.1em #E5E5E5 inset;
    margin: 5px 0 0 5px;
    padding: 0 5px;
}

.tenant-row {
    border: solid 2px lightgrey;
    display: flex;
    font-size: 1rem;
    padding: 0.5rem;
}

.tenant-row:not(:first-child) {
    margin-top: 1rem;
}

.tenant-row.new {
    border-style: dashed;
}

.btn-link {
    background: none !important;
    border: none;
    color: #069;
    cursor: pointer;
    padding: 0 !important;
    text-decoration: underline;
}

#confirm-publish-dialog {
    border-color: #000;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: bold;
    max-width: 600px !important;
    padding: 1.5rem;
}

#publish-itembanks-dialog {
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    justify-content: space-around;
    margin-bottom: 1rem;
    width: 50vw;
}

.bordered-box {
    border: 2px solid grey;
    border-radius: 8px;
    padding: 0.5rem;
}

.bordered-box > .selectors-section {
    border-bottom: 2px solid grey;
    display: flex;
    margin: 0 -0.5rem;
    padding: 0.5rem;
}

.selectors-section > .tenant-selection {
    display: flex;
    flex-basis: 70%;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 70%;
}

.tenant-selections > .tenant-row {
    border: none;
    border-bottom: 2px solid grey;
    margin: 0 -0.5rem;
    padding: 0.5rem;
}

#shared-itembank-list > .shared-itembank-li {
    margin: unset;
    text-decoration: unset;
}

#tenant_selector_chosen, #tenant_program_selector_chosen {
    width: unset !important;
}

@media screen and (max-width: 480px) {
  #share-ib-list-container {
    flex-direction: column;
  }
  #share-ib-list-container > div
  {
    flex-basis: 100%;
  }
}

.tagify--outside
{
    border: 0 !important;
}

.tagify--outside .tagify__input
{
    border: 1px solid var(--tags-border-color);
    border-radius: 2px;
    flex: 100%;
    margin-bottom: 1em;
    order: -1;
    transition: .1s;
}

.tagify--outside .tagify__input:hover
{
    border-color: var(--tags-hover-border-color);
}

.tagify--outside.tagify--focus .tagify__input
{
    border-color: var(--tags-focus-border-color);
    transition: 0s;
}

.column-filter-checkboxes-container
{
    width: 700px;
    height: 500px;
    background-color: #eee;
    border-radius: 20px;
    margin: 0 10px;
    padding: 15px;
}

.column-filter-checkboxes
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow-y: scroll;
    height: 100%;
}

.filter-controls-container
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 40vw;
    height: fit-content;
    padding: 20px;
}

.filter-controls-container legend
{
    font-weight: bold;
    padding: 0 5px;
    margin-bottom: 10px;
}

.filter-controls-container fieldset
{
    padding: 15px;
    border-radius: 5px;
}

.filter-controls-container .multiselect,
.filter-controls-container .singleselect
{
    background-color: #fff;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.filter-controls-container input[type="text"]
{
    width: 100%;
    border-radius: 3px;
    box-sizing: border-box;
    padding-left: 7px;
}

.filter-controls-container input[type="checkbox"],
.filter-controls-container input[type="radio"]
{
    margin: 3px;
    vertical-align: middle;
}

.filter-controls-container fieldset label
{
    margin-left: 5px;
    vertical-align: middle;
}

.filter-controls-container .filter-item
{
    margin-bottom: 5px;
}

.filter-tags-input
{
    background-color: #fff;
}

.filter-standard-list
{
    background-color: #fff;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.filter-standard-list:empty::before {
    content: attr(data-placeholder);
    color: gray;
    font-style: italic;
}

.filter-standard-pill
{
    background-color: #007bff;
    color: white;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.9em;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    margin: 2px;
}

.filter-standards-btn
{
    background-color: #f8f9fa;
    color: #007bff;
    border: 1px dashed #007bff;
    padding: 8px 12px;
    font-size: 0.9em;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    width: 100%;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.filter-standards-btn:hover
{
    background-color: #e2e6ea;
    border-color: #0056b3;
}

/*fontsize*/
.huge { font-size: 18pt; }
.big { font-size: 14pt; }
.small { font-size: 10pt; }
.tiny { font-size: 8pt; }

/*alignment*/
.alignLeft, .al { text-align: left; }
.alignCenter, .ac { text-align:center; }
.alignRight, .ar { text-align:right; }

/*valign*/
.vatop { vertical-align: top; }
.vamiddle { vertical-align: middle; }
.vabottom { vertical-align: bottom; }
.vabase { vertical-align: baseline; }

/* width*/
.width100, .w100 { width: 100%; }
.width50, .w50 { width: 50%; }
.width40, .w40 { width: 40%; }
.width60, .w60 { width: 60%; }

/*padding 10*/ 
.padding10, .p10 { padding: 10px; }
.padding20, .p20 { padding: 20px; }
.paddingLeft10, .pl10 { padding-left: 10px; }
.paddingLeft20, .pl20 { padding-left: 20px; }
.paddingLeft40, .pl40 { padding-left: 40px; }
.paddingRight10, .pr10 { padding-right: 10px; }
.paddingRight20, .pr20 { padding-right: 20px; }
.paddingTop20, .pt20 { padding-top: 20px; }
.padding-bottom-10, .pb10 { padding-bottom: 10px; }
.padding-bottom-20, .pb20 { padding-bottom: 20px; }

/*margin 10*/
.margin10, .m10 { margin: 10px; }
.marginTop10, .mt10 { margin-top: 10px; }
.marginTop20, .mt20 { margin-top: 20px; }
.marginTop40, .mt40 { margin-top: 40px; }
.marginBottom10, .mb10 { margin-bottom: 10px; }
.marginLeft10, .ml10 { margin-left: 10px; }
.marginLeft20, .ml20 { margin-left: 20px; }
.marginLeft25, .ml25 { margin-left: 25px; }
.marginLeft40, .ml40 { margin-left: 40px; }
.marginRight10, .mr10 { margin-right: 10px; }
.marginRight15, .mr15 { margin-right: 15px; }

/*tables*/
.table, .t { display: table; }
.table-row, .tr { display: table-row; }
.table-cell, .td { display: table-cell; }

/*display*/
.hidden { display: none !important; }
.ib { display: inline-block; }
.invisible { visibility: hidden; }

/*red*/
.red { color: #d00; }

/* hidden but readable by screen-readers */
.vhidden {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.border-none {
  border: none;
}

.button--disabled {
    opacity: 0.2;
    cursor: default;
}

.button--disabled:hover {
    opacity: 0.2;
}

/* use this file only for the Aperture Portal */
/**
 * Font: Font-Awesome, Author: Dave Gandy, License: SIL,
 * Homepage:  http://fortawesome.github.com/Font-Awesome/
 */
@font-face
{
  font-family: 'FontAwesome';
  src: url(../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0);
  src: url(../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),
       url(../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),
       url(../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),
       url(../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
       url(../Assets/default/Css/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}

/* the following css selector from http://fontello.com open source project */
[class^="fa-"]:before, [class*=" fa-"]:before
{
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;

  font-variant: normal;
  text-transform: none;

  line-height: 1em;
}

.fa-file-o:before
{
  content: "\f016";
}

.fa-floppy-o:before
{
  content: "\f0c7";
}

.fa-long-arrow-left:before
{
  content: "\f177";
}
.fa-long-arrow-right:before
{
  content: "\f178";
}
.fa-undo:before
{
  content: "\f0e2";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-circle-o:before {
  content: "\f10c";
}

#Authoring-fieldset
{
    order: -1;
}
fieldset
{
    padding: 15px 20px;
}
#elliptical-highlight
{
    z-index: -2;
    position:fixed;
    top:300px;
    width:100%;
    height:600px;
    border-radius: 6000px / 1900px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

#elliptical-shadow
{
    z-index: -1;
    position:fixed;
    top: 0px;
    left: 0px;
    min-width: 1280px;
    width: 100%;
    height: 100%;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(125,185,232,0) 0%, rgba(162,205,240,0) 33%, rgba(236,245,255,0.6) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(125,185,232,0)), color-stop(33%,rgba(162,205,240,0)), color-stop(100%,rgba(236,245,255,0.6))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(125,185,232,0) 0%,rgba(162,205,240,0) 33%,rgba(236,245,255,0.6) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(125,185,232,0) 0%,rgba(162,205,240,0) 33%,rgba(236,245,255,0.6) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(125,185,232,0) 0%,rgba(162,205,240,0) 33%,rgba(236,245,255,0.6) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(125,185,232,0) 0%,rgba(162,205,240,0) 33%,rgba(236,245,255,0.6) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#99ecf5ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    opacity: 0.6;

}
#body-skeleton
{
    /*max-width: 1280px;*/
    /*min-height: 700px;
    margin: auto;
    position:relative;
    overflow-x: hidden;*/
    /*z-index: 1;*/
}

.dashboardBody .iTesterLogo
{
    vertical-align: top;
}
.portalTitle
{
    font-family: Open Sans;
    font-weight: 300 !important;
    font-size: 26px;
    color: #aaa;
    letter-spacing: -1px;
}

.dashboardBody
{
    padding-top: 10px;
    margin-left: 3px;
}

#dashboardIntro
{
    margin: 0px 0px 20px 60px;
}
.applicationDescription
{
    font-size: 12pt;
    color: #999;
    height:300px;
    padding: 20px;
}
#dashboard .menuSelection
{
    display:inline-block;
    width: 300px;
    height: 130px;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 18pt;
    text-align:center;
    padding-top:40px;
    padding-bottom:50px;
    vertical-align:top;
}
#dashboard .menuSelection div
{
    display: block;
}
.returnToDashboard
{
    display: block;
    margin: 40px 0px 20px 20px;
}
.returnToDashboard .image
{
    vertical-align: -45%;
}
.changePasswordBox {
    position: relative;
    z-index: 3;
    width: 600px;
    height: 195px;
    background-color: #fff;
    padding: 10px;
    margin: auto;
}
.changePasswordBox form
{
    width: 600px;
    text-align:left;
    position: relative;
    margin-top: 10px;
    left: 20%;
}
.changePasswordBox input[type="text"], .changePasswordBox input[type="password"]
{
    width: 300px;
    margin: 10px;
    font-size: 18pt;
    font-weight: 300;
}
.changePasswordBox input.untouched
{
    font-weight: 300;
}
.changePasswordBox input[type="submit"] {
    margin-top: 10px;
    margin-left: 15%;
}

#changePasswordErrorMessage {
    display: none;
    text-align: left;
}
.changePasswordTitle {
    text-align:center;
    position: relative;
    margin-top: 50px;
    font-family: Open Sans;
    font-weight: 300 !important;
    font-size: 24px;
    color: #aaa;
    letter-spacing: -1px;
}
#usernameDisplay {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    font-size: 90%;
    text-align: right;
}

#managementTabs
{
    min-height:800px;
    margin-left: 20px;
}
#managementTabs h2
{
    margin-top: 0px;
}
#myprofile
{
    margin-top: 50px;
}

#available-organizations, #selected-organizations
{
    list-style:none;
    padding-left:20px;
}
#available-organizations li, #selected-organizations li, .clonedListItem
{
    position:relative;
    left: -5px;
    color: #084C9E;
    cursor: pointer;
    -webkit-transition: height 5s;
    -moz-transition: height 5s;
    -ms-transition: height 5s;
    transition: height 5s;
    padding-left: 17px;
    overflow:hidden;
    display:block;
}
#available-organizations li:hover, #selected-organizations li:hover,#available-organizations li:active, #selected-organizations li:active
{
    color: #1795FF
}
#available-organizations li:before
{
  position: absolute;
  top: 1px;
  margin: 8px 0 0 -12px;
    /* accommodate Camino */
    vertical-align: middle;
    display: inline-block;
  width: 3px;
  height: 3px;
  background: #88a;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  content: "";
}

#selected-org-cell
{
    overflow: auto;
}
.clonedListItem
{
    position: absolute;
    color: #084C9E;
    -webkit-transition: top 0.4s, left 0.4s;
    -moz-transition: top 0.4s, left 0.4s;
    -ms-transition: top 0.4s, left 0.4s;
    transition: top 0.4s, left 0.4s;
    z-index:3;
}

.permissionSetting
{
    position: relative;
    padding: 5px 5px 5px 14px;
    margin: 5px 15px;
    padding: 15px 20px;
    display:inline-block;
    cursor: pointer;
    color: #084C9E;
}
.permissionSetting.hidden
{
    display: none;
}
#permissions-tab .td
{
    border: solid 1px #eee;
}

.permissionSetting.checkmark, .checkmark
{
    background: -moz-radial-gradient(center, ellipse cover,  rgba(238,255,238,1) 0%, rgba(238,255,238,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(238,255,238,1)), color-stop(100%,rgba(238,255,238,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(238,255,238,1) 0%,rgba(238,255,238,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(238,255,238,1) 0%,rgba(238,255,238,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(238,255,238,1) 0%,rgba(238,255,238,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(238,255,238,1) 0%,rgba(238,255,238,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeffee', endColorstr='#00eeffee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.checkmark:before
{
    content: "\2714";
}
.permissionContext
{
    background-color: #f7f7f7;
    padding: 15px 20px;
}

.permissionOverride
{
    font-size: 0.8em;
    color: #aaa;
}
.permissionOverride input
{
    vertical-align: -10%;
}
.permissionOverriding .permissionContext
{
    background-color: #e3e3e3;
}
.permissionOverriding .permissionSelect
{
    background-color: #fafafa;
}
/*@media only screen
and (min-width : 1280px)
{
}*/

.user_in_group
{
    position: relative;
    padding-left: 18px;
}

#standards
{
    margin-top:30px;
}

#admin_subject_selector
{
    margin-top: 20px;
}
#admin_subject_selector select
{
    width: 300px;
}

#edit-users-tab
{
    margin: 0px;
}

#edit-users-tab #userlisting
{
    margin: 0px 20px;
}
#edit-users-tab .page-secondbar > div
{
    padding-left: 10px;
}

/* role management UI */

#roles-ui-container {
    padding: 1em 1em 1em 90px;
    background-color: #f8f8ff;
}

.roles-table {
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #d5d8dc;
    border-left: 1px solid #d5d8dc;
    border-right: 1px solid #d5d8dc;
}

.roles-table tr {
    border-bottom: 1px solid #d5d8dc;
}

.roles-table th, .roles-table td:first-child {
    padding: 1em;
}

.roles-table td.hover-outline:hover {
    outline: 1px dashed #777;
}

.roles-table td:first-child, .roles-table th:first-child {
    text-align: left;
    outline: none;
}

.roles-table input[type="checkbox"] {
    width: 1.5em;
    height: 1.5em;
}

.roles-table .bool-disabled {
    background-color: rgba(255, 0, 0, 0.5);
}

.roles-table .bool-enabled {
    background-color: rgba(0, 255, 0, 0.5);
}

.roles-table .richtext-modified {
    outline: 3px solid rgba(0, 255, 0, 0.5);
}

#roles-ui-container > button {
    margin: 1em;
}

/* end role management UI */

.announcement-content
{
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 10px 15px;
}
.announcement-edit
{
    font-size: 0.9em;
    float:right;
    position:relative;
    top:-20px;
    left: -8px;
    opacity: 0.5;
}
.announcement-edit:hover
{
    opacity: 1;
}

#current-users li
{
    padding: 3px;
    font-size: 1.2em;
    color: #666;
    border-bottom: solid 1px #eee;
}
#current-users .user-name
{
    display:inline-block;
    width: 450px;
    color: #111;
}
#current-users .user-remove
{
    float:right;
}

.resultsTableHeader
{
    text-align: right;
    font-weight: bold;
}

.resultsTableValue
{
    text-align: center;
    width: 50px;
}

/* override rc-time-picker for client configurations */
.rc-time-picker-panel-input
{
  font-size: 18px;
}

/* Mobile */
#content-shading
{
    display: none;
}

.mobile header
{
    position:absolute;
    top: 0px;
    background:rgb(57,102,179);
    width:100%;
    height:80px;
    -webkit-box-shadow: none;
    box-shadow:none;
    border:none;
}

.mobile .nav>ul
{
    background-image: url(../Assets/default/Images/bg_texture.png);
    position:absolute;
    padding: 0px;
    height: 40px;
    width:100%;
    top: 40px;
    border-bottom: 2px solid #ccc;
}

.mobile .nav ul li
{
    padding: 0px;
}

.mobile .nav ul li a
{
    color: #084c9e;
}

.mobile .nav ul li a span
{
    padding: 10px 8px;
    display: inline-block;
    height: 20px;
}

.mobile #nav_home .lighthouseLogo
{
    left:5px;
    height:35px;
    width:35px;
    background-position: -300px -235px;
}

.mobile #userOptionsLink .icon-menu-bars
{
    display: inline-block;
}

.mobile #userOptionsPanel
{
    flex-direction: column;
    position:fixed;
    text-align:left;
    padding: 0px;
    top: 0px;
    right: 0px;
    width: 260px;
    font-size: 15px;
    z-index: 1;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    max-width:0px;
    overflow-y:scroll;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    border: solid 1px #ddd;
    border-radius: 2px;
    box-shadow: inset 0px 0px 4px #fff;
    background: rgb(238,238,238); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 48%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(48%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    text-shadow:none;
}

.mobile .user-options-panel_options
{
    flex-direction: column;
    border-bottom: 1px solid #888;
    height: auto;
}

.mobile .user-options-panel_options .divider
{
    display: none;
}

.mobile .button-user-options
{
  color: white;
}

.mobile .user-options-panel_icon
{
    margin-right: 20px;
    margin-left: 8px;
    color: #888;
}

.mobile .link-logout
{
    order: 1;
}

.mobile .link-help
{
    order: 2;
}

.mobile .link-profile
{
    order: 3;
}

.mobile .link-edit-profile
{
    order: 4;
}

.mobile .profile-text-name
{
    display: none;
}

.mobile .profile-text-label
{
    display: inline;
}

.mobile #userOptionsPanel .userLabel
{
    width: 218px;
    padding: 20px 15px 15px 20px;
    font-size:18px;
}

.mobile #userOptionsPanel a
{
    display: inline-block;
    width: 223px;
    -webkit-tap-highlight-color: rgba(0,0,0,0.18);
    padding: 10px 5px;
    line-height: 200%;
}

.mobile .user-options-panel_option {
     padding: 5px 15px;
}

.mobile #userOptionsLink.hover #userOptionsPanel
{
    max-width:none;
}

.mobile #userOptionsLink.hover #content-shading
{
    visibility:visible;
    position:fixed;
    display:block;
    background: #000;
    right: 0px;
    top: 0px;
    opacity: 0.6;
}

.mobile #body-skeleton
{
    margin-top: 75px;
}

.mobile .blue-shading
{
    width:100%;
    width: -moz-calc(90% + 180px);
    width: -webkit-calc(90% + 180px);
    width: -o-calc(90% + 180px);
    width: calc(90% + 180px);
    left: -180px !important;
    top: 70px !important;
}

.mobile .dashboardBody .page-title
{
    padding-bottom: 10px;
    margin-left: 5px;
    width: 90%;
    width: -moz-calc(90% + 8px);
    width: -webkit-calc(90% + 8px);
    width: -o-calc(90% + 8px);
    width: calc(90% + 8px);
}

.mobile .page-title h2
{
    font-size: 20px;
    color: #000;
}

.mobile .page-title *
{
    margin: 0px 10px 0px 20px;
}

.mobile #dashboard .menuSelection
{
    width: 45%;
    background:#fff;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 5px;
}

.mobile.landscape #dashboard .menuSelection
{
    width: 30%;
}

.mobile #dashboard .menuSelection a
{

    display:inline-block;
    height:130px;
    width:100%;
    padding-top: 20px;
}

.mobile #dashboard .menuSelection a div
{
    font-size: 20px;
}

.mobile #dashboard .applicationDescription
{
    display:none;
}

.mobile .portal-footer
{
    position:relative;
    top:10px;
    right: auto;
    width: 100%;
}

.mobile .sidebarIcon
 {
    background: url(../Assets/default/Images/iTesterPortalAssets-3.29.png);
    height:35px;
    width:35px;
    display:inline-block;
    float:left;
    margin-right: 15px;
}

.mobile .icon_logout
{
    background-position: -370px -235px;
}

.mobile .icon_viewProfile
{
    background-position: -370px -200px;
}

.mobile .icon_editProfile
{
    background-position: -335px -235px;
}

/* mobile pop-up notification*/
/* These are used for the popup screen when user clicks on links that don't have a mobile friendly version*/
.mobile .contentShading
{
    display: block;
    position:fixed;
    top: 0px;
    left: 0px;
    height:100%;
    width: 100%;
    z-index:96;
    background-color:rgba(0, 0, 0, 0.5);
}

.mobile #popupNotice
{
    display: block;
    position: fixed;
    z-index: 99;
    width: 80%;
    height: 180px;
    top: 80px;
    left: 10%;
    border: 3px solid white;
    border-radius: 10px;
    background-color: white;
}

.mobile #popupNotice .popupMessage
{
    display:inline-block;
    margin:8px;
    font-size:16px;
}

.mobile #popupNotice .optionButton
{
    display:block;
    width:70%;
    margin:10px auto 0px;
}
/* End of mobile pop-up notification*/

/* side-bar profile */
.mobile #userOptionsPanel #mobileProfilePreview .page-content
{
    margin: 15px;
}

.mobile #userOptionsPanel #mobileProfilePreview .page-title
{
    display:none;
}

.mobile #userOptionsPanel #mobileProfilePreview .page-content .td
{
    padding-top:0px !important;
    line-height:150%;
    display:block;
    text-align: left;
    width: 200px;
}

.mobile #userOptionsPanel #mobileProfilePreview .page-content .td h3
{
    font-weight: normal !important;
}

.mobile #userOptionsPanel #mobileProfilePreview .page-content .td ul
{
    list-style: none;
    padding-left: 20px;
}

.mobile #userOptionsPanel #mobileProfilePreview .userContactInfo
{
    display:block;
}
/* end of side-bar profile  */

/* Mobile View Profile Page */
.mobile #body-skeleton > .page-title
{
    margin-left: 0px;
}
.mobile #body-skeleton > .page-title h2
{
    padding-top: 20px;
}

.mobile #body-skeleton > .page-content
{
    margin: 10px;
}

.mobile #body-skeleton > .page-content .t
{
    width: 100%;
}

.mobile #body-skeleton > .page-content .tr
{
    /*border: 2px solid #bbb;*/
    display: block;
    border-radius: 8px;
    margin-top:10px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}

.mobile #body-skeleton > .page-content .td:first-child
{
    display:block;
    width:100%;
    height:30px;
    border-radius:8px 8px 0 0;
    background:rgb(57, 102, 179);
}

.mobile #body-skeleton > .page-content .td:last-child
 {
    padding: 0px !important;
}

.mobile #body-skeleton > .page-content .td:last-child ul {
    padding: 5px 40px;
}

.mobile #body-skeleton > .page-content .contactInfoLabel {
    display:inline-block;
    width: 60px;
    text-align: right;
    color:rgba(0,0,30,0.5);
    padding: 6px 10px 5px 5px;
    font-weight:bold;
    border-bottom:1px solid rgba(0, 0, 0, 0.2);
}

.mobile #body-skeleton > .page-content .contactInfoLabel:nth-last-child(2) {
    border-bottom: none;
}

.mobile #body-skeleton > .page-content .userContactInfo {
    display: inline-block;
    min-height: 19px;
    width: 190px;
    padding: 5px 10px;
    vertical-align: top;
    border:1px solid white;
    border-bottom:1px solid rgba(0, 0, 0, 0.2);
    /*Firefox*/
    width: -moz-calc(100% - 100px);
    /*WebKit*/
    width: -webkit-calc(100% - 100px);
    /*Opera*/
    width: -o-calc(100% - 100px);
    /*Standard*/
    width: calc(100% - 100px);
}

.mobile #body-skeleton > .page-content .userContactInfo:last-child {
    border-bottom: none;
}

.mobile #body-skeleton > .page-content br:last-child
 {
    display:none;
}

.mobile #body-skeleton > .page-content .td h3
{
    line-height: 180%;
    padding-left: 20px;
    font-weight: normal !important;
    margin:0px;
    color:white;
}

.mobile #body-skeleton > #mobileProfilePreview .page-content .td ul
{
    list-style: none;
    padding-left: 20px;
}
/* End of Mobile View Profile Page*/

/* Mobile Edit Profile Page*/
.mobile .page-firstbar .td.al.big {
    padding-left: 10px;
}

.mobile #editUserForm .tr
{
    margin: 0 !important;
}

.mobile #editUserForm .tr .td:first-child
{
    width:100% !important;
}

.mobile #editUserLeft {
    width: 100% !important;
}

.mobile .property-selector-above input{
    width: 100%;
    height: 30px;
}

/*End of Mobile Edit Profile Page*/
/* End of Mobile */


/* Tablet */
.tablet #userOptionsLink
{
    width:35px;
    height: 35px;
    margin-top: 3px;
    margin-right: 0px;
}

.tablet #userOptionsLink .icon-menu-bars
{
    display: inline-block;
}

.tablet #userOptionsPanel
{
    flex-direction: column;
    position:fixed;
    text-align:left;
    padding:0px;
    top: 0px;
    right: 0px;
    font-size: 15px;
    z-index: 1;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    max-width:0px;
    overflow-y:scroll;
    overflow-x:hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    border: solid 1px #ddd;
    border-radius: 2px;
    box-shadow: inset 0px 0px 4px #fff;
    background: rgb(238,238,238); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 48%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(48%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 48%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    text-shadow:none;
}

.tablet .user-options-panel_options
{
    flex-direction: column;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    height: auto;
}

.tablet .user-options-panel_options .divider
{
    display: none;
}

.tablet .user-options-panel_icon
{
    margin-right: 20px;
    margin-left: 8px;
    color: #888;
}

.tablet .link-logout
{
    order: 1;
}

.tablet .link-help
{
    order: 2;
}

.tablet .link-profile
{
    order: 3;
}

.tablet .link-edit-profile
{
    order: 4;
}

.tablet .profile-text-name
{
    display: none;
}

.tablet .profile-text-label
{
    display: inline;
}

.tablet #userOptionsPanel .userLabel
{
    width: 218px;
    padding: 20px 15px 15px 20px;
    font-size:18px;
}

.tablet #userOptionsPanel a
{
    display: inline-block;
    width: 223px;
    -webkit-tap-highlight-color: rgba(0,0,0,0.18);
    padding: 10px 5px;
    line-height: 200%;
}

.tablet .user-options-panel_option {
     padding: 5px 15px;
}

.tablet #userOptionsLink.hover #userOptionsPanel
{
    max-width:none;
}

.tablet #userOptionsLink.hover #content-shading
{
    visibility:visible;
    position:fixed;
    display:block;
    background: #000;
    right: 0px;
    top: 0px;
    opacity: 0.4;
}

.tablet #dashboard .menuSelection
{
    width: 45%;
    height: 200px;
    background:#fff;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 2%;
}

.tablet.landscape #dashboard .menuSelection
{
    width: 30%;
}

.tablet #dashboard .menuSelection a
{
    display:inline-block;
    height:100px;
    width:100%;
    padding-top: 20px;
}

.tablet #dashboard .menuSelection a div
{
    font-size: 20px;
}

.tablet #dashboard .applicationDescription
{
    padding: 0px;
    height:100px;
}

.tablet #body-skeleton #copyright
{
    position:relative;
    top: 10px;
}

.tablet .sidebarIcon
 {
    background: url(../Assets/default/Images/iTesterPortalAssets-3.29.png);
    height:35px;
    width:35px;
    display:inline-block;
    float:left;
    margin-right: 15px;
}

.tablet .icon_logout
{
    background-position: -370px -235px;
}

.tablet .icon_viewProfile
{
    background-position: -370px -200px;
}

.tablet .icon_editProfile
{
    background-position: -335px -235px;
}

/* side-bar profile */
.tablet #mobileProfilePreview .page-content
{
    margin: 15px;
}

.tablet #mobileProfilePreview .page-title
{
    display:none;
}

.tablet #mobileProfilePreview .page-content .td
{
    padding-top:0px !important;
    line-height:150%;
    display:block;
    text-align: left;
    width: 200px;
}

.tablet #mobileProfilePreview .page-content .td h3
{
    font-weight: normal !important;
}

.tablet #mobileProfilePreview .page-content .td ul
{
    list-style: none;
    padding-left: 20px;
}

.tablet #userOptionsPanel #mobileProfilePreview .userContactInfo
{
    display:block;
}

.tablet .contentShading
{
    display: block;
    position:fixed;
    top: 0px;
    left: 0px;
    height:100%;
    width: 100%;
    z-index:96;
    background-color:rgba(0, 0, 0, 0.5);
}

/* end of side-bar profile */

/* Tablet View Profile Page*/
.tablet #body-skeleton .m10
{
    font-size:18px;
}

.tablet #body-skeleton > .page-content .t
{
    width: 400px;
    font-size: 18px;
}

.tablet #body-skeleton > .page-content .tr
{
    display: block;
    border-radius: 8px;
    margin-top:10px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}

.tablet #body-skeleton > .page-content .td:first-child
{
    display:block;
    width:100%;
    height: 40px;
    border-radius:8px 8px 0 0;
    background:rgb(57, 102, 179);
}

.tablet #body-skeleton > .page-content .td:last-child
 {
    padding: 0px !important;
}

.tablet #body-skeleton > .page-content .td:last-child ul {
    padding: 5px 40px;
}

.tablet #body-skeleton > .page-content .contactInfoLabel {
    display:inline-block;
    width: 70px;
    text-align: right;
    color:rgba(0,0,30,0.5);
    padding: 6px 10px 5px 5px;
    font-weight:bold;
    border-bottom:1px solid rgba(0, 0, 0, 0.2);
}

.tablet #body-skeleton > .page-content .contactInfoLabel:nth-last-child(2) {
    border-bottom: none;
}

.tablet #body-skeleton > .page-content .userContactInfo {
    display: inline-block;
    min-height: 24px;
    width: 290px;
    padding: 5px 10px;
    vertical-align: top;
    border:1px solid white;
    border-bottom:1px solid rgba(0, 0, 0, 0.2);
}

.tablet #body-skeleton > .page-content .userContactInfo:last-child {
    border-bottom: none;
}

.tablet #body-skeleton > .page-content br:last-child
 {
    display:none;
}

.tablet #body-skeleton > .page-content .td h3
{
    line-height: 180%;
    padding-left: 20px;
    font-weight: normal !important;
    margin:0px;
    color:white;
}

.tablet #body-skeleton > #mobileProfilePreview .page-content .td ul
{
    list-style: none;
    padding-left: 20px;
}
/* End of Tablet View Profile Page*/

/* Tablet Edit Profile Page*/
.tablet .page-firstbar .td.al.big {
    padding-left: 10px;
}

.tablet #editUserForm .tr
{
    margin: 0 !important;
}

.tablet #editUserForm .tr .td:first-child
{
    width:100% !important;
}

.tablet #editUserLeft
{
    width: 100% !important;
}

.tablet #editUserLeft fieldset
{
   padding:15px 40px;
}

.tablet .property-selector-above input
{
    width: 100%;
    height: 40px;
    font-size:20px;
}

.tablet .property-label-below
{
    font-size: 16px;
}

.tablet #editUserLeft fieldset
{
    padding: 15px 40px;
}
/* End of Tablet Edit Profile Page*/

html.login-page {
    height: 100%;
}
body.canvasbg, .canvasbg, .popuplogin
{
    background-image: url(../Assets/default/Images/portal_bg_texture.png);
    overflow-x: hidden;
}
body.login-page {
  height: 100%;
}
.login-page-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url(../Assets/default/Images/chalkboard_horz_bg.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/chalkboard_horz_bg.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/chalkboard_horz_bg.png', sizingMethod='scale')";
}
.login-page-wrapper {
    display: -ms-grid;
    display: grid;
    grid-template-areas:
        'announcements login'
        'announcements footer';
    -ms-grid-columns: 37.5% 62.5%;
    grid-template-columns: 37.5% 62.5%;
    -ms-grid-rows: 50% 50%;
    -ms-grid-rows: minmax(min-content,50%) minmax(min-content,50%);
    grid-template-rows: minmax(-webkit-min-content,50%) minmax(-webkit-min-content,50%);
    grid-template-rows: minmax(min-content,50%) minmax(min-content,50%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
}
.login-announcements-wrapper {
    grid-area: announcements;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}
.login-wrapper {
    grid-area: login;
    -ms-grid-row: 1;
    -ms-grid-reow-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}
.login-footer-wrapper {
    grid-area: footer;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 1;
    padding-right: 0.5rem;
}
.login-footer-wrapper footer {
    position: static;
    background-color: transparent;
    text-align: start;
    border: none;
}
.login-announcements-wrapper .login-announcements {
    text-align: left;
    color: white;
    margin: 8rem auto 2rem auto;
    width: fit-content;
}
.login-wrapper .loginbox {
    margin: 0;
}
.popuplogin .aperture-dialog-content
{
    padding: 0px 40px 10px 40px;
}
.loginbox 
{
    position: relative;
    z-index: 3;
    width:400px;
    border-radius: 15px;
    border: solid 1px #ccc;
    background-color: #fff;
    padding: 1.5rem;
    margin: auto;
}

.loginbox, #signinButton, #forgotPasswordDialog, #forgotPasswordSubmitButton
{
    -webkit-box-shadow:  4px 6px 12px 0px rgba(0, 0, 0, .4);    
    box-shadow:  4px 6px 12px 0px rgba(0, 0, 0, .4);
}
.loginbox form 
{
    text-align:center;
    position: relative;
    margin-top: 10px;
}
.loginbox input[type="text"], .loginbox input[type="password"]
{
    width: 300px;
    margin: 10px;
    font-size: 18pt;
    font-weight: 300;
}
.loginbox input.untouched 
{
    font-weight: 300;
}
.loginboxtitle { text-align:center; }

#loginMessages li
{
    list-style-type: none;
}

#loginErrorMessage
{
    display: none;
    margin: 0px 50px;
}

#signinButton, #forgotPasswordSubmitButton
{
    text-align:center;
    border-radius: 90px;
    color: #fff;
    background: rgb(44,122,214); /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzJjN2FkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzRiOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(44,122,214,1) 0%, rgba(7,75,158,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,122,214,1)), color-stop(100%,rgba(7,75,158,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(44,122,214,1) 0%,rgba(7,75,158,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(44,122,214,1) 0%,rgba(7,75,158,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(44,122,214,1) 0%,rgba(7,75,158,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(44,122,214,1) 0%,rgba(7,75,158,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c7ad6', endColorstr='#074b9e',GradientType=0 ); IE6-9 */
    border: solid 1px #ccc;
}

#signinButton 
{
    padding-bottom: 4px;
    position: absolute;
    top: 155px;
    left: 160px;
    width: 80px;
    height: 80px;
}
#forgotPasswordLink
{
    display:block;
    margin: 80px auto 0px;
    text-align:center;
    width: 190px;
}
#forgotPasswordDialog, #forgotPasswordEmailSent
{
    width: 400px;
    text-align: left;
    border-radius: 15px;
    border: solid 1px #ccc;
    background-color: #fff;
    display: none;
    margin: 80px auto;
    padding: 15px;
    position: relative;
}
#forgotPasswordErrorMessage
{
    color: #a00;
    padding-top: 5px;
    font-size: 0.9em;
    display:none;
}
#forgotPasswordShowMessage 
{
}
#forgotPasswordSubmitButton 
{
    position: absolute;
    top: -10px;
    left: 375px;
    width: 80px;
    height: 60px;
    padding-top:20px;
    font-size: 0.9em;
}

.login-announcements-big {
  font-size: 2em;
  color: white;
}
.login-announcements {
  font-size: 1.3em;
  line-height: 1.3;
  overflow: hidden;
  padding: 1rem;
  margin: 5px auto;
  text-align: center;
  color: #084c9e;
}

#loginMessages 
{
    color: #a30;
    text-align:center;
    position:absolute;
    width: 100%;
    top: 580px;
}
/*** For session timeout relogin popup message  ********************************************************************/
.popupLogin 
{
    padding: 20px;
}
.popupLogin #signinButton 
{
    position:absolute;
    top: 175px;
    left: 200px;
}
.popupLogin .loginbox 
{
    margin:10px;
    background-color:#fafafa;
    border: solid 1px #eee;
    padding: 15px 15px 30px 15px;
}


.desktop .clearInput
{
    display: none !important;
}

.canvasbg #logo
{
    position: fixed; 
    bottom: 10px; 
    left: 10px;
    opacity: 0.7;
}

.canvasbg .portal-footer
{
    font-size: 1em;
    border: none;
    background-color: transparent;
}

/* Mobile */
.mobile
{
    height:100%;
}

.mobile .canvasbg
{
   
    width:auto;
    margin: 0 auto;
    height:100%;
}

.mobile #elliptical-shadow, .mobile #elliptical-highlight
{
    position:absolute;
    display:none;
}

.mobile .ac
{
    margin-top:0px !important;
    height: 100px;
}

.mobile .ac .lighthouseLogoBig
{
    width: 60px;
    height: 60px;
    background-position: -112px -210px;
}

.mobile .ac .lighthouseLogoText
{
    width: 120px;
    height: 27px;
    background-position: -175px -240px;
}

.mobile .loginbox
{
    width: auto;
    height: auto;
    border-radius:0px;
}

.mobile #username, .mobile #passwordph, .mobile #password
{
    height: 40px;
    width: 75%;
    padding-right: 40px;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height:30px;
    vertical-align:middle;
    color:#555555;
    margin-right:-35px;
}

.mobile .clearInput
{
    display: inline-block;
    position: relative;
    right: 3px;
    height: 40px;
    width: 30px;
    vertical-align: middle;
}

.mobile .clearInput span
{
    position:absolute;
    color: #a1b9ed;
    cursor: pointer;
    font: 27/25px arial, sans-serif;
    text-align: center;
    margin-top:10px;
}

.mobile #signinButton
{
    position:static;
    margin: 0 20%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.mobile #signinButton:active
{  
    height: 78px;
    width: 78px;
    margin-top: 1px;
    margin-bottom: 1px;
    background: linear-gradient(to bottom,  rgba(7,75,158,1) 0%,rgba(44,122,214,1) 100%); 
}

.mobile #forgotPasswordLink
{
    margin-top:20px;
}

.mobile .loginbox, .mobile #signinButton, .mobile #forgotPasswordDialog, .mobile #forgotPasswordSubmitButton
{   
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mobile #logo
{
    position:relative;
    width: 100%;
    text-align: center;
    bottom: 30px !important;
    left: 0px !important;
    top: 60px;
    height: 27px;
}

.mobile .portal-footer
{
    position:relative;
    top: 45px;
    right: auto;
    width: 100%;
}

.mobile .login-announcements {
  width: 100%;
  height: auto;
  max-height: 75px;
}

.logoContainer {
    margin: 2rem auto;
}

.logoContainer-landing {
    margin: 6rem auto 2rem auto;
}

.sso-login-btn {
  color: #fff;
  background: -moz-linear-gradient(top,  rgba(44,122,214,1) 0%, rgba(7,75,158,1) 100%); /* FF3.6+ */
  background: #2c7ad6; /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,122,214,1)), color-stop(100%,rgba(7,75,158,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(44,122,214,1) 0%,rgba(7,75,158,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(44,122,214,1) 0%,rgba(7,75,158,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(44,122,214,1) 0%,rgba(7,75,158,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(44,122,214,1) 0%,rgba(7,75,158,1) 100%); /* W3C */
  border: solid 1px #ccc;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzJjN2FkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzRiOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  transition-duration: 0.3s;
  cursor: pointer;
  border-radius: 4px;
  font-size: 24px;
  font-weight: bold;
  width: 250px;
}

.sso-login-btn:hover {
    box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.75);
}

.sso-login-btn:focus-visible {
    outline: 3px solid white;
    box-shadow: 0 0 0 6px  black;
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .login-announcements {
    font-size: 1em;
    width: 450px;
    height: auto;
    max-height: 75px;
  }
}

.mobile #loginMessages
{
    top: 115px;
    z-index: 4;
}

.mobile #loginMessages ul
{
    list-style-type: none;
    padding: 0px;
}

.mobile #forgotPasswordDialog
{
    width: auto;
    margin: 20px auto 0px auto;
}

.mobile #forgotPasswordEmail
{
    font-size: 16px;
    height: 35px;
    margin-top: 10px;
}

.mobile #forgotPasswordSubmitButton
{
    top:8px;
    left: 85%;
    /*Firefox*/
    left: -moz-calc(100% - 88px);
    /*WebKit*/
    left: -webkit-calc(100% - 88px);
    /*Opera*/
    left: -o-calc(100% - 88px);
    /*Standard*/
    left: calc(100% - 88px);
}

.mobile #forgotPasswordEmailSent
{
    width:auto;
    margin:20px auto 0px auto;
}

/* End of Mobile */

/* Tablet */
.tablet
{
    height:100%;
}

.tablet .canvasbg
{
    width:auto;
    margin: 0 auto;
    height:100%;
}

.tablet #elliptical-shadow, .mobile #elliptical-highlight
{
    position:absolute;
    display:none;
}

.tablet .ac
{
    margin-top:20px !important;
}

/*
.tablet .ac .lighthouseLogoBig
{
    width: 60px;
    height: 60px;
    background-position: -112px -210px;
}

.tablet .ac .lighthouseLogoText
{
    width: 120px;
    height: 27px;
    background-position: -175px -240px;
}
 */

.tablet .loginbox
{
    min-width: 250px;
    height: auto;
    border-radius:0px;
}

.tablet #username, .tablet #passwordph, .tablet #password
{
    height: 40px;
    width: 75%;
    padding-right: 40px;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height:30px;
    vertical-align:middle;
    color:#555555;
    margin-right:-35px;
}

.tablet .clearInput
{
    display: inline-block;
    position: relative;
    right: 3px;
    height: 40px;
    width: 30px;
    vertical-align: middle;
}

.tablet .clearInput span
{
    position:absolute;
    color: #a1b9ed;
    cursor: pointer;
    font: 27/25px arial, sans-serif;
    text-align: center;
    margin-top:10px;  
}

.tablet #signinButton
{
    position:static;
    margin: 0 20%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.tablet #signinButton:active
{  
    height: 78px;
    width: 78px;
    margin-top: 1px;
    margin-bottom: 1px;
    background: linear-gradient(to bottom,  rgba(7,75,158,1) 0%,rgba(44,122,214,1) 100%); 
}

.tablet #forgotPasswordLink
{
    margin-top:20px;
}

.tablet .loginbox, .mobile #signinButton, .mobile #forgotPasswordDialog, .mobile #forgotPasswordSubmitButton
{   
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tablet #logo
{
    position:relative;
    width: 100%;
    text-align: center;
    bottom: 30px !important;
    left: 0px !important;
    top: 60px;
    height: 27px;
}

.tablet .portal-footer
{
    position:relative;
    top: 45px;
    right: auto;
    width: 100%;
    height: 17px;
}

.tablet #forgotPasswordEmail
{
    font-size: 16px;
    height: 35px;
}
/*End of Tablet*/

@media only screen and (max-width: 844px) {
    .login-page-wrapper {
        display: flex;
        flex-direction: column;
    }
    .login-footer-wrapper {
        flex-grow: 1;
        align-items: center;
        padding-right: 0;
    }
    .logoContainer-landing {
        margin: 2rem auto;
    }
    .loginbox
    {
        margin-bottom: 2rem;
    }
    .sso-login-btn {
        margin: 0 auto 2rem auto;
    }
    .copyright {
        justify-content: center;
    }
    .login-announcements-wrapper .login-announcements {
        margin: 0;
    }
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
Version 2.2.1
Full source at https://github.com/jjj/chosen
Copyright (c) 2011-2022 JJJ
MIT License, https://github.com/jjj/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chosen-container * {
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1011;
  width: 100%;
  border: 2px solid #aaa;
  border-top-width: 0;
  border-radius: 0 0 4px 4px;
  background: #fff;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
  margin-top: -1px;
  background-clip: padding-box;
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
}

.chosen-container.chosen-dropup .chosen-choices,
.chosen-container.chosen-dropup .chosen-single {
  z-index: 1010;
}

.chosen-container.chosen-dropup .chosen-drop {
  top: auto;
  bottom: calc(100% - 1.5px);
  border-color: #aaa;
  border-width: 1px 1px 0 1px;
  border-radius: 4px 4px 0 0;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

.chosen-container .search-choice-close {
  position: absolute;
  right: 3px;
  top: 0;
  bottom: 0;
  margin: auto;
  border: none;
  cursor: pointer;
  display: block;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjODg4IiBkPSJNIDI3Ljk5OTkgNTEuOTA2MyBDIDQxLjA1NDYgNTEuOTA2MyA1MS45MDYzIDQxLjA3ODEgNTEuOTA2MyAyOCBDIDUxLjkwNjMgMTQuOTQ1MyA0MS4wMzEyIDQuMDkzNyAyNy45NzY1IDQuMDkzNyBDIDE0Ljg5ODMgNC4wOTM3IDQuMDkzNyAxNC45NDUzIDQuMDkzNyAyOCBDIDQuMDkzNyA0MS4wNzgxIDE0LjkyMTggNTEuOTA2MyAyNy45OTk5IDUxLjkwNjMgWiBNIDE5LjU4NTggMzguNDA2MyBDIDE4LjQ4NDMgMzguNDA2MyAxNy41OTM2IDM3LjUxNTYgMTcuNTkzNiAzNi40MTQxIEMgMTcuNTkzNiAzNS44NzUwIDE3LjgyODAgMzUuNDA2MyAxOC4yMDMwIDM1LjA1NDcgTCAyNS4xODc0IDI4LjAyMzQgTCAxOC4yMDMwIDIwLjk5MjIgQyAxNy44MjgwIDIwLjY2NDEgMTcuNTkzNiAyMC4xNzE5IDE3LjU5MzYgMTkuNjMyOCBDIDE3LjU5MzYgMTguNTU0NyAxOC40ODQzIDE3LjY4NzUgMTkuNTg1OCAxNy42ODc1IEMgMjAuMTI0OSAxNy42ODc1IDIwLjU5MzYgMTcuODk4NCAyMC45NDUyIDE4LjI3MzQgTCAyNy45NzY1IDI1LjI4MTIgTCAzNS4wNTQ2IDE4LjI1IEMgMzUuNDUzMCAxNy44MjgxIDM1Ljg3NDkgMTcuNjQwNiAzNi4zOTA1IDE3LjY0MDYgQyAzNy40OTIxIDE3LjY0MDYgMzguMzgyNyAxOC41MzEyIDM4LjM4MjcgMTkuNjA5NCBDIDM4LjM4MjcgMjAuMTQ4NCAzOC4xOTUyIDIwLjU5MzcgMzcuNzk2OCAyMC45Njg4IEwgMzAuNzY1NSAyOC4wMjM0IEwgMzcuNzczMyAzNS4wMDc4IEMgMzguMTI0OSAzNS4zODI4IDM4LjM1OTMgMzUuODUxNiAzOC4zNTkzIDM2LjQxNDEgQyAzOC4zNTkzIDM3LjUxNTYgMzcuNDY4NyAzOC40MDYzIDM2LjM2NzEgMzguNDA2MyBDIDM1LjgwNDYgMzguNDA2MyAzNS4zMzU4IDM4LjE3MTkgMzQuOTg0MyAzNy44MjAzIEwgMjcuOTc2NSAzMC43ODkwIEwgMjAuOTkyMSAzNy44MjAzIEMgMjAuNjQwNSAzOC4xOTUzIDIwLjEyNDkgMzguNDA2MyAxOS41ODU4IDM4LjQwNjMgWiIvPjwvc3ZnPg==") no-repeat right 0 top 50%;
  background-size: 15px 15px;
}

.chosen-container .search-choice-close:hover, .chosen-container .search-choice-close:active {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjNTU1IiBkPSJNIDI3Ljk5OTkgNTEuOTA2MyBDIDQxLjA1NDYgNTEuOTA2MyA1MS45MDYzIDQxLjA3ODEgNTEuOTA2MyAyOCBDIDUxLjkwNjMgMTQuOTQ1MyA0MS4wMzEyIDQuMDkzNyAyNy45NzY1IDQuMDkzNyBDIDE0Ljg5ODMgNC4wOTM3IDQuMDkzNyAxNC45NDUzIDQuMDkzNyAyOCBDIDQuMDkzNyA0MS4wNzgxIDE0LjkyMTggNTEuOTA2MyAyNy45OTk5IDUxLjkwNjMgWiBNIDE5LjU4NTggMzguNDA2MyBDIDE4LjQ4NDMgMzguNDA2MyAxNy41OTM2IDM3LjUxNTYgMTcuNTkzNiAzNi40MTQxIEMgMTcuNTkzNiAzNS44NzUwIDE3LjgyODAgMzUuNDA2MyAxOC4yMDMwIDM1LjA1NDcgTCAyNS4xODc0IDI4LjAyMzQgTCAxOC4yMDMwIDIwLjk5MjIgQyAxNy44MjgwIDIwLjY2NDEgMTcuNTkzNiAyMC4xNzE5IDE3LjU5MzYgMTkuNjMyOCBDIDE3LjU5MzYgMTguNTU0NyAxOC40ODQzIDE3LjY4NzUgMTkuNTg1OCAxNy42ODc1IEMgMjAuMTI0OSAxNy42ODc1IDIwLjU5MzYgMTcuODk4NCAyMC45NDUyIDE4LjI3MzQgTCAyNy45NzY1IDI1LjI4MTIgTCAzNS4wNTQ2IDE4LjI1IEMgMzUuNDUzMCAxNy44MjgxIDM1Ljg3NDkgMTcuNjQwNiAzNi4zOTA1IDE3LjY0MDYgQyAzNy40OTIxIDE3LjY0MDYgMzguMzgyNyAxOC41MzEyIDM4LjM4MjcgMTkuNjA5NCBDIDM4LjM4MjcgMjAuMTQ4NCAzOC4xOTUyIDIwLjU5MzcgMzcuNzk2OCAyMC45Njg4IEwgMzAuNzY1NSAyOC4wMjM0IEwgMzcuNzczMyAzNS4wMDc4IEMgMzguMTI0OSAzNS4zODI4IDM4LjM1OTMgMzUuODUxNiAzOC4zNTkzIDM2LjQxNDEgQyAzOC4zNTkzIDM3LjUxNTYgMzcuNDY4NyAzOC40MDYzIDM2LjM2NzEgMzguNDA2MyBDIDM1LjgwNDYgMzguNDA2MyAzNS4zMzU4IDM4LjE3MTkgMzQuOTg0MyAzNy44MjAzIEwgMjcuOTc2NSAzMC43ODkwIEwgMjAuOTkyMSAzNy44MjAzIEMgMjAuNjQwNSAzOC4xOTUzIDIwLjEyNDkgMzguNDA2MyAxOS41ODU4IDM4LjQwNjMgWiIvPjwvc3ZnPg==") no-repeat right 0 top 50%;
  background-size: 15px 15px;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 2.5px 0 2.5px 7px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: #fff;
  background-clip: padding-box;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default span {
  opacity: 0.5;
}

.chosen-container-single .chosen-single-with-deselect.chosen-default span,
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 42px;
}

.chosen-container-single .chosen-single .search-choice-close {
  right: 26px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjNTU1IiBkPSJNIDI4IDcuMjU3OCBDIDI3LjQ4NDQgNy4yNTc4IDI2Ljk2ODggNy40Njg3IDI2LjQwNjMgNy45Mzc1IEwgMTAuNjA5NCAyMC43NTc4IEMgMTAuMjExMCAyMS4xMDk0IDkuOTc2NiAyMS42MDE2IDkuOTc2NiAyMi4zMDQ3IEMgOS45NzY2IDIzLjUyMzQgMTAuODkwNiAyNC40Mzc1IDEyLjEzMjggMjQuNDM3NSBDIDEyLjYyNTAgMjQuNDM3NSAxMy4xNDA2IDI0LjI1MDAgMTMuNjc5NyAyMy44MjgxIEwgMjggMTIuMTU2MiBMIDQyLjMyMDMgMjMuODI4MSBDIDQyLjg1OTQgMjQuMjUwMCA0My4zNzUwIDI0LjQzNzUgNDMuODkwNiAyNC40Mzc1IEMgNDUuMTA5NCAyNC40Mzc1IDQ2LjAyMzQgMjMuNTIzNCA0Ni4wMjM0IDIyLjMwNDcgQyA0Ni4wMjM0IDIxLjYwMTYgNDUuNzg5MCAyMS4xMDk0IDQ1LjM5MDYgMjAuNzU3OCBMIDI5LjU5MzcgNy45MTQwIEMgMjkuMDMxMiA3LjQ2ODcgMjguNTM5MCA3LjI1NzggMjggNy4yNTc4IFogTSAyOCA0OC43NDIyIEMgMjguNTM5MCA0OC43NDIyIDI5LjAzMTIgNDguNTMxMiAyOS41OTM3IDQ4LjA4NTkgTCA0NS4zOTA2IDM1LjI0MjIgQyA0NS43ODkwIDM0Ljg5MDYgNDYuMDIzNCAzNC4zOTg0IDQ2LjAyMzQgMzMuNjk1MyBDIDQ2LjAyMzQgMzIuNDc2NSA0NS4xMDk0IDMxLjUzOTEgNDMuODkwNiAzMS41MzkxIEMgNDMuMzc1MCAzMS41MzkxIDQyLjg1OTQgMzEuNzUwMCA0Mi4zMjAzIDMyLjE3MTggTCAyOCA0My44NDM3IEwgMTMuNjc5NyAzMi4xNzE4IEMgMTMuMTQwNiAzMS43NTAwIDEyLjYyNTAgMzEuNTM5MSAxMi4xMzI4IDMxLjUzOTEgQyAxMC44OTA2IDMxLjUzOTEgOS45NzY2IDMyLjQ3NjUgOS45NzY2IDMzLjY5NTMgQyA5Ljk3NjYgMzQuMzk4NCAxMC4yMTEwIDM0Ljg5MDYgMTAuNjA5NCAzNS4yNDIyIEwgMjYuNDA2MyA0OC4wNjI1IEMgMjYuOTY4OCA0OC41MzEyIDI3LjQ4NDQgNDguNzQyMiAyOCA0OC43NDIyIFoiLz48L3N2Zz4=") no-repeat right 5px top 52%;
  background-size: 15px 15px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1011;
  margin: 0 0 4px 0;
  padding: 0 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 0;
  padding: 5px 20px 5px 5px;
  width: 100%;
  height: auto;
  outline: none;
  border: 1px solid #ccc;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjNTU1IiBkPSJNIDIzLjk1NzAgNDEuNzY5NSBDIDI3Ljg0NzYgNDEuNzY5NSAzMS40ODA0IDQwLjUwMzkgMzQuNDMzNiAzOC4zOTQ1IEwgNDUuNTQyOSA0OS41MDM5IEMgNDYuMDU4NSA1MC4wMTk1IDQ2LjczODIgNTAuMjc3NCA0Ny40NDE0IDUwLjI3NzQgQyA0OC45NjQ4IDUwLjI3NzQgNTAuMDY2NCA0OS4xMDU1IDUwLjA2NjQgNDcuNjA1NSBDIDUwLjA2NjQgNDYuOTAyMyA0OS44MzIyIDQ2LjI0NjEgNDkuMzE2MiA0NS43MzA1IEwgMzguMjc3MyAzNC42Njc5IEMgNDAuNTk3NiAzMS42MjExIDQxLjk4MDQgMjcuODQ3NiA0MS45ODA0IDIzLjc0NjEgQyA0MS45ODA0IDEzLjgzMjAgMzMuODcxMCA1LjcyMjYgMjMuOTU3MCA1LjcyMjYgQyAxNC4wMTk1IDUuNzIyNiA1LjkzMzYgMTMuODMyMCA1LjkzMzYgMjMuNzQ2MSBDIDUuOTMzNiAzMy42NjAxIDE0LjAxOTUgNDEuNzY5NSAyMy45NTcwIDQxLjc2OTUgWiBNIDIzLjk1NzAgMzcuODc4OSBDIDE2LjE5OTIgMzcuODc4OSA5LjgyNDIgMzEuNDgwNSA5LjgyNDIgMjMuNzQ2MSBDIDkuODI0MiAxNi4wMTE3IDE2LjE5OTIgOS42MTMzIDIzLjk1NzAgOS42MTMzIEMgMzEuNjkxNCA5LjYxMzMgMzguMDg5OCAxNi4wMTE3IDM4LjA4OTggMjMuNzQ2MSBDIDM4LjA4OTggMzEuNDgwNSAzMS42OTE0IDM3Ljg3ODkgMjMuOTU3MCAzNy44Nzg5IFoiLz48L3N2Zz4=") no-repeat right 5px top 50%;
  background-size: 15px 15px;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 4px;
}

.chosen-container-single.chosen-dropup .chosen-search {
  margin-top: 4px;
}

.chosen-container-single.chosen-dropup .chosen-results {
  margin-bottom: 0;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

.chosen-container-single.chosen-container-single-nosearch.chosen-dropup .chosen-results {
  margin-top: 4px;
}

.chosen-container-single.chosen-container-single-nosearch.chosen-dropup .chosen-single {
  z-index: 1010;
}

.chosen-container-single .chosen-drop .result-selected {
  background-color: #e0e0e0;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  border-radius: 4px;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  opacity: 0.5;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.no-results span {
  font-style: italic;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 3px;
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #aaa;
  background-color: #fff;
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 0 3px;
  padding: 6.5px 0;
  outline: none;
  border: none;
  background: transparent;
  box-shadow: none;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 4px 20px 4px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  max-width: 100%;
  background-color: #eeeeee;
  color: #333;
  line-height: 12px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  font-size: 95%;
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #5897fb;
  cursor: default;
}

.chosen-container-multi.chosen-dropup .chosen-results {
  margin-top: 4px;
}

.chosen-container-multi.chosen-dropup .chosen-single {
  z-index: 1010;
}

/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-choices {
  border-color: #000;
  border-width: 2px 2px 0 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background: url("data:image/svg+xml;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjNTU1IiBkPSJNIDI4IDcuMjU3OCBDIDI3LjQ4NDQgNy4yNTc4IDI2Ljk2ODggNy40Njg3IDI2LjQwNjMgNy45Mzc1IEwgMTAuNjA5NCAyMC43NTc4IEMgMTAuMjExMCAyMS4xMDk0IDkuOTc2NiAyMS42MDE2IDkuOTc2NiAyMi4zMDQ3IEMgOS45NzY2IDIzLjUyMzQgMTAuODkwNiAyNC40Mzc1IDEyLjEzMjggMjQuNDM3NSBDIDEyLjYyNTAgMjQuNDM3NSAxMy4xNDA2IDI0LjI1MDAgMTMuNjc5NyAyMy44MjgxIEwgMjggMTIuMTU2MiBMIDQyLjMyMDMgMjMuODI4MSBDIDQyLjg1OTQgMjQuMjUwMCA0My4zNzUwIDI0LjQzNzUgNDMuODkwNiAyNC40Mzc1IEMgNDUuMTA5NCAyNC40Mzc1IDQ2LjAyMzQgMjMuNTIzNCA0Ni4wMjM0IDIyLjMwNDcgQyA0Ni4wMjM0IDIxLjYwMTYgNDUuNzg5MCAyMS4xMDk0IDQ1LjM5MDYgMjAuNzU3OCBMIDI5LjU5MzcgNy45MTQwIEMgMjkuMDMxMiA3LjQ2ODcgMjguNTM5MCA3LjI1NzggMjggNy4yNTc4IFogTSAyOCA0OC43NDIyIEMgMjguNTM5MCA0OC43NDIyIDI5LjAzMTIgNDguNTMxMiAyOS41OTM3IDQ4LjA4NTkgTCA0NS4zOTA2IDM1LjI0MjIgQyA0NS43ODkwIDM0Ljg5MDYgNDYuMDIzNCAzNC4zOTg0IDQ2LjAyMzQgMzMuNjk1MyBDIDQ2LjAyMzQgMzIuNDc2NSA0NS4xMDk0IDMxLjUzOTEgNDMuODkwNiAzMS41MzkxIEMgNDMuMzc1MCAzMS41MzkxIDQyLjg1OTQgMzEuNzUwMCA0Mi4zMjAzIDMyLjE3MTggTCAyOCA0My44NDM3IEwgMTMuNjc5NyAzMi4xNzE4IEMgMTMuMTQwNiAzMS43NTAwIDEyLjYyNTAgMzEuNTM5MSAxMi4xMzI4IDMxLjUzOTEgQyAxMC44OTA2IDMxLjUzOTEgOS45NzY2IDMyLjQ3NjUgOS45NzY2IDMzLjY5NTMgQyA5Ljk3NjYgMzQuMzk4NCAxMC4yMTEwIDM0Ljg5MDYgMTAuNjA5NCAzNS4yNDIyIEwgMjYuNDA2MyA0OC4wNjI1IEMgMjYuOTY4OCA0OC41MzEyIDI3LjQ4NDQgNDguNzQyMiAyOCA0OC43NDIyIFoiLz48L3N2Zz4=") no-repeat right 5px top 52%;
  background-size: 15px 15px;
}

.chosen-container-active.chosen-with-drop.chosen-dropup .chosen-single,
.chosen-container-active.chosen-with-drop.chosen-dropup .chosen-choices {
  border-radius: 0 0 4px 4px;
  border-color: #000;
}

.chosen-container-active .chosen-single {
  border-color: #000;
  border-radius: 0px;
  border-width: 2px;
}

.chosen-container-active .chosen-choices,
.chosen-container-active .chosen-drop {
  border-color: #000;
}

.chosen-container-active.chosen-dropup .chosen-single {
  border-color: #000;
}

.chosen-container-active.chosen-dropup .chosen-choices,
.chosen-container-active.chosen-dropup .chosen-drop {
  border-color: #000;
  border-width: 2px 2px 0 2px;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Add Option */
.create-option a {
  font-size: 95%;
  word-wrap: break-word;
  position: relative;
  margin: 3px 5px 3px -6px;
  padding: 4px 5px;
  border: 1px solid #aaa;
  border-radius: 4px;
  max-width: 100%;
  background-color: #eeeeee;
  color: #333;
  line-height: 12px;
}

.create-option a:hover {
  text-decoration: none;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  padding: 2px 7px 2px 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 42px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 0;
}

.chosen-rtl .chosen-single .search-choice-close {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 0 3px 5px;
  padding: 3px 5px 3px 20px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 3px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 5px 5px 5px 20px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjNTU1IiBkPSJNIDIzLjk1NzAgNDEuNzY5NSBDIDI3Ljg0NzYgNDEuNzY5NSAzMS40ODA0IDQwLjUwMzkgMzQuNDMzNiAzOC4zOTQ1IEwgNDUuNTQyOSA0OS41MDM5IEMgNDYuMDU4NSA1MC4wMTk1IDQ2LjczODIgNTAuMjc3NCA0Ny40NDE0IDUwLjI3NzQgQyA0OC45NjQ4IDUwLjI3NzQgNTAuMDY2NCA0OS4xMDU1IDUwLjA2NjQgNDcuNjA1NSBDIDUwLjA2NjQgNDYuOTAyMyA0OS44MzIyIDQ2LjI0NjEgNDkuMzE2MiA0NS43MzA1IEwgMzguMjc3MyAzNC42Njc5IEMgNDAuNTk3NiAzMS42MjExIDQxLjk4MDQgMjcuODQ3NiA0MS45ODA0IDIzLjc0NjEgQyA0MS45ODA0IDEzLjgzMjAgMzMuODcxMCA1LjcyMjYgMjMuOTU3MCA1LjcyMjYgQyAxNC4wMTk1IDUuNzIyNiA1LjkzMzYgMTMuODMyMCA1LjkzMzYgMjMuNzQ2MSBDIDUuOTMzNiAzMy42NjAxIDE0LjAxOTUgNDEuNzY5NSAyMy45NTcwIDQxLjc2OTUgWiBNIDIzLjk1NzAgMzcuODc4OSBDIDE2LjE5OTIgMzcuODc4OSA5LjgyNDIgMzEuNDgwNSA5LjgyNDIgMjMuNzQ2MSBDIDkuODI0MiAxNi4wMTE3IDE2LjE5OTIgOS42MTMzIDIzLjk1NzAgOS42MTMzIEMgMzEuNjkxNCA5LjYxMzMgMzguMDg5OCAxNi4wMTE3IDM4LjA4OTggMjMuNzQ2MSBDIDM4LjA4OTggMzEuNDgwNSAzMS42OTE0IDM3Ljg3ODkgMjMuOTU3MCAzNy44Nzg5IFoiLz48L3N2Zz4=") no-repeat left 5px top 55%;
  background-size: 15px 15px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background: url("data:image/svg+xml;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjNTU1IiBkPSJNIDI4IDcuMjU3OCBDIDI3LjQ4NDQgNy4yNTc4IDI2Ljk2ODggNy40Njg3IDI2LjQwNjMgNy45Mzc1IEwgMTAuNjA5NCAyMC43NTc4IEMgMTAuMjExMCAyMS4xMDk0IDkuOTc2NiAyMS42MDE2IDkuOTc2NiAyMi4zMDQ3IEMgOS45NzY2IDIzLjUyMzQgMTAuODkwNiAyNC40Mzc1IDEyLjEzMjggMjQuNDM3NSBDIDEyLjYyNTAgMjQuNDM3NSAxMy4xNDA2IDI0LjI1MDAgMTMuNjc5NyAyMy44MjgxIEwgMjggMTIuMTU2MiBMIDQyLjMyMDMgMjMuODI4MSBDIDQyLjg1OTQgMjQuMjUwMCA0My4zNzUwIDI0LjQzNzUgNDMuODkwNiAyNC40Mzc1IEMgNDUuMTA5NCAyNC40Mzc1IDQ2LjAyMzQgMjMuNTIzNCA0Ni4wMjM0IDIyLjMwNDcgQyA0Ni4wMjM0IDIxLjYwMTYgNDUuNzg5MCAyMS4xMDk0IDQ1LjM5MDYgMjAuNzU3OCBMIDI5LjU5MzcgNy45MTQwIEMgMjkuMDMxMiA3LjQ2ODcgMjguNTM5MCA3LjI1NzggMjggNy4yNTc4IFogTSAyOCA0OC43NDIyIEMgMjguNTM5MCA0OC43NDIyIDI5LjAzMTIgNDguNTMxMiAyOS41OTM3IDQ4LjA4NTkgTCA0NS4zOTA2IDM1LjI0MjIgQyA0NS43ODkwIDM0Ljg5MDYgNDYuMDIzNCAzNC4zOTg0IDQ2LjAyMzQgMzMuNjk1MyBDIDQ2LjAyMzQgMzIuNDc2NSA0NS4xMDk0IDMxLjUzOTEgNDMuODkwNiAzMS41MzkxIEMgNDMuMzc1MCAzMS41MzkxIDQyLjg1OTQgMzEuNzUwMCA0Mi4zMjAzIDMyLjE3MTggTCAyOCA0My44NDM3IEwgMTMuNjc5NyAzMi4xNzE4IEMgMTMuMTQwNiAzMS43NTAwIDEyLjYyNTAgMzEuNTM5MSAxMi4xMzI4IDMxLjUzOTEgQyAxMC44OTA2IDMxLjUzOTEgOS45NzY2IDMyLjQ3NjUgOS45NzY2IDMzLjY5NTMgQyA5Ljk3NjYgMzQuMzk4NCAxMC4yMTEwIDM0Ljg5MDYgMTAuNjA5NCAzNS4yNDIyIEwgMjYuNDA2MyA0OC4wNjI1IEMgMjYuOTY4OCA0OC41MzEyIDI3LjQ4NDQgNDguNzQyMiAyOCA0OC43NDIyIFoiLz48L3N2Zz4=") no-repeat left 5px top 52%;
  background-size: 15px 15px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background: url("data:image/svg+xml;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjNTU1IiBkPSJNIDI4IDcuMjU3OCBDIDI3LjQ4NDQgNy4yNTc4IDI2Ljk2ODggNy40Njg3IDI2LjQwNjMgNy45Mzc1IEwgMTAuNjA5NCAyMC43NTc4IEMgMTAuMjExMCAyMS4xMDk0IDkuOTc2NiAyMS42MDE2IDkuOTc2NiAyMi4zMDQ3IEMgOS45NzY2IDIzLjUyMzQgMTAuODkwNiAyNC40Mzc1IDEyLjEzMjggMjQuNDM3NSBDIDEyLjYyNTAgMjQuNDM3NSAxMy4xNDA2IDI0LjI1MDAgMTMuNjc5NyAyMy44MjgxIEwgMjggMTIuMTU2MiBMIDQyLjMyMDMgMjMuODI4MSBDIDQyLjg1OTQgMjQuMjUwMCA0My4zNzUwIDI0LjQzNzUgNDMuODkwNiAyNC40Mzc1IEMgNDUuMTA5NCAyNC40Mzc1IDQ2LjAyMzQgMjMuNTIzNCA0Ni4wMjM0IDIyLjMwNDcgQyA0Ni4wMjM0IDIxLjYwMTYgNDUuNzg5MCAyMS4xMDk0IDQ1LjM5MDYgMjAuNzU3OCBMIDI5LjU5MzcgNy45MTQwIEMgMjkuMDMxMiA3LjQ2ODcgMjguNTM5MCA3LjI1NzggMjggNy4yNTc4IFogTSAyOCA0OC43NDIyIEMgMjguNTM5MCA0OC43NDIyIDI5LjAzMTIgNDguNTMxMiAyOS41OTM3IDQ4LjA4NTkgTCA0NS4zOTA2IDM1LjI0MjIgQyA0NS43ODkwIDM0Ljg5MDYgNDYuMDIzNCAzNC4zOTg0IDQ2LjAyMzQgMzMuNjk1MyBDIDQ2LjAyMzQgMzIuNDc2NSA0NS4xMDk0IDMxLjUzOTEgNDMuODkwNiAzMS41MzkxIEMgNDMuMzc1MCAzMS41MzkxIDQyLjg1OTQgMzEuNzUwMCA0Mi4zMjAzIDMyLjE3MTggTCAyOCA0My44NDM3IEwgMTMuNjc5NyAzMi4xNzE4IEMgMTMuMTQwNiAzMS43NTAwIDEyLjYyNTAgMzEuNTM5MSAxMi4xMzI4IDMxLjUzOTEgQyAxMC44OTA2IDMxLjUzOTEgOS45NzY2IDMyLjQ3NjUgOS45NzY2IDMzLjY5NTMgQyA5Ljk3NjYgMzQuMzk4NCAxMC4yMTEwIDM0Ljg5MDYgMTAuNjA5NCAzNS4yNDIyIEwgMjYuNDA2MyA0OC4wNjI1IEMgMjYuOTY4OCA0OC41MzEyIDI3LjQ4NDQgNDguNzQyMiAyOCA0OC43NDIyIFoiLz48L3N2Zz4=") no-repeat left 5px top 52%;
  background-size: 15px 15px;
}

/* @end */
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    default stylesheet
    copyright (c) 2011 - 2012 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666 }
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 13px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../Assets/default/Css/metallic/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1 /*url('../Assets/default/Css/metallic/titles.png')*/ repeat-x top; font-size: 9px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../Assets/default/Css/metallic/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../Assets/default/Css/metallic/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../Assets/default/Css/metallic/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../Assets/default/Css/metallic/disabled-date.png') repeat-x top; color: #DDD; cursor: default }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { position: absolute; width: 16px; height: 16px; background: url('../Assets/default/Css/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; margin: 0 0 0 5px; padding: 0; line-height: 0 }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('../Assets/default/Css/calendar-disabled.png') }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 3px 0 0 }

/* Fix icon position in Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button.Zebra_DatePicker_Icon_Inside     { margin: 0 5px 0 0 }
}