/* Minification failed. Returning unminified contents.
(1761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1866,114): run-time error CSS1039: Token not allowed after unary operator: '-incorrect_response'
(1870,102): run-time error CSS1039: Token not allowed after unary operator: '-wronganswer'
(1874,104): run-time error CSS1039: Token not allowed after unary operator: '-correctanswer'
(1878,110): run-time error CSS1039: Token not allowed after unary operator: '-StudentAnswerChoice'
(1882,131): run-time error CSS1039: Token not allowed after unary operator: '-incorrect_response'
(1886,146): run-time error CSS1039: Token not allowed after unary operator: '-correct_response'
(1890,103): run-time error CSS1039: Token not allowed after unary operator: '-saved_after_next'
(1894,124): run-time error CSS1039: Token not allowed after unary operator: '-explanation'
(1899,132): run-time error CSS1039: Token not allowed after unary operator: '-maxattemptsfirst'
(1903,132): run-time error CSS1039: Token not allowed after unary operator: '-maxattemptssecond'
(1907,130): run-time error CSS1039: Token not allowed after unary operator: '-startover'
(1912,104): run-time error CSS1039: Token not allowed after unary operator: '-oopsrtp'
(1917,102): run-time error CSS1039: Token not allowed after unary operator: '-prevpage'
(1921,105): run-time error CSS1039: Token not allowed after unary operator: '-nextpage'
(1925,109): run-time error CSS1039: Token not allowed after unary operator: '-prevpage'
(1929,107): run-time error CSS1039: Token not allowed after unary operator: '-submit'
(1939,151): run-time error CSS1039: Token not allowed after unary operator: '-tilehover'
(1954,86): run-time error CSS1039: Token not allowed after unary operator: '-prevpage'
(1956,86): run-time error CSS1039: Token not allowed after unary operator: '-nextpage'
(1972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1991,19): run-time error CSS1039: Token not allowed after unary operator: '-wikiSave'
 */
/*------------------------------------------------------------------
[normalize.css]

Project:	eLearninig
Version:	1.0
Last change:	2.2.17 [css cleanup and refactor]
Assigned to:	Yves Hajjar(yh), Takahiro Kimura (tk), Spencer Gresoro(s.g.)
Primary use:	Yardi eLearning platform
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
    0. Font Declarations
    1. Body
	2. Header
	3. Generic Content
        3.1 Paragraph Styles
        3.2 HTML Headings Styles
        3.3 Browser Specific Styles
        3.4 Width Styles
        3.5 Form Styles
        3.6 Padding Styles
        3.7 Margin Styles
        3.8 Background Styles
        3.9 Text Styles
        3.10 Border Styles
        3.11 Float Styles
        3.12 Disables
        3.13 Image Styles
        3.14 Table Styles
        3.15 Misc. Settings
	4. Control Level Content (Reusable)
        4.1 Default Repeaters
        4.2 jQuery Sortable
        4.3 Admin Related Pages
        4.4 jQGrid
        4.5 Select2 (Extras)
        4.6 Course
           4.6.1 Validation
           4.6.2 Add Course
           4.6.3 Course Map
        4.7 Search Tool Bars
        4.8 Rows
        4.9 Containers
        4.10 Footers
        4.11 Alert Notice (Nottys)
        4.12 Bootstrap Modals
        4.13 Date Picker
        4.14 Top Navigation
        4.15 CSS Transitions
        4.16 Buttons
        4.17 OnScreen Effects
        4.18 Private access tooltip
        4.19 Contact widgets
        4.20 Certificate
    5. Interface Level Content (Non-Reusable)
        5.1 Public Catalog
        5.2 Question Editor
        5.3 Student Mode
           5.3.1 Login Page
           5.3.3 My Events My course
           5.3.4 My Training
           5.3.5 Student Profile
           5.3.6 Student Course Map
           5.3.7 Student Compact View
           5.3.8 Student Catalog
                5.3.8.1 Tracks
           5.3.9 Student Course
           5.3.10 Student Dashboard
        5.5 Student History
        5.7 Modal Dialog Boxes
           5.7.1 FAQ Modal
           5.7.2 Contact Modal
           5.7.3 Activity Modal
           5.7.4 Student Achievement Modal
           5.7.5 Glossary All Modal
           5.7.6 Catalog Detail Modal
           5.7.7 Terms Modal
        5.8 Tooltip
            5.8.1 Help Wizard Popover
        5.9 Student/Admin Mode Buttons         
        5.11 Question Interactions
        5.12 Review Question Interactions
        5.13 Admin Add Ownership Heading Button
        5.14 Tag Navigations
        5.15 Event Import Modal
        5.16 Learning Plan
        5.17 Auto Mapper     
        5.18 eSign
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[0. Font Declarations ]
*/

/*------------------------------------------------------------------
[1. Body ]
*/
html, div, span, object, iframe, form, label, legend { margin: 0; padding: 0; border: 0; }
.courseContainer div { word-wrap: break-word /* to resolve long words repoted as bugs in QA  */; }
#MyBody { margin: 0; font-family: 'Open Sans'; font-size: 13px; color: #525252; background-color: #F7F7F7; overflow-x: hidden; }
html, body, form { height: 100%;-webkit-text-size-adjust: none; }
    body a { font-weight: 600; font-family: 'Open Sans'; color: #4e4e4e; text-decoration: none; cursor: pointer; outline: none; }

/*------------------------------------------------------------------
[2. Header ]
*/
header { min-height: 49px; padding: 3px 0px 5px 0px; }
    header .LknAdminContainer { width: 120px; position: relative; padding-top: 5px }
.span6.TopLinkActions, #BlankThemeBody_privateTopLinks { padding-top: 15px }
.adminside #BlankThemeBody_privateTopLinks { padding-top: 0px; }
.dashboard div#BlankThemeBody_toprightmenu,
.profile div#BlankThemeBody_toprightmenu,
.catalog div#BlankThemeBody_toprightmenu,
.myTraining div#BlankThemeBody_toprightmenu { width: 317px; }

/*------------------------------------------------------------------
[3.1 Paragraph Styles ]
*/
p { margin-bottom: 7px; padding: 0px; line-height: 20px; }
.txt_yhelp:not(.template_editor) + .cke table p,
[data-preview-type="yh"] table p { margin: 4px 3px; }

/* For the course builder word conversion output, interop setting text indent to -.25in by default for some reason... */
.MsoListParagraphCxSpMiddle, .MsoListParagraphCxSpLast, .MsoListParagraphCxSpFirst,
.MsoListParagraph { text-indent: .25in !important; }
/*hide unproffesional logo from html5 Vendor*/
.course #resizer a { display: none; }
/*------------------------------------------------------------------
[3.2 HTML Headings ]
*/
h1 { font: 600 18px 'Open Sans'; color: #565656; }
h2 { color: #565656; }
h3 { color: #565656; font-size: 16px; font-weight: 600; }

/*------------------------------------------------------------------
[3.3 Browser Specific Styles ]
*/
::-webkit-input-placeholder { /* WebKit browsers */ color: #6B6B6B; font-size: 13px; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #6B6B6B; font-size: 13px; }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'open sans'; font-size: 14px }
::-moz-placeholder { /* Firefox 19+ */ font-family: 'open sans' }
/*------------------------------------------------------------------
[3.4 Width Styles ]
*/
.columnwidth1 { width: 1%; float: left; }
.columnwidth2 { width: 2%; float: left; }
.columnwidth5 { width: 5%; float: left; }
.columnwidth10 { width: 10%; float: left; }
.columnwidth12 { width: 12%; float: left; }
.columnwidth13 { width: 13%; float: left; }
.columnwidth15 { width: 15%; float: left; }
.columnwidth20 { width: 20%; float: left; }
.columnwidth25 { width: 25%; float: left; }
.columnwidth30 { width: 30%; float: left; }
.columnwidth35 { width: 35%; float: left; }
.columnwidth40 { width: 40%; float: left; }
.columnwidth45 { width: 45%; float: left; }
.columnwidth50 { width: 50%; float: left; }
.columnwidth55 { width: 55%; float: left; }
.columnwidth60 { width: 60%; float: left; }
.columnwidth65 { width: 65%; float: left; }
.columnwidth70 { width: 70%; float: left; }
.columnwidth75 { width: 75%; float: left; }
.columnwidth80 { width: 80%; float: left; }
.columnwidth85 { width: 85%; float: left; }
.columnwidth90 { width: 90%; float: left; }
.columnwidth100 { width: 100%; }
.width5 { width: 5% !important; }
.width10 { width: 10% !important; }
.width15 { width: 15% !important; }
.width20 { width: 20% !important; }
.width25 { width: 25% !important; }
.width30 { width: 30% !important; }
.width35 { width: 35% !important; }
.width40 { width: 40% !important; }
.width45 { width: 45% !important; }
.width50 { width: 50% !important; }
.width55 { width: 55% !important; }
.width60 { width: 60% !important; }
.width65 { width: 65% !important; }
.width70 { width: 70% !important; }
.width75 { width: 75% !important; }
.width80 { width: 80% !important; }
.width85 { width: 85% !important; }
.width90 { width: 90% !important; }
.width95 { width: 95% !important; }
.width100 { width: 100% !important; }

/*------------------------------------------------------------------
[3.5 Form Styles ]
*/
.formtextfield { font: normal 15px 'open sans'; color: #636363; border: 1px solid #f1f1f1 !important; background-color: #f1f1f1; width: 195px !important; height: 26px; outline: none; }
.formtextfieldWhite { font: normal 15px 'open sans'; color: #636363; border: 1px solid #dddddd; width: 195px; height: 26px; background-color: white; cursor: text !important; outline: none; }
.formtextCKHiddenWhenDestroyed { color: rgba(255, 255, 255, 0) !important; border-color: rgba(255, 255, 255, 0) !important; overflow: hidden !important; }
.capitalize { text-transform: capitalize; }
.aspNetDisabled.formtextfieldWhite { background-color: #f1f1f1; opacity: 0.9; outline: none; }
/* for disabled view */
#sc_txtAddPageTitle { font: 500 19px 'open sans' !important; padding-top: 6px !important; padding-left: 5px !important; }
.formtextfieldLongWhite { font: normal 18px 'open sans' !important; color: #636363; border: 1px solid #cecdcd; width: 350px; height: 26px; background-color: white; }
.requiredfield { background-color: #efefef; }
.requiredlabel { color: #ff0000; text-align: center; }
.formtextarea { font: normal 15px 'open sans'; color: #636363; text-decoration: none; border: 1px solid #c2c2c2; background-color: #F7F7F7; }
select, .pseudo-select { font: normal 15px 'open sans'; color: #636363; text-decoration: none; border: 1px solid #DBDBDB !important; border-radius: 2px; height: 30px; background: url('images/arrpwddl.png') no-repeat right #fff !important; -webkit-appearance: none;  appearance: none; padding-right: 19px !important; outline: none; transition: background-color.3s, border-color .3s; cursor: pointer !important; }
.SelectHighlight { background-color: #fffee2 !important; border-color: #f7f6da !important; }
select[disabled] { opacity: 0.6; color: #000000; border: 1px solid #DCDCDC; }
.pseudo-select { display: inline-block; padding: 3px 5px; height: initial; cursor: pointer; }
.disabled-pseudo-select { pointer-events: none; color: #C6C6C6 !important; }


form { padding: 0px; margin: 0px; }
input[type=text], input[type=email], input[type=search], input[type=password], input[type=number], textarea, select { margin: 2px; padding-left: 4px; color: #636363; padding-right: 3px; }
input[type=search], .btn { -webkit-appearance: none; }

textarea:disabled { font: normal 15px 'open sans'; color: #636363; border: 1px solid #cecdcd; width: 195px; height: 26px; cursor: text !important; }
span.aspNetDisabled label { opacity: 0.7; cursor: default !important; }

input[type="checkbox"] { position: relative; top: 2px; }
.caretBlack { border-top-color: #5F5F5F !important; }
input:invalid { box-shadow: 0px 0px 0px 2px #ff3e3e!important; border-color: #ddd!important; }
 
/* checkbox addons*/
/* will work with formtextfieldWhite class */
.input-group-addon { padding: 4px; font-size: 14px; font-weight: 400; color: #555; text-align: center; /*background-color: #eee;*/ border: 1px solid #ddd; float: left; width: 24px; }

.PageEdit .input-group fieldset { border-color: #ccc; }

/* give disabled view for readonly inputs - seems working accross all browers. chrome, ie, edge, firefox */
.ColumnData input[readonly], .ColumnData textarea[readonly], .prof_edit_field input[readonly], .prof_edit_field textarea[readonly] { background-color: #f1f1f1; opacity: 0.9; }
.prof_edit_field input[readonly] { box-shadow: 0 2px 0 0 #b5b9c7; }


.SingleFileUpload { max-width: 145px; min-width: 89px; height: 26px; display: block; position: absolute; overflow: hidden; background: url(/images/controls/select.png) 100% 50% no-repeat; }
    .SingleFileUpload input[type="file"] { position: relative; height: 26px; width: 85px; display: inline; cursor: pointer; opacity: 0; margin-left: 5px; }
    .SingleFileUpload a, .SingleFileUpload input[type="submit"] { display: none; }
::-webkit-file-upload-button, input[type=file] { cursor: pointer; }

.SingleFileUpload.V2 { background: none; height: 32px; margin-top: 0px; position: absolute; text-align: center; line-height: 14px !important; box-sizing: border-box; cursor: pointer !important; padding: 0 !important; font-weight: 500 !important; font-size: 13px; font-family: 'Open Sans'; text-decoration: none !important; background-color: #2471b0; display: inline-block; margin-bottom: 0; color: #ffffff; border: 1px solid #2471b0; border-bottom-color: #1c629c; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: 0.2s; transition-property: initial; transition-timing-function: initial; transition-delay: initial; outline: none !important; }
    .SingleFileUpload.V2 input[type="file"] { position: relative; height: 100%; width: 100%; display: inline; cursor: pointer !important; opacity: 0; z-index: 9; margin: 0px; padding: 0px; }

    .SingleFileUpload.V2:after { content: 'Import a file'; position: relative; top: -23px; z-index: 1; }
    [lang="fr"] .SingleFileUpload.V2:after    { content: "Importer un fichier" !important; }  /* French (France) */
    [lang="fr-CA"] .SingleFileUpload.V2:after { content: "Importer un fichier" !important; }  /* French (Canada) */
    [lang="de-DE"] .SingleFileUpload.V2:after { content: "Datei importieren" !important; }    /* German */
    [lang="es-ES"] .SingleFileUpload.V2:after { content: "Importar un archivo" !important; }  /* Spanish (Spain) */
    
.SingleFileUpload[data-Title].V2:after { content: attr(data-Title); }
.SingleFileUpload.V2:hover { background-color: #1b5a8e; }
/*
    Toggle Switch control
*/
.inputSwitch { width: 75px; display: inline-block; line-height: initial !important; }
    .inputSwitch[type=checkbox],
    /*.Net Struct : */ .inputSwitch input { position: absolute; visibility: hidden; }
        .inputSwitch + label,
        /*.Net Struct : */ .inputSwitch input + label { cursor: pointer; font-size: 0px; width: 100%; /*75px;*/ height: 30px; background: #dfdfdf; display: inline-block; border-radius: 3px; position: relative; -webkit-transition: all 0.2s;    transition: all 0.2s; vertical-align: middle; }
            .inputSwitch + label:after,
            /*.Net Struct : */ .inputSwitch input + label:after { position: absolute; top: 3px; left: 4px; width: 55%; /*40px;*/ height: 24px; background: #fff; border-radius: 3px; box-sizing: border-box; font-size: 14px; text-align: center; padding-top: 3px; text-transform: capitalize; color: #888888; -webkit-transition: all 0.2s; transition: all 0.2s; }
        .inputSwitch:checked + label,
        /*.Net Struct : */ .inputSwitch input:checked + label { background: #dfefae; }
        .inputSwitch + label:after,
        /*.Net Struct : */ .inputSwitch input + label:after { content: 'No'; }
        .inputSwitch:checked + label:after,
        /*.Net Struct : */ .inputSwitch input:checked + label:after { left: calc(100% - 4px); transform: translateX(-100%); content: 'Yes'; }
        .inputSwitch + label[data-No]:after,
        /*.Net Struct : */ .inputSwitch input + label[data-No]:after { content: attr(data-No); }
        /*Overide values */
        .inputSwitch:checked + label[data-Yes]:after,
        /*.Net Struct : */ .inputSwitch input:checked + label[data-Yes]:after { content: attr(data-Yes); }
        
        /*Overide values */

        /* French (France) */
        [lang="fr"] .chkRosUpdateIncognito.inputSwitch+label[data-No]:after,
        [lang="fr"] .chkRosUpdateIncognito.inputSwitch input+label[data-No]:after {
            content: "Profil incognito";
        }
    
        [lang="fr"] .chkRosUpdateIncognito.inputSwitch:checked+label[data-Yes]:after,
        [lang="fr"] .chkRosUpdateIncognito.inputSwitch input:checked+label[data-Yes]:after {
            content: "Profil visible";
        }
    
        /* French (Canada) */
        [lang="fr-CA"] .chkRosUpdateIncognito.inputSwitch+label[data-No]:after,
        [lang="fr-CA"] .chkRosUpdateIncognito.inputSwitch input+label[data-No]:after {
            content: "Profil incognito";
        }
    
        [lang="fr-CA"] .chkRosUpdateIncognito.inputSwitch:checked+label[data-Yes]:after,
        [lang="fr-CA"] .chkRosUpdateIncognito.inputSwitch input:checked+label[data-Yes]:after {
            content: "Profil visible";
        }
    
        /* German */
        [lang="de-DE"] .chkRosUpdateIncognito.inputSwitch+label[data-No]:after,
        [lang="de-DE"] .chkRosUpdateIncognito.inputSwitch input+label[data-No]:after {
            content: "Inkognito-Profil";
        }
    
        [lang="de-DE"] .chkRosUpdateIncognito.inputSwitch:checked+label[data-Yes]:after,
        [lang="de-DE"] .chkRosUpdateIncognito.inputSwitch input:checked+label[data-Yes]:after {
            content: "Sichtbares Profil";
        }
    
        /* Spanish (Spain) */
        [lang="es-ES"] .chkRosUpdateIncognito.inputSwitch+label[data-No]:after,
        [lang="es-ES"] .chkRosUpdateIncognito.inputSwitch input+label[data-No]:after {
            content: "Perfil incógnito";
        }
    
        [lang="es-ES"] .chkRosUpdateIncognito.inputSwitch:checked+label[data-Yes]:after,
        [lang="es-ES"] .chkRosUpdateIncognito.inputSwitch input:checked+label[data-Yes]:after {
            content: "Perfil visible";
        }

    .inputSwitch.short { width: 50px; }
        .inputSwitch.short + label,
        /*.Net Struct : */ .inputSwitch.short input + label { width: 50px; height: 26px; }

            .inputSwitch.short + label:after,
            /*.Net Struct : */ .inputSwitch.short input + label:after { width: 42%; height: 20px; content: ''; }

/* *** simple styling to radio button type *** */
.inputSwitch_radio input { display: none }
.inputSwitch_radio label { border-radius: 3px; font-weight: normal; cursor: pointer; display: inline-block; margin-bottom: 0; padding: 6px 5px; text-align: center; vertical-align: middle; width: 83px; font-size: 13px; transition: background .2s; background-color: rgba(239, 239, 239, 0.73); }
.inputSwitch_radio input:checked + label { background: rgba(223, 239, 173, 0.58) !important; cursor: default; }

.aspNetDisabled.inputSwitch + label:after, .aspNetDisabled.inputSwitch input + label:after { background: #f5f5f5; }
.disabled.inputSwitch { pointer-events: none; opacity: .6; }

/* Scayt*/
.wsc-textarea { padding-left: 4px; margin: 2px; border: 1px solid #dddddd; -webkit-appearance: unset; appearance: unset; resize: none; }
.wsc-input { border-radius: inherit !important; border: 1px solid #dddddd !important; padding: 1px 0px 1px 4px !important; margin: 2px !important; line-height: 26px !important; color: #636363 !important; }
/* END Radio list toggle Swtich  */

/* New Text Input*/
.form-group { position: relative; }
.form-label { position: absolute; left: 8px; top: 10px; color: #6f6f6f; background-color: #fff; z-index: 10; transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out; transition: transform 150ms ease-out, font-size 150ms ease-out; transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out; }
.focused .form-label { -webkit-transform: translateY(-107%); transform: translateY(-107%); font-size: 12px; z-index: 12; padding-right: 3px; left: 2px; line-height: 11px; top: 7px; }
.form-input:focus { box-shadow: 0 2px 0 0 #b5b9c7; }
.form-input.filled { box-shadow: 0 2px 0 0 #acecb4; }
.form-input.invalidInput { background: rgba(255, 226, 219, 0.3); border-color: #fff3f2; box-shadow: 0 2px 0 0 #ecacac !important; }
.form-input { font-size: 14px; position: relative; padding: 12px 0px 5px 4px; width: 195px; outline: 0; border: 0; box-shadow: 0 1px 0 0 #e5e5e5; transition: box-shadow 150ms ease-out; border: 1px solid #e5e5e5; border-bottom-width: 0px; z-index: 11; background-color: rgba(255, 255, 255, 0); margin-left: 0px !important; }
label.form-label:after { content: attr(data-lbl); }

/* ---------- French (France) ---------- */
[lang="fr"] label.form-label[data-lbl="First Name"]:after      { content: "Prénom"; }
[lang="fr"] label.form-label[data-lbl="Last Name"]:after       { content: "Nom"; }
[lang="fr"] label.form-label[data-lbl="Email"]:after           { content: "E-mail"; }
[lang="fr"] label.form-label[data-lbl="User Name"]:after       { content: "Nom d’utilisateur"; }
[lang="fr"] label.form-label[data-lbl="Country"]:after         { content: "Pays"; }
[lang="fr"] label.form-label[data-lbl="City"]:after            { content: "Ville"; }
[lang="fr"] label.form-label[data-lbl="State/Province"]:after  { content: "État/Province"; }
[lang="fr"] label.form-label[data-lbl="ZIP/P.C:"]:after        { content: "Code postal"; }
[lang="fr"] label.form-label[data-lbl="Phone Number"]:after    { content: "Numéro de téléphone"; }
[lang="fr"] label.form-label[data-lbl="Title"]:after           { content: "Titre"; }
[lang="fr"] label.form-label[data-lbl="Department"]:after      { content: "Département"; }
[lang="fr"] label.form-label[data-lbl="Skills"]:after          { content: "Compétences"; }

/* ---------- French (Canada) ---------- */
[lang="fr-CA"] label.form-label[data-lbl="First Name"]:after      { content: "Prénom"; }
[lang="fr-CA"] label.form-label[data-lbl="Last Name"]:after       { content: "Nom"; }
[lang="fr-CA"] label.form-label[data-lbl="Email"]:after           { content: "Courriel"; }
[lang="fr-CA"] label.form-label[data-lbl="User Name"]:after       { content: "Nom d’utilisateur"; }
[lang="fr-CA"] label.form-label[data-lbl="Country"]:after         { content: "Pays"; }
[lang="fr-CA"] label.form-label[data-lbl="City"]:after            { content: "Ville"; }
[lang="fr-CA"] label.form-label[data-lbl="State/Province"]:after  { content: "Province"; }
[lang="fr-CA"] label.form-label[data-lbl="ZIP/P.C:"]:after        { content: "Code postal"; }
[lang="fr-CA"] label.form-label[data-lbl="Phone Number"]:after    { content: "Numéro de téléphone"; }
[lang="fr-CA"] label.form-label[data-lbl="Title"]:after           { content: "Titre"; }
[lang="fr-CA"] label.form-label[data-lbl="Department"]:after      { content: "Département"; }
[lang="fr-CA"] label.form-label[data-lbl="Skills"]:after          { content: "Compétences"; }

/* ---------- German ---------- */
[lang="de-DE"] label.form-label[data-lbl="First Name"]:after      { content: "Vorname"; }
[lang="de-DE"] label.form-label[data-lbl="Last Name"]:after       { content: "Nachname"; }
[lang="de-DE"] label.form-label[data-lbl="Email"]:after           { content: "E-Mail"; }
[lang="de-DE"] label.form-label[data-lbl="User Name"]:after       { content: "Benutzername"; }
[lang="de-DE"] label.form-label[data-lbl="Country"]:after         { content: "Land"; }
[lang="de-DE"] label.form-label[data-lbl="City"]:after            { content: "Stadt"; }
[lang="de-DE"] label.form-label[data-lbl="State/Province"]:after  { content: "Bundesland/Provinz"; }
[lang="de-DE"] label.form-label[data-lbl="ZIP/P.C:"]:after        { content: "PLZ"; }
[lang="de-DE"] label.form-label[data-lbl="Phone Number"]:after    { content: "Telefonnummer"; }
[lang="de-DE"] label.form-label[data-lbl="Title"]:after           { content: "Titel"; }
[lang="de-DE"] label.form-label[data-lbl="Department"]:after      { content: "Abteilung"; }
[lang="de-DE"] label.form-label[data-lbl="Skills"]:after          { content: "Fähigkeiten"; }

/* ---------- Spanish (Spain) ---------- */
[lang="es-ES"] label.form-label[data-lbl="First Name"]:after      { content: "Nombre"; }
[lang="es-ES"] label.form-label[data-lbl="Last Name"]:after       { content: "Apellido"; }
[lang="es-ES"] label.form-label[data-lbl="Email"]:after           { content: "Correo electrónico"; }
[lang="es-ES"] label.form-label[data-lbl="User Name"]:after       { content: "Nombre de usuario"; }
[lang="es-ES"] label.form-label[data-lbl="Country"]:after         { content: "País"; }
[lang="es-ES"] label.form-label[data-lbl="City"]:after            { content: "Ciudad"; }
[lang="es-ES"] label.form-label[data-lbl="State/Province"]:after  { content: "Estado/Provincia"; }
[lang="es-ES"] label.form-label[data-lbl="ZIP/P.C:"]:after        { content: "C.P."; }
[lang="es-ES"] label.form-label[data-lbl="Phone Number"]:after    { content: "Número de teléfono"; }
[lang="es-ES"] label.form-label[data-lbl="Title"]:after           { content: "Título"; }
[lang="es-ES"] label.form-label[data-lbl="Department"]:after      { content: "Departamento"; }
[lang="es-ES"] label.form-label[data-lbl="Skills"]:after          { content: "Habilidades"; }

.focused label.form-label[data-lblFocused]:after { content: attr(data-lblFocused); }
/*Fix for label placement when browser is not focused and auto complete has filled the input; JS init is not properly applied this fix is for chrome but requires Label be moved after the input!! */
.form-group input:-webkit-autofill + label.form-label,
.form-group input:-webkit-autofill:focus + label.form-label { -webkit-transform: translateY(-107%); transform: translateY(-107%); font-size: 12px; z-index: 12; left: 2px; line-height: 11px; top: 0px; color: black; background-color: transparent !important; }
/* End new Text Input*/


/* AutoComplete */
ul.ui-menu li.ui-menu-item .ui-state-focus { background: #ffffff; border-width: 0px; font-weight: normal; max-width: 255px !important; }
.ui-autocomplete { z-index: 1040; max-height: 300px; overflow-y: auto; padding-left: 0px; border: 1px solid #e5e5e5 !important; }
    .ui-autocomplete div { float: none !important; margin: 2px !important; }
    .ui-autocomplete li { padding: 3px 5px; margin-left: 0px; }
        .ui-autocomplete li:hover { background-color: #f3f3f3; color: #2b2b2b; }
.ui-menu-item { list-style: none; margin-left: -25px; }
.ui-menu { background: #ffffff !important; }
/*------------------------------------------------------------------
[3.6 Padding Styles ]
*/
.padding0 { padding: 0px !important; }
.padding2 { padding: 2px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding25 { padding: 25px; }
.padding30 { padding: 30px; }
.padding35 { padding: 35px; }
.padding40 { padding: 40px; }
.padding45 { padding: 45px; }
.padding50 { padding: 50px; }
.paddingtop2 { padding-top: 2px; }
.paddingtop5 { padding-top: 5px; }
.paddingtop10 { padding-top: 10px; }
.paddingtop12 { padding-top: 12px; }
.paddingtop15 { padding-top: 15px; }
.paddingtop20 { padding-top: 20px; }
.paddingtop25 { padding-top: 25px; }
.paddingtop30 { padding-top: 30px; }
.paddingtop35 { padding-top: 35px; }
.paddingtop40 { padding-top: 40px; }
.paddingtop45 { padding-top: 45px; }
.paddingtop50 { padding-top: 50px; }
.paddingtop55 { padding-top: 55px; }
.paddingtop60 { padding-top: 60px; }
.paddingright2 { padding-right: 2px; }
.paddingright5 { padding-right: 5px; }
.paddingright10 { padding-right: 10px; }
.paddingright10Important { padding-right: 10px !important; }
.paddingright15 { padding-right: 15px; }
.paddingright20 { padding-right: 20px; }
.paddingright25 { padding-right: 25px; }
.paddingright30 { padding-right: 30px; }
.paddingright35 { padding-right: 35px; }
.paddingright40 { padding-right: 40px; }
.paddingright45 { padding-right: 45px; }
.paddingright50 { padding-right: 50px; }
.paddingright60 { padding-right: 60px; }
.paddingbottom2 { padding-bottom: 2px; }
.paddingbottom5 { padding-bottom: 5px; }
.paddingbottom10 { padding-bottom: 10px; }
.paddingbottom15 { padding-bottom: 15px; }
.paddingbottom20 { padding-bottom: 20px; }
.paddingbottom25 { padding-bottom: 25px; }
.paddingbottom30 { padding-bottom: 30px; }
.paddingbottom35 { padding-bottom: 35px; }
.paddingbottom40 { padding-bottom: 40px; }
.paddingbottom45 { padding-bottom: 45px; }
.paddingbottom50 { padding-bottom: 50px; }
.paddingbottom60 { padding-bottom: 64px; }
.paddingbottom70 { padding-bottom: 70px; }
.paddingbottom75 { padding-bottom: 75px; }
.paddingbottom100 { padding-bottom: 100px; }
.paddingleft2 { padding-left: 2px; }
.paddingleft5 { padding-left: 5px; }
.paddingleft10 { padding-left: 10px; }
.paddingleft15 { padding-left: 15px; }
.paddingleft20 { padding-left: 20px; }
.paddingleft25 { padding-left: 25px; }
.paddingleft30 { padding-left: 30px; }
.paddingleft35 { padding-left: 35px; }
.paddingleft40 { padding-left: 40px; }
.paddingleft45 { padding-left: 45px; }
.paddingleft50 { padding-left: 50px; }
.paddingleft60 { padding-left: 60px; }
.paddingleft70 { padding-left: 70px; }
.paddingleft80 { padding-left: 80px; }
.paddingleft90 { padding-left: 90px; }

/*------------------------------------------------------------------
[3.7 Margin Styles ]
*/
.margin1 { margin: 1px; }
.margin2 { margin: 2px; }
.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin15 { margin: 15px; }
.margin20 { margin: 20px; }
.margin25 { margin: 25px; }
.margin30 { margin: 30px; }
.margin35 { margin: 35px; }
.margin40 { margin: 40px; }
.margin45 { margin: 45px; }
.margin50 { margin: 50px; }
.margintop2 { margin-top: 2px; }
.margintop3 { margin-top: 3px; }
.margintop5 { margin-top: 5px; }
.margintop10 { margin-top: 10px; }
.margintop12 { margin-top: 12px; }
.margintop15 { margin-top: 15px; }
.margintop20 { margin-top: 20px; }
.margintop25 { margin-top: 25px; }
.margintop30 { margin-top: 30px; }
.margintop35 { margin-top: 35px; }
.margintop40 { margin-top: 40px; }
.margintop45 { margin-top: 45px; }
.margintop50 { margin-top: 50px; }
.margintop60 { margin-top: 60px; }
.margintop70 { margin-top: 70px; }
.margintop80 { margin-top: 80px; }
.margintop90 { margin-top: 90px; }
.margintop100 { margin-top: 100px; }
.marginright5 { margin-right: 5px; }
.marginright10 { margin-right: 10px; }
.marginright15 { margin-right: 15px; }
.marginright20 { margin-right: 20px; }
.marginright25 { margin-right: 25px; }
.marginright30 { margin-right: 30px; }
.marginright35 { margin-right: 35px; }
.marginright40 { margin-right: 40px; }
.marginright45 { margin-right: 45px; }
.marginright50 { margin-right: 50px; }
.marginright60 { margin-right: 60px; }
.marginright90 { margin-right: 90px; }
.marginbottom5 { margin-bottom: 5px; }
.marginbottom10 { margin-bottom: 10px; }
.marginbottom15 { margin-bottom: 15px; }
.marginbottom20 { margin-bottom: 20px; }
.marginbottom25 { margin-bottom: 25px; }
.marginbottom30 { margin-bottom: 30px; }
.marginbottom35 { margin-bottom: 35px; }
.marginbottom40 { margin-bottom: 40px; }
.marginbottom45 { margin-bottom: 45px; }
.marginbottom50 { margin-bottom: 50px; }
.marginbottom60 { margin-bottom: 60px; }
.marginbottom70 { margin-bottom: 70px; }
.marginbottom80 { margin-bottom: 80px; }
.marginleft5 { margin-left: 5px; }
.marginleft10 { margin-left: 10px; }
.marginleft15 { margin-left: 15px; }
.marginleft20 { margin-left: 20px; }
.marginleft25 { margin-left: 25px; }
.marginleft30 { margin-left: 30px; }
.marginleft35 { margin-left: 35px; }
.marginleft40 { margin-left: 40px; }
.marginleft45 { margin-left: 45px; }
.marginleft50 { margin-left: 50px; }
.marginleft60 { margin-left: 60px; }
.marginleft70 { margin-left: 70px; }
.marginleft75 { margin-left: 75px; }
.marginleft90 { margin-left: 90px; }
.marginleft100 { margin-left: 100px; }

/*------------------------------------------------------------------
[3.8 Background Styles ]
*/
.bgcolor1 { background: #FAFAFA; /* for non-css3 browsers */   background: -webkit-linear-gradient(90deg, #FAFAFA, #ffffff);   }
.bgimg { background: url(images/bg1.png) repeat; }

/*------------------------------------------------------------------
[3.9 Text Styles ]
*/
.textstyle1 { font: normal 13px 'open sans'; color: #6d6d6d; text-decoration: none; word-wrap: break-word; }
    .textstyle1 a:link, .textstyle1 a:visited { font: normal 13px 'open sans'; color: #8c8c8c; text-decoration: none; cursor: pointer; }
    .textstyle1 a:hover { font: normal 13px 'open sans'; color: #c86800; text-decoration: none; }
.textstyle1active a:link, .textstyle1active a:visited, .textstyle1active a:hover { font: bold 13px 'open sans'; color: #c86800; text-decoration: none; }
.textstyle3 { font: normal 13px 'open sans'; color: #ffffff; }
    .textstyle3 a:link, .textstyle3 a:visited { font: normal 13px 'open sans'; color: #4e4e4e; text-decoration: none; }
    .textstyle3 a:hover { font: normal 13px 'open sans'; color: #4e4e4e; text-decoration: underline; }
.textstyle4 { font: normal 13px 'open sans'; color: #565656; line-height: 20px; }
    .textstyle4 a:not(.btn_Pushsqr):not(.btn_Pushpill):not(.btn_Flatsqr):not(.btn_Flatpill):not(.btn_sidearrow):not(.btn_Stitch):not(.btn_Pushpulse):not(.btn_Flatpulse):not(.btn_Simplelink) { font-style: normal; text-decoration: underline; }
    .textstyle4 a:hover { text-decoration: none; }
.textstyle5, .textstyle5 a { font: 600 18px 'open sans'; color: #c86800; text-decoration: none; line-height: 20px; }
    .textstyle5 a:hover { font: 600 18px 'open sans'; color: #424242; text-decoration: none; line-height: 20px; }
.textstyle6 { font: 600 16px 'open sans'; color: #424242; text-decoration: none; line-height: 20px; }
.textstyle7 { font: 400 16px 'open sans'; color: #424242; text-decoration: none; line-height: 20px; }
.textstyle8 { font: 600 20px 'open sans'; color: #424242; text-decoration: none; line-height: 20px; }
    .textstyle8 a:link, .textstyle8 a:visited { font: normal 20px 'open sans'; color: #424242; text-decoration: underline; line-height: 20px; }
    .textstyle8 a:hover { font: normal 20px 'open sans'; color: #424242; text-decoration: none; line-height: 20px; }

.textaligncenter, .text-center { text-align: center; }
.textalignleft { text-align: left; }
.textalignright, .text-right { text-align: right; }

.Font15px { font-size: 15px; }
/* Define pseudo-class triggers */

/*------------------------------------------------------------------
[3.10 Float Settings ]
*/
.borderstyle1 {  box-sizing: border-box; -webkit-box-sizing: border-box;border: 1px solid #b8b8b8; }
/*dotted border style*/
.borderstyle2 { border: 1px dotted #cccccc; }

/*------------------------------------------------------------------
[3.11 Float Settings ]
*/
/* add to floating elements which shall clear floating after themselves */
* html .clearfix { height: 1%; /* ie5-6 */ }
* + html .clearfix { display: inline-block; /* ie7not8 */ }
    .clearfix:after { /* ff, ie8, o, s, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.Right, .right, .floatright { position: relative; float: right; }
.Left, .left, .floatleft { position: relative; float: left; }
.Center, .center { margin: 0 auto !important; }
.block { display: block !important }
.inline-block { display: inline-block; }
/*------------------------------------------------------------------
[3.12 Disables ]
*/
.DisabledView {  opacity: 0.5; cursor: default !important; }
.DisabledViewAll * {  opacity: 0.85; cursor: default !important; pointer-events: none; }
.DisabledInput { pointer-events: none; background-color: #F2F2F2 !important; color: #C6C6C6 !important; border-color: #ddd !important; cursor: default !important; }
.DisabledLink { pointer-events: none; opacity: 0.7; cursor: default !important; }
.Disabled-EventOnly { pointer-events: none; }
.UserProf-ddl-disabled { border: 1px solid #dddddd !important; background-color: #f1f1f1 !important; opacity: 0.9; }

/*------------------------------------------------------------------
[3.13 Images ]
*/
a img { border: none; }
.cinemagic img { image-rendering: optimizeSpeed; image-rendering: -webkit-optimize-contrast;  image-rendering: optimize-contrast;} /*for content*/
.shadow {   -webkit-box-shadow: 5px 5px 7px #888; box-shadow: 5px 5px 7px #888; }
/*img:not([data-image-align="none"]) { margin: 0px auto; }*/

/*------------------------------------------------------------------
[3.14 Tables ]
*/
.GroupTable { width: 98%; padding-bottom: 10px; padding-top: 15px; }
    .GroupTable td { padding: 3px; }
table td { word-wrap: initial; }
td ul, td ol { margin-top: 0px; }

/* added to prevent random cutting of words in table for YH */
/*------------------------------------------------------------------
[3.15 Misc. Settings ]
*/
textarea { resize: none; border: 1px solid #cecdcd; }
b:not(.paste_from_word), .AdminFormTitle { font-weight: 600; font-weight: 600 !important; font-size: 13px; font-family: 'Open Sans'; color: #555; }
hr { margin: 0; border: 0; border-top: 1px solid #dddddd; }
.ReadMore { cursor: pointer; }
.HelpIcon { vertical-align: middle; padding-left: 4px; padding-right: 2px; margin-top: -3px; opacity: .5; }
.VendorIcon { vertical-align: middle; padding: 2px 2px 2px 4px; opacity: .75; width: 20px; margin-top: -3px; }
.blockquote { font-style: italic; padding: 2px 0; border: 0px solid #CCC; margin-left: 40px; padding-left: 20px; padding-right: 8px; border-left-width: 5px; }
.HideTargetElement { display: none; }
.HideTargetElement_Important { display: none !important; }
.green { background-color: #87ab6e; }
.yellow { background-color: #c59e4f; }
.rust { background-color: #ab6f6f; }
.textblue { color: #517b9a; }
.textorange { color: #cf8500; }
.textgray { color: #797979; }
.progress { background-color: #bbc6cc; background-image: none; border-radius: 0 0 0 0; height: 26px; margin-bottom: 0px; }
.bar { color: #324f63 !important; font: 15px/27px 'open sans' !important; padding-right: 7px !important; text-align: right !important; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none;  user-select: none; }

/* radio button styling */
.modern-Radiolist { display: inline-block; padding: 0 4px; }
.modern-Radiolist input { display: none; }
.modern-Radiolist label { background-color: rgba(249, 249, 249, .3); display: inline-block; padding: 4px 9px; vertical-align: middle; cursor: pointer; border: 1px solid rgba(97, 97, 97, 0.12); border-bottom-color: #e4e4e4; -webkit-border-radius: 2px;  border-radius: 2px; transition: 0.25s; transition-property: initial; transition-duration: 0.25s; transition-timing-function: initial; transition-delay: initial; outline: none; min-width: 51px; text-align: center; user-select: none }
.modern-Radiolist.wide1Labels label { min-width: 65px; }
.modern-Radiolist.wide2Labels label { min-width: 90px; }
.modern-Radiolist.leftLabels label { text-align: left; }
.modern-Radiolist input:checked + label { background-color: rgba(223, 239, 173, 0.58); border: 1px solid rgba(228, 228, 228, 0.12); }

/* For CSD*/
.MainBodyContent #leftbar1 { top: 154px !important; }
.cke_contents #leftbar1 { top: 13px !important; position: absolute !important; }

/* loading gear*/
.TopLoadingGear { vertical-align: middle; color: Black; display: none; position: fixed; top: +11px; right: +30px; z-index: 99999999999; }
    .TopLoadingGear img { border-radius: 19px; }

/*------------------------------------------------------------------
[ 4. Control Level Content (Reusable) ]
*/

ul.default { margin-left: 0px; padding-left: 0; }
    ul.default > li:nth-child(even) { background-color: #ffffff; }
    ul.default > li:nth-child(odd) { background-color: #f5f5f5; }
    ul.default:not(.CourseAddModal) > li:first-child:not(.select2-search-choice) { height: 25px; font-weight: 600; font-size: 15px; color: #868686; padding: 5px; background-color: #FFF; border-bottom: 4px solid #E5E3E3; }
    ul.default > li { padding: 8px; color: #565656; list-style: none; border: 0; }

.slick-slider:not(.slick-initialized ):after { content: ''; background-image: url(https://cdn.yardiaspire.com/images/Controls/loadingline.gif); background-repeat: no-repeat; width: 100px; height: 20px; position: absolute; left: 0px; z-index: 99999; }
.slick-slider:not(.slick-initialized ) * { opacity: 0 }
.slick-slider { opacity: 1 }
/*------------------------------------------------------------------

/*------------------------------------------------------------------
[ 4.5 Select2 Extras ]
    Files:
*/

.select2-drop-mask { z-index: 99999 !important; }
.select2-drop { z-index: 99999 !important; }
/* tag edit / skill edit */
input.TagEditBox, input.TagNavEditBox, input.YHTagEditBox, input.SkillEditBox, input.BookEditBox { display: none; }
.TagEditBox, .TagNavEditBox, .YHTagEditBox, .SkillEditBox { padding: 0; margin: 0; color: #fff; border: 1px solid #dedede; height: 27px; width: 360px; }

.s2-list-only { display: none; font-family: 'Open Sans'; font-size: 13px; color: #525252; margin-left: 8px; }
li.select2-results__option .s2-list-only { display: inline-block; }
.select2-dropdown.ddlRptCustFieldMatchType_options { width: 105px !important; }
.select2-dropdown.ddlRptCustFieldMatchType_options img { pointer-events: none;}
/*------------------------------------------------------------------
[ 4.6.1 Validation ]
    Purpose: Styles supporting adding a course
*/
.pnlValidationReq { margin-left: 0px; background-color: #FFECEC; font-size: 12px; clear: both; padding: 20px; }
    .pnlValidationReq .ValidationLink { text-decoration: underline; font-weight: bold !important; color: #2E5E79 !important; }
        .pnlValidationReq .ValidationLink:hover { text-decoration: none; }
.pnlValidateQStats { float: right; width: 230px; border: 2px solid #868686; padding: 6px; font: normal 14px 'open sans'; color: #868686; border-radius: 6px; line-height: 20px; }

#changePasswordForm { padding: 1px 20px 0 20px; }
    #changePasswordForm label { width: 115px; }
        #changePasswordForm label span { color: red; }
    #changePasswordForm input { padding: 0 .3em; height: 24px; line-height: 24px; width: 200px; border: 1px solid #ccc; }
input.invalid { background: #fff7f5; }
#currentPass { display: block; margin-top: 5px; }
#newPass { display: block; margin-top: 5px; }
#retypePass { display: block; margin-top: 5px; }
#changePasswordButton { margin-top: 10px; margin: 0 auto; width: 100px; display: block; margin-top: 41px; }
.error-icon { position: absolute; height: 24px; width: 24px; background: url(/images/controls/info2.png) no-repeat; cursor: pointer; margin-top: 5px; }
.error { z-index: 999; width: 276px; font-size: 12px; color: #FC0303; margin-top: 10px; }
/*.error:after { content: ""; position: absolute; top: 0; left: -20px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent #222 transparent transparent; }*/
/* class added to controltovalidate when .net validator kick in */
.invalidInput { background-color: #fff7f5 !important; border-color: #b94a48 !important; }
.validation-readonly .validate-submit { opacity: 0.7 !important; pointer-events: none; }
.validation-readonly .validate-comments, .validation-readonly .validation-credit-checkbox { display: none; }
/*------------------------------------------------------------------
[ 4.6.3 Course Map ]
    Purpose: Make course map responsive
*/
.courseMap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.courseMap li {
    min-height: 28px;
    height: unset !important;
    padding-left: 8px !important;
    padding-top: 2px;
    padding-bottom: 2px;
}

.courseMap .borderstyle1 {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    min-height: 28px;
}

.courseMap .Chapter .StarSprite {
    display: none !important;
}

.courseMap .Chapter {
    margin: 0px !important;
    padding: 0px !important;
}

.courseMap .pageName {
    width: 100%;
    max-width: calc(100% - 60px);
    margin: 0px !important;
    padding: 0px !important;
}

.courseMap .Chapter .pageName {
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
}

/*------------------------------------------------------------------
[ 4.8 Rows ]
    Purpose: Styles supporting containers
*/
.row-fluid { width: 100%; *zoom: 1; }
    .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; }
    .row-fluid:after { clear: both; }
    .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; }
        .row-fluid [class*="span"]:first-child { margin-left: 0; }
    .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; }
    .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; }
    .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; }
    .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; }
    .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; }
    .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; }
    .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; }
    .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; }
    .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; }
    .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; }
    .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; }
    .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; }
    .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; }


    [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; }
    [class*="span"].right, .row-fluid [class*="span"].right { float: right; }

/*------------------------------------------------------------------
[ 4.9 Containers ]
    Files:  Catalog.aspx, Course.aspx, GlobalAdmin.aspx, Common.js,
            Login.aspx, Profile.aspx, SignUp.aspx, Starred.aspx
*/
.yascSpecific { display: none }
#divSignupPanel { clear: both; }
.courseContainer a:hover { text-decoration: none; }
.courseContainer { background-color: #FFF; position: relative; border-bottom: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC; -webkit-box-shadow: 0 7px 8px -6px #949494; box-shadow: 0 7px 8px -6px #949494; }
.AdminContainer { background-color: #FFF; position: relative; border-bottom: solid 1px #DCDCDC; border-left: solid 1px #DCDCDC; border-right: solid 1px #DCDCDC; box-shadow: -5px 0 4px -5px #E0E0E0, 5px 0 5px -5px #E0E0E0; }
.AdminTabBox { background-color: #FAFAFA; padding: 0px; position: relative; z-index: 1; width: 100%; border-width: 0px; padding: 0px; margin: 0px; }
    .adminTabBox .TabTitles { top: -7px; position: relative; }
.AdminSubTabBox { background-color: #FFF; min-height: 300px; padding: 20px; padding-top: 10px }
#wrapper { height: auto !important; margin: 0 auto -40px; min-height: 100%; }
.container { box-sizing: border-box; width: 1040px; }

.container { margin-right: auto; margin-left: auto; *zoom: 1; }
    .container:before, .container:after { display: table; content: ""; line-height: 0; }
    .container:after { clear: both; }

.page-container-bg-solid { background: #f1f3fa !important; }

.container-lf-space { padding-left: 30px; padding-right: 30px; }

.RosterEditColumn { float: left; }
    .RosterEditColumn .ColumnTitle { float: left; width: 130px; padding-top: 5px; }
        .RosterEditColumn .ColumnTitle span { padding-right: 5px; }
.UserUpload .RosterEditColumn .ColumnTitle select { width: 122px; }
.RosterEditColumn .ColumnData { float: left; width: 305px; }
.UserUpload .RosterEditColumn .ColumnData select { width: 170px; height: 27px; margin-top: 3px; }
.course .Coursecontent #ContentDIV { margin-top: 14px; } /* to make freedrag placment accurate when a page does not contain a ptag */

/*------------------------------------------------------------------
[ 4.10 Footers ]
    File(s): Course_1.Master
*/
.bottommenu { font: normal 11px 'open sans'; color: #9a9a9a; text-decoration: none; text-align: left; }
    .bottommenu a:link, .bottommenu a:visited { font: normal 11px 'open sans'; color: #9a9a9a; text-decoration: none; text-align: left; }
    .bottommenu a:hover { font: normal 11px 'open sans'; color: #9a9a9a; text-decoration: underline; text-align: left; }
.Closed_FooterLinks { height: 0px; }
.copyrighttext .footerlinks { color: #A5A5A5; padding: 10px 10px; text-align: right; }
.footerlinks:link, .footerlinks:visited, .footerlinks:hover { color: #A5A5A5; text-decoration: none; }

.copyrighttext a:after { content: '|'; margin-left: 10px; position: absolute; }
.copyrighttext a:last-child:after { content: " "; }
.copyrighttext { font: 11px 'open sans'; color: #A5A5A5; }
#footer { height: 30px; overflow: hidden; padding-top: 10px; }

.darkbtn { background: rgba(0, 0, 0, 0.35); padding: 7px 10px; font-size: 13px; color: #fff; font-weight: 500; margin-left: 12px; z-index: 9; }
    .darkbtn:hover { background: rgba(0, 0, 0, 0.45); }
#BlankThemeBody_LknAdmin { background: rgba(0, 0, 0, 0.35); padding: 7px 5px; font-size: 13px; color: #fff; font-weight: 500; z-index: 9; position: relative; float: right; line-height: 13px; text-align: center; }
    #BlankThemeBody_LknAdmin:hover { background: rgba(0, 0, 0, 0.45); }

.TestIndex { display: none !important }  /*temp hidden*/
/*------------------------------------------------------------------
[ 4.11 Alert Notice (Nottys) ]
    File(s): Achievements.js, Common.js
*/
/* Achivement bottom right*/
#nottys { position: fixed; bottom: 55px; right: 20px; width: 390px; z-index: 999999999999; }
    #nottys .notty { display: none; font: normal 12px 'open sans'; position: relative; user-select: none; overflow: auto; cursor: pointer; padding: 20px 5px; margin-bottom: 35px; background: #fff !important; border: 2px solid #378afc; border-radius: 4px; box-shadow: rgba(26, 53, 101, 85%) -3px 10px 20px -7px; }
        #nottys .notty .MainContent { width: 65%; float: left; }
        #nottys .notty .hidenoty { position: absolute; font-weight: bold; line-height: 20px; background: #d8d8d8; background: #fff; color: #3F3F3F; right: 0px; top: 0px; padding: 3px 9px 3px 10px; border-bottom-left-radius: 6px; cursor: pointer; opacity: .4; border-bottom: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; font-size: 17px; }
            #nottys .notty .hidenoty:hover { background: #DDD; opacity: 1 }
        #nottys .notty .hideClickMessage { position: absolute; font-weight: 600; line-height: 20px; height: 13px; right: 0px; bottom: 3px; padding: 5px 19px 12px 15px; cursor: pointer; text-decoration: underline; color: #5C5C5C; }
            #nottys .notty .hideClickMessage:hover { text-decoration: none; }
        #nottys .notty .img { width: 80px; float: left; }
        #nottys .notty img { max-width: 70px; min-width: 45px; min-height: 35px; max-height: 70px; border-radius: 6px; }
        #nottys .notty h2 { margin: 5px 0px 5px 3px; font-size: 15px; font-weight: 600; }
/* END  Achivement bottom right*/

/* Top Notifications*/
#alert-nottys { position: fixed; top: 70px; right: 20px; z-index: 999999999999; }
    #alert-nottys .notty { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 20px 0px 20px 65px; width: 285px; background-position: 20px center; background-repeat: no-repeat; color: #fff; }
        #alert-nottys .notty .hidenoty { position: absolute; font-weight: bold; line-height: 18px; color: #ffffff; right: 0px; top: 0px; padding: 0px 9px 10px 10px; border-bottom-left-radius: 6px; cursor: pointer; opacity:.3; font-size: 22px; }
        #alert-nottys .notty:hover .hidenoty { opacity:1; }
        #alert-nottys .notty h2 { margin: 0px; font-size: 14px; font-weight: 500; color: #fff }
        #alert-nottys .notty img { display: none }
        #alert-nottys .notty.success { background-color: #51a351; background-image: url(/App_Themes/Images/notyCheck.png); }
        #alert-nottys .notty.warning { background-color: #f89406; background-image: url(/App_Themes/Images/notywarning.png) }
        #alert-nottys .notty.error { background-color: #d44c41; background-image: url(/App_Themes/Images/notywarning.png) }
        #alert-nottys .notty.info { background-color: #4285f4; background-image: url(/App_Themes/Images/notyinfo.png); }
        #alert-nottys .notty.msgNotice { background-color: #646464; }
        #alert-nottys .notty.session-error { background-color: #d44c41; background-image: url(/App_Themes/Images/notywarning.png) }
        #alert-nottys .notty.session-error .hidenoty { display: none; }
        .msgNotice .btnViewMessage { padding: 7px 26px; font-size: 15px; position: absolute; left: 10px; }
        .msgNotice .btnMuteMessage { position: absolute; right: 6px; border-width: 0px; background-color: #f9f9f9cf; margin-top: 4px; }
        .msgNotice .chatNotyControls { height: 31px; margin-top: 16px; }
.SessionErrorRefreshing .notty.success, .SessionErrorRefreshing .notty.warning, 
.SessionErrorRefreshing .notty.error, .SessionErrorRefreshing .notty.info, .SessionErrorRefreshing .notty.msgNotice { display: none !important; }
.SessionErrorRefreshing > :not(#alert-nottys) { opacity: 0.7; pointer-events: none; }

/*END Top Notifications*/
/*------------------------------------------------------------------
[ 4.12 Bootstrap Modals ]
    File(s): Course_1.Master, Modal_Core and Modal_Course.js
*/
.ShowModal { overflow: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99998; background-color: rgba(0, 0, 0, 0.3); }
#pnlTestModalContainer.ShowModal { background-color: rgba(0,0,0,.8); }
.modal.sideModal { left: auto; right: 0; width: 421px; background-color: rgba(255, 255, 255, 0); z-index: 9999999; }
    .modal.sideModal .modal-dialog { margin: 0 !important; left: auto !important; right: 0px !important; top: 0px !important; position: fixed; border-radius: 0px; bottom: 0px; width: 400px !important; transition: -webkit-transform .3s ease-out; transform: translate(100%,0); }
.modal.sideModal.in .modal-dialog { transform: translate(0,0); }

.modal-dialog .close { z-index: 99999; line-height: 23px !important; font-size: 61px !important; font-weight: 300 !important; color: #646464; top: 5px; position: relative; right: 5px; margin: 0px !important; float: right; user-select: none; overflow: hidden; height: 33px; }
.modal a.YardiHelp { float: right; margin-top: 7px; margin-right: 18px; cursor: pointer; z-index: 99999; position: relative; }

/*------------------------------------------------------------------
[ 4.13 Date Picker ]
    File(s): jquery.timePicker.min.js
*/
/* ERROR FOR THE TIME PICKER CLASS */
.EventTimeVal .error { border: 1px solid #FF9898; background-color: rgb(255, 242, 242); }
.errorm { font-size: 13px; color: #b94a48; }
input.errorm { font-size: 15px; color: #b94a48; }
.successm { font-size: 13px; color: green; }
input.successm { font-size: 13px; color: green; }

/*------------------------------------------------------------------
[ 4.14 Top Navigation ]
    File(s): GlobalAdmin.aspx, Course_1.Master, Admin_ClassDiscussions.aspx, Admin_CourseSettings.aspx
*/

/*Main studetn Dash name/ stats section*/


.widget-socials { margin: 0; padding: 0; }
    .widget-socials .widget-social-subtitle { color: #fff; font-weight: 300; margin: 0; padding: 0; position: relative; font-size: 33px; text-transform: capitalize; margin-bottom: 15px; display: inline-block; margin-top: 22px; }
    .widget-socials .primary-user { color: #fff; font-weight: 300; margin: 0; padding: 0; position: relative; font-size: 33px; line-height: 50px; display: inline-block; width: 90px; height: 104px; float: left; }
        .widget-socials .primary-user:before { font-size: 13px; position: relative; font-family: 'open sans'; line-height: 48px;  font-style: normal; box-sizing: border-box; bottom: -39px; content: 'Update'; left: 8px; z-index: 9; width: 55px; display: inline-block; text-align: center; -webkit-animation-duration: .8s !important; animation-duration: .8s !important; transform: translateX(0); animation-name: tada; }        
        /* update */
        [lang="fr"] .widget-socials .primary-user:before { content: "Mise à jour" !important; /* French (France) */ }
        [lang="fr-CA"] .widget-socials .primary-user:before { content: "Mise à jour" !important; /* French Canadian */ }
        [lang="de-DE"] .widget-socials .primary-user:before { content: "Aktualisieren" !important; /* German */ }
        [lang="es-ES"] .widget-socials .primary-user:before { content: "Actualizar" !important; /* Spanish */ }

        .widget-socials .primary-user:after { font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; content: ""; position: absolute; top: 23px; font-size: 28px; left: 22px; color: #fff; -webkit-animation-duration: .8s !important; animation-duration: .8s !important; transform: translateX(0); animation-name: tada; }

    .widget-socials .puserborder { border-radius: 70px; width: 70px; height: 68px; border-width: 6px !important; border-style: solid; position: absolute; top: 19px; margin: -5px 0 0 -5px; overflow: hidden; }
    .widget-socials .primary-user:hover .puserborder { background-color: rgba(255, 255, 255, 0.18); }
    .widget-socials .primary-user.profile .puserborder { background-color: #ccc; }
    .widget-socials .primary-user.profile:hover .puserborder { background-color: #bbb; }
    .widget-socials .puserimage { border-radius: 68px; position: absolute; width: 70px; height: 68px; background-repeat: no-repeat; background-size: cover; z-index: 36; background-position: center top; cursor: pointer; background-position: center; }
    .widget-socials .primary-user-stats { display: block; margin-left: 104px; top: -10px; position: relative; }
        .widget-socials .primary-user-stats a:before { font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;  font-size: 16px; content: "\eba7"; top: 1px; color: rgb(251, 227, 48); position: relative; left: -7px; cursor: pointer; line-height: 0px; }

    .widget-socials .primary-user:hover:before { z-index: 99 !important; font-weight: 500; text-shadow: 0px 0px 3px #000; cursor: pointer; }
    .widget-socials .primary-user-stats a { color: #fff; margin-left: 5px;   font-size: 15px; }
        .widget-socials .primary-user-stats a:hover { padding-bottom: 0px; border-bottom: 1px solid #fff; }

.widget-socials .primary-user-stats a.dash_Achieve_Stat { margin-right: 10px; }
.widget-socials .primary-user-stats a.dash_Point_Stat:before { content: "\eb9f"; font-size: 18px; left: -2px; top: 2px; }


 
    .TopLinkActions .nav { display: none; }
.login nav * { display: none; }
/*Prevent Dash Icon to appear while on dashboad during a pass reset*/
.course .span6.TopLinkActions, #BlankThemeBody_privateTopLinks { padding-top: 10px; }
.course .TopLinkActions { top: 0px; }
.course .LknAdminContainer { padding-top: 0px;  }
.TopLinkActions .aspNetDisabled { font-weight: bold !important; color: rgb(14, 90, 14) !important; }
.wrapper-sticky { z-index: 9999999; }
.toplinks { font-weight: 500; font-size: 12px; text-transform: capitalize; padding-left: 10px; display: inline-block; }
    .toplinks.helpMenu { font-size: 27px; color: #d6d6d6; position: relative; top: -4px; float: left; margin-right: 5px; }
    .toplinks:link, .toplinks:visited { color: rgba(52, 52, 53, 0.81); text-decoration: none; }
.icomoon-user.toplinks { font-family: 'Open Sans' !important; background-color: rgb(214, 214, 214); font-size: 14px; padding: 4px; line-height: normal !important; color: #ffffff; border-radius: 100px; margin-left: 10px; width: 19px; text-align: center; HEIGHT: 19PX; text-transform: uppercase; }
    .icomoon-user.toplinks:before { content: attr(data-init); }
    .icomoon-user.toplinks:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ffffff; content: ''; position: absolute; margin-top: 9px; margin-left: 8px; }

.mytracks { padding-right: 21px; padding-left: 21px; }
.icon-dashboard { background: url(images/NavIcons.png) no-repeat -14px -3px; }
.icon-track { background: url(images/NavIcons.png) no-repeat -66px -4px; }
.icon-mycourses { background: url(images/NavIcons.png) no-repeat -119px -4px; }
.icon-events { background: url(images/NavIcons.png) no-repeat -229px -4px; }
.icon-catalog { background: url(images/NavIcons.png) no-repeat -302px -4px; }
.icon-resource { background: url(images/NavIcons.png) no-repeat -379px -4px; }

.menudivider li { position: relative; }
    .menudivider li:last-child:after { display: none; }
.navbar-inner { background: none !important; border: 0px !important; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px !important; }
    .navbar-inner .btn-navbar { display: none; }
.menu { background-image: none !important; margin: 0px; padding: 0px; }
    .menu ul { margin: 0px; padding: 0px; }
        .menu ul:first-child li { margin: 0px; padding: 0px; list-style-type: none; float: left; text-align: center; color: #ffffff; }
        .menu ul li a { margin: 0px; display: block; padding: 5px 20px; line-height: 13px; font-weight: 500; }
    .menu i { width: 40px !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.48); color: #ffffff; display: block !important; margin: 0px auto 5px auto; font-size: 32px; line-height: 42px; }
    .menu ul li:hover { background-color: #324f63 !important; }
    .menu a, .menu a:link, .menu a:visited { color: #ffffff; text-decoration: none; }
        .menu a:hover { color: #ffffff; text-decoration: none; }
    .menu i[class*='icon-'] { height: 43px; }


.StudentTopNAV .dropdown-toggle { display: none; }
.StudentTopNAV .menu ul li:before { border-left: 1px solid rgba(255, 255, 255, 0.32); position: absolute; content: ' '; height: 71px; right: 0px; top: 0px; }
.StudentTopNAV { padding: 0px; min-height: 9px; background-color: #517C9C; clear: both }
    .StudentTopNAV .dropdown-toggle { display: none; }
    .StudentTopNAV ul:first-child:not(.dropdown-menu) { display: flex; }
    .StudentTopNAV ul li.navSub ul { display: none }
    .StudentTopNAV ul:first-child li { display: block; }

    .StudentTopNAV .menu ul li:before { border-left: 1px solid rgba(255, 255, 255, 0.32); position: absolute; content: ' '; height: 71px; right: 0px; top: 0px; }
.TopNAvStyle2bottom { border-bottom: 1px solid #EAE9E9; background-color: #EFEFEF; min-height: 45px; color: #8A8A8A; }

.img-active-nav { /* http://css-tricks.com/snippets/css/css-triangle/ */ width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFFFFF; position: relative; bottom: -32px; margin-top: -30px; float: left; left: 50%; margin-left: -10px; }
.toplinkMenus { color: #324f63; padding: 5px 0; padding-right: 5px; text-align: right; }
.TopLinkActions .caretBlack { border-top-color: #324f63; }
.icon-info { background: url(../images/Controls/icons/icon-Info.png) no-repeat 3px; }
.icon-Clip { background: url(../images/Controls/icons/icon-Clip.png) no-repeat 3px; }
.icon-Home { background: url(../images/Controls/icons/icon-Home.png) no-repeat 2px; }
.icon-MagGlass { background: url(../images/Controls/icons/icon-MagGlass.png) no-repeat 3px 6px; }
.icon-Sign { background: url(../images/Controls/icons/icon-Sign.png) no-repeat 3px 4px; }
.icon-Stack { background: url(../images/Controls/icons/icon-Stack.png) no-repeat 3px; }
.icon-Video { background: url(../images/Controls/icons/icon-Video.png) no-repeat 3px; }
.icon-Book { background: url(../images/Controls/icons/icon-Book.png) no-repeat 3px 9px; }
.icon-Link { background: url(../images/Controls/icons/icon-Link.png) no-repeat 3px; }

.endImpersonation { font-size: 14px !important; color: #fff !important; float: left; margin-top: -5px; margin-right: 20px; background-color: #ff5555 !important; border-radius: 0 0 5px 5px !important; position: fixed; top: 0px; margin-left: -177px; padding: 9px 12px 5px 12px !important; border-width: 0px !important; z-index:1000}
    .endImpersonation:hover { background-color: #ea4d4d !important; }

.btnBack { position: absolute; top: -42px; right: 0px; z-index: 999; background-color: #Fafafa; }
    .btnBack img { vertical-align: middle; width: 25px; border-width: 0px; filter: grayscale(); opacity: .8; }

.btnglobaladminCopy { width: 200px; height: 50px; font-size: 16px !important; background-color: #75a646 !important; color: #fff !important; text-transform: uppercase; margin-left: 979px; position: fixed; top: 565px; }
/*------------------------------------------------------------------
[ 4.15 CSS Transitions ]
    File(s):
*/
#DashTracks a:hover .boxrow, .QuickStats a:hover .QuickRow, .box2 {   -webkit-transition: all 200ms linear; transition: all 200ms linear; }
.nav li, .nav li a { -webkit-transition: background 200ms linear; transition: background 200ms linear }

/*------------------------------------------------------------------
[ 4.16 Buttons ]
    File(s):    Admin.aspx, Admin_ManageTracks.aspx, Admin_Reports.aspx
                admin.js
*/
input#txtGlobalYSearch { margin: 0px; width: 110px; }
.SearchButton { width: 100%; padding: 14px 18px 12px 18px; box-sizing: border-box; }
/* Edit, Delete button style */
.delete-btn { color: #CE6262 !important; }
.edit-btn { color: #5A8B6E !important; }
/* ckFinder image uploader */
.CKImageUploader { font-weight: 500 !important; font-size: 13px; font-family: 'Open Sans'; text-decoration: none !important; background-color: #eeeeee; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer !important; color: #4e4e4e; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25) ;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#eeeeee));  background-image: linear-gradient(to bottom, #f9f9f9, #eeeeee); background-repeat: repeat-x;  border-color: #2F61C5 #2F61C5 #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #eeeeee; /* Darken IE7 buttons by default so they stand out more given they won't have borders */   border: 1px solid #ddd; *border: 0; border-bottom-color: #ccc; -webkit-border-radius: 2px;   border-radius: 2px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); padding: 3px 8px; }
    .CKImageUploader span { cursor: pointer !important; }
#divNewCourseBody a.CKImageUploader { margin-top: 5px; }
/* a tag needed the action */
.underline { text-decoration: underline; }
    .underline:hover { text-decoration: none; }

.boderunderline:hover { border-bottom-width: 0px; }
.boderunderline { border-bottom: 1px solid #A9A9A9; }

/* checkbox disabled view */
.aspNetDisabled.aspCheckBox { opacity: 0.7; }

/*Login button*/
.btn-login { font-size: 16px !important; padding: 12px 30px !important; width: 80%; }
.btn-loginSSO { font-size: 16px !important; padding: 12px 50px !important; }

.button { /* A semi-transparent text shadow */ text-shadow: 1px 1px 0 rgba(255,255,255,0.4); /* Overriding the default underline styling of the links */ text-decoration: none !important; white-space: nowrap; display: inline-block; vertical-align: baseline; position: relative; cursor: pointer; padding: 10px 20px; background-repeat: no-repeat; /* The following two rules are fallbacks, in case
	   the browser does not support multiple backgrounds. */ background-position: bottom left; background-image: url('images/button_bg.png'); /* Multiple backgrounds version. The background images
	   are defined individually in color classes */ background-position: bottom left, top right, 0 0, 0 0; background-clip: border-box; /* Applying a default border raidus of 8px */ -webkit-border-radius: 8px; border-radius: 8px; /* A 1px highlight inside of the button */  -webkit-box-shadow: 0 0 1px #fff inset; box-shadow: 0 0 1px #fff inset; /* Animating the background positions with CSS3 */ /* Currently works only in Safari/Chrome */ -webkit-transition: background-position 1s;   transition: background-position 1s; }

    .button:hover { /* The first rule is a fallback, in case the browser
	   does not support multiple backgrounds
	*/ background-position: top left; background-position: top left, bottom right, 0 0, 0 0; }

    .button:active { /* Moving the button 1px to the bottom when clicked */ bottom: -1px; }

    /* The three buttons sizes */

    .button.big { font-size: 30px; }
    .button.medium { font-size: 18px; }
    .button.small { font-size: 13px; }

    /* A more rounded button */
    .button.rounded {  -webkit-border-radius: 4em; border-radius: 4em; }

.floatingleft { z-index: 9; position: fixed; left: 50%; top: 200px; margin-left: -511px; }
.floatingright { z-index: 9; position: fixed; right: 50%; top: 200px; margin-right: -514px; }

.EditLink { padding-bottom: 0px; border-bottom: 1px solid #BF7403; color: #BF7403; }
    .EditLink:hover { border-bottom: 0px; }

.btnAdd-Attached { float: right; background-color: #F9F9F9; -webkit-border-radius: 0px; border-radius: 0px; border-top-left-radius: 14px; margin: -1px -5px -1px 0px; font-weight: 600 !important; font-size: 13px; font-family: 'Open Sans'; text-decoration: none !important; display: inline-block; padding: 4px 12px; margin-bottom: 0; line-height: 20px; vertical-align: middle; cursor: pointer; color: #464646; border: 1px solid #E4E4E4; border-bottom-color: #EAEAEA; border-bottom-width: 0px; }
    .btnAdd-Attached span { top: 2px; position: relative; margin: 0px 5px 0px 3px; }

    .btnAdd-Attached:hover { background-color: #e3e3e3; background-image: none; }

.RptAnonymous { opacity: 0.7; pointer-events: none; }
/*------------------------------------------------------------------
[4.19 Contact widgets  ]
    File(s):  element added dynamically.
*/
.desk-sidebar { letter-spacing: 1px; margin: 0; top: 196px; background-color: #438dc6; color: #fff !important; overflow: hidden; height: 28px; cursor: pointer; z-index: 1007; text-decoration: none; -webkit-transform: rotate(-90deg); left: 0; padding-top: 15px; padding-right: 13px; padding-bottom: 0; padding-left: 13px; position: fixed; margin-left: -37px; }

.fd-btn-left a.freshwidget-theme, .fd-btn-top a.freshwidget-theme { -webkit-border-bottom-left-radius: 2px !important; border-bottom-left-radius: 2px !important;  -webkit-border-bottom-right-radius: 2px !important; border-bottom-right-radius: 2px !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
/* For Jit Bit*/
.JitBitSupportWidget { display: none; }
/*------------------------------------------------------------------
[ 5.3.5 ] Student Profile
    Location: MyProfile
*/
.profile .inputSwitch:checked + label { background: #c1eac6; }
.prof_edit_field { margin-top: 17px; margin-bottom: 7px; width: 330px; float: left; position: relative }
    .prof_edit_field.focused .form-label { top: 6px; }
/* parent container expected to have position relative*/
.ToolTipOverlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
/* make textbox looks and behave like label */
input[type=text].LabelView { pointer-events: none; border: none; background: transparent; }

/* private chat icon */
.pc-icon { position: relative; padding: 0px 5px; top: -10px; }
.pc-icon .pc-icon-badge { display: none; top: -16px; left: 50%; height: 18px; background-color: #d11124; border: 2px solid #a1a1a1; border-radius: 14px; font-size: 12px; z-index: 1; text-align: center; padding: 0 4px; min-width: 14px; position: absolute; color: white; }
    .pc-icon .pc-icon-icomoon { font-size: 39px; color: #a1a1a4; }
    .pc-icon:hover { transform: scale(1.1); transition: transform .05s; }
/* end private chat icon */

/*------------------------------------------------------------------
[ 5.3.8 ] Student Catalog
    Location: Course1_Master
*/
.menu .catalogCustomTabs { width: 105px; }
    .menu .catalogCustomTabs:hover .dropdown-menu { display: block; }
    .menu .catalogCustomTabs ul li { width: 100%; }
        .menu .catalogCustomTabs ul li a { font-size: 14px; padding: 5px 25px 15px 25px; color: white; }
            .menu .catalogCustomTabs ul li a div[class*='icon-'] { width: 21px; height: 21px; background-size: contain; display: inline-block; position: relative; top: 5px; left: -10px; background-position: 0px; }
/*------------------------------------------------------------------
[ 5.3.8.1 ] Courses
    Location: Courses/Catalog
*/
.catlogbox { min-height: 490px; border-top-width: 0px; padding: 0px; position: relative; }
.ProgressBarCourse { margin: -1px 0 0 5px; width: 97px; height: 16px !important; border-bottom: 1px solid #adadad !important; opacity: .9; position: relative; overflow: visible !important; border-radius: 0px !important; padding-bottom: 2px; transition: none !important; margin-top: -3px !important; padding: 1px; float: right; }
/*.ProgressBarCourse { margin: -1px 0 0 5px; width: 115px; height: 16px !important; border: 1px solid #E6E6E6 !important; opacity: .9; }*/

.ProgressLabel { position: absolute; font-weight: 600; color: #4A4A4A; margin: 0px 0 0 11px; font-size: 11px; font-family: 'open sans'; }
.ProgressInnerlbl { position: absolute; font-weight: bold; margin-top: 4px; margin-left: 68px; }
.ui-progressbar-value.ui-widget-header { -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; }
.ui-progressbar-value.ui-corner-left.ui-widget-header { background-image: none !important; height: 3px; position: absolute; bottom: -2px; border: 0px !important; background-color: #28c383 !important; transition: width .3s; width: 0px; }
.ProgressBarCourse .ui-widget-header { transition: none !important }

.textstyle12 { font: normal 13px arial; color: #424242; }
    .textstyle12 a:link, .textstyle12 a:visited { font: normal 13px arial; color: #4e4e4e; text-decoration: underline; }
    .textstyle12 a:hover { color: #4e4e4e; text-decoration: none; }

#oveviewdiv ul { margin: 0; padding: 0; float: right; }
    #oveviewdiv ul li { display: block; list-style: none; padding-top: 5px; }
#overviewheader, .overviewheader { font: 500 24px 'Open Sans' }
.contentleft { margin: 10px 10px 0 0; }
.chaptersdiv { padding-top: 30px; clear: both }
    .chaptersdiv .Title { width: 100%; font: bold 15px Arial,Helvetica,sans-serif,Calibri; color: #565656 }

/* Search */
.GlobalYSearchInput { position: absolute; right: 130px; top: 7px; z-index: 9; background: #fff; }
    .GlobalYSearchInput #TextBox1 { transition: box-shadow 150ms ease-out, width 300ms; margin: 0px !important; width: 82px; border: 0px solid !important; }
    .GlobalYSearchInput .focused #TextBox1 { width: 240px; font-size: 17px; }
    .GlobalYSearchInput .form-group:before { content: '\eb30'; float: right; position: absolute; right: 6px; font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-size: 17px; transition: font-size .2s; top: 9px; color: #696969; }
    .GlobalYSearchInput .focused.form-group:before { font-size: 0px; }
    .GlobalYSearchInput .form-group { background: #fff; }
        .GlobalYSearchInput .form-group.focused { background: #fff; border-radius: 0%; }
        .GlobalYSearchInput .form-group:not(.focused) label.form-label { background: none; }
        .GlobalYSearchInput .form-group.focused label.form-label { background: #fff; top: 4px; padding-left: 5px; padding-top: 4px; width: 100%; box-sizing: border-box; left: 0px; }

        /* search */
        [lang="fr"] .GlobalYSearchInput label.form-label:after { content: "Recherche" !important; /* French (France) */ }
        [lang="fr-CA"] .GlobalYSearchInput label.form-label:after { content: "Recherche" !important; /* French Canadian */ }
        [lang="de-DE"] .GlobalYSearchInput label.form-label:after { content: "Suche" !important; /* German */ }
        [lang="es-ES"] .GlobalYSearchInput label.form-label:after { content: "Buscar" !important; /* Spanish */ }

        /* enter to search */
        [lang="fr"] .GlobalYSearchInput .focused label.form-label:after { content: "Recherche" !important; /* French (France) */ }
        [lang="fr-CA"] .GlobalYSearchInput .focused label.form-label:after { content: "Recherche" !important; /* French Canadian */ }
        [lang="de-DE"] .GlobalYSearchInput .focused label.form-label:after { content: "Suche" !important; /* German */ }
        [lang="es-ES"] .GlobalYSearchInput .focused label.form-label:after { content: "Buscar" !important; /* Spanish */ }

.righTopLinks { float: right }
/*------------------------------------------------------------------
[ 5.7.7 ] Terms Modal
    Location: Modal_Core and Modal_Course.js
*/
.TermsBox {  overflow-y: scroll; padding: 0 10px; }
iframe.termsFrame { height: 400px; }
a#aMarkTermAsRead { font-size: 16px; padding: 10px 43px; display: block; width: 530px; margin: 0 auto; max-width: 97% !important; box-sizing: border-box; height: unset; white-space: break-spaces; }

/*-----------------------------------------------------------------
 [  5.8 Tooltip]
*/
.popover { position: absolute; top: 0; left: 0; z-index: 10000000000; display: none; min-width: 80px; max-width: 470px; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box;   background-clip: padding-box; border: 1px solid #fff; -webkit-border-radius: 0px;  border-radius: 0px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); white-space: normal; }
    .popover.top { margin-top: -10px; }
    .popover.right { margin-left: 10px; }
    .popover.bottom { margin-top: 10px; }
    .popover.left { margin-left: -10px; }
.popover-title { margin: 0; padding: 8px 14px 3px 14px; font-size: 15px; font-weight: bold; line-height: 18px; background-color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; }
    .popover-title:empty { display: none; }
.popover-content { line-height: 18px; /* text-align: justify; */ padding: 8px 10px 10px 10px; font: normal 13px 'open sans'; }
.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover .arrow { border-width: 11px; }
    .popover .arrow:after { border-width: 10px; content: ""; }
.popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgb(213, 213, 213); bottom: -11px; }
    .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; }
.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgb(223, 223, 223); }
    .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; }
.popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgb(223, 223, 223); top: -11px; }
    .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgb(223, 223, 223); }
    .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; }

 
/*------------------------------------------------------------------
[ 5.18 ] eSign
*/
/* eSign - Modal */
.ysign-modal-body { }
    .ysign-modal-body .ysign-modal-title { color: white; padding-left: 8px; padding-top: 10px; font-size: 20px; line-height: 20px; }
    .ysign-modal-body .ysign-modal-description { color: white; padding-left: 10px; padding-bottom: 15px; }
    .ysign-modal-body .GenericContainer, .ysign-modal-body .GenericContainer .paddingbottom10 { padding-bottom: 0; }
.esign-info { padding: 5px 35px 5px 5px; border-radius: 4px; text-align: left; position: absolute; left: 300px; background-color: #f3f3f3; color: #444; margin-bottom: 20px; }
#publicSignNameConfirmationModal.modal.ySigModal .modal-dialog { left: 87px; position: relative; top: 54px; padding: 25px; }
#publicSignNameConfirmationModal.ySigModal .modal-title { margin-left: 0px; padding-top: 9px; font-size: 25px; margin-bottom: 22px; }
#publicSignNameConfirmationModal.ySigModal .modal-body b { font-size: 15px; color: #5f5f5f; line-height: 22px; }
#publicSignNameConfirmationModal.ySigModal .modal-body p { margin-bottom: 20px; }
#publicSignNameConfirmationModal.ySigModal .modal-body .formtextfieldWhite { padding: 7px !important; font-size: 18px !important; }
#publicSignNameConfirmationModal.ySigModal .modal-body #btnConfirmName { width: 300px; height: 50px; font-size: 17px !important; margin-top: 30px; background-color: #75A646; color: #fff !important; text-transform: uppercase; outline: none; max-width: 52%; }
#spnYsignDocConfig { display:none !important; }
/* eSign - Editor iFrame */
.ysign-editor-frame { width: 100%; height: 800px; margin-bottom: -4px; /*border-bottom: 1px solid #e4e4e4;*/ }

/* eSign - General Styling Updates */
.page button[issigned="True"] {text-align: left;}
body[class*="ysign-mode-readonly"] #toolbarMenu { display: none; }
.ysign-mode-readonly-public #email {display: none; }
textarea.no-inherit { margin: 0px; padding-left: 0px; padding-right: 0px; color: inherit; }
.custom-dropdown-selection { margin-right: 6px; }
.es-custom-dropdown { text-align: left; left: 0; }
.es-custom-dropdown li { padding: 4px; }

/* eSign - Multi Sign */
#ddlSigners {
    font-size: 12px;
    width: 100%;
    margin-bottom: 4px;
    padding: 4px 0px;
    text-align-last: center;
}

/* YSign Multi Signature - Admin_YSign */
.signer{border-left:4px solid;}
.ms-grid-item{border:1px solid #d9d9d9;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);background-color:#fff;border-radius:3px;min-width:320px;position:relative;display:inline-block;padding:12px;}
/*.signer.signer-color-0{border-left-color:#ffd65b*/ /* Yellow */ /*}
.signer.signer-color-1{border-left-color:#c3d5e6*/ /* Grey-Blue */ /*}
.signer.signer-color-2{border-left-color:#c0a5cf*/ /* Purple */ /*}
.signer.signer-color-3{border-left-color:#acdce6*/ /* Blue */ /*}
.signer.signer-color-4{border-left-color:#97c9bf*/ /* Blue-Green */ /*}
.signer.signer-color-5{border-left-color:#f7b994*/ /* Orange */ /*}
.signer.signer-color-6{border-left-color:#cfdb7f*/ /* Dull-Green */ /*}
.signer.signer-color-7{border-left-color:#ff9980*/ /* Salmon */ /*}
.signer.signer-color-8{border-left-color:#e6c6e6*/ /* Pink-Purple */ /*}
.signer.signer-color-9{border-left-color:#ffb3c6*/ /* Pink */ /*}*/
.signer-color-00{border:0px;border-left: 4px solid #fe0000 /* Red */}
.signer-color-0{border:0px;border-left: 4px solid #ffd65b /* Yellow */}
.signer-color-1{border:0px;border-left:4px solid #c3d5e6 /* Grey-Blue */}
.signer-color-2{border:0px;border-left:4px solid #c0a5cf /* Purple */ }
.signer-color-3{border:0px;border-left:4px solid #acdce6 /* Blue */}
.signer-color-4{border:0px;border-left:4px solid #97c9bf /* Blue-Green */}
.signer-color-5{border:0px;border-left:4px solid #f7b994 /* Orange */}
.signer-color-6{border:0px;border-left:4px solid #cfdb7f /* Dull-Green */}
.signer-color-7{border:0px;border-left:4px solid #ff9980 /* Salmon */}
.signer-color-8{border:0px;border-left:4px solid #e6c6e6 /* Pink-Purple */}
.signer-color-9{border:0px;border-left:4px solid #ffb3c6 /* Pink */}
.signer .signer-header{padding-bottom:4px}
.signer .signer-pfp{float:left;width:65px;height:65px}
.signer .signer-contact-info{display:inline-block;padding-left:12px}
.signer .signer-contact-info .signer-name{font-size:15px;display:block}
.signer .signer-contact-info .signer-email{font-size:13px;display:block;position:absolute}
.signer .signer-remove{position:absolute;right:8px;top:0}
.signer .signer-remove::after{content:'✕'}
.eSignAttendeeModal{display:inline-block}
.eSignAttendeeModal .dropdown-menu{left:1px}
#gdRosESignMultiSignature tr{background-color:inherit}
.signer-legend-item{padding-right:4px;}
#ddlSignersSelect2Container{top:-11px;width:157px;margin-bottom:4px;display:inline-block;position:relative;}
#ddlSignersLegendSelected{position:absolute;left:-3px;height:28px;}
#multiSignEmailNotification{text-align:left;}

/* YSign Multi Signature - Token Colors (Coordinates w/ above admin view tiles) */
.action.signer-color-00{background:#fe0000 /* Red */}
.action.signer-color-0{background:#ffd65b; /* Yellow */ }
.action.signer-color-1{background:#c3d5e6; /* Grey-Blue */}
.action.signer-color-2{background:#c0a5cf; /* Purple */ }
.action.signer-color-3{background:#acdce6; /* Blue */}
.action.signer-color-4{background:#97c9bf; /* Blue-Green */}
.action.signer-color-5{background:#f7b994; /* Orange */}
.action.signer-color-6{background:#cfdb7f; /* Dull-Green */}
.action.signer-color-7{background:#ff9980; /* Salmon */}
.action.signer-color-8{background:#e6c6e6; /* Pink-Purple */}
.action.signer-color-9{background:#ffb3c6; /* Pink */}

/* Google Translate*/
body > .skiptranslate { position: fixed; }
a.goog-logo-link { font-size: 0px !important; line-height: 17px; vertical-align: top; }

select.goog-te-combo { margin-top: -10px !important; margin-bottom: 0px !important; }
div#google_translate_element { padding-left: 20px; padding-right: 9px; }
a.goog-logo-link { padding: 0px 0 0px 4px !important; }
.skiptranslate.goog-te-gadget { opacity: 0.9; margin-top: -6px; margin-bottom: 10px; }

/*------------------------------------------------------------------
[ 5.19 ] Test/Survey/Review question Layout
*/
.TestDataList td { max-width: 1000px; overflow: hidden; }

.QuestionEntry .horizontalDisplay tbody { display: flex; flex-direction: row; flex-wrap: wrap; }
.QuestionEntry .horizontalDisplay tr { background-color: #e8e8e8; margin-left: 8px; margin-top: 8px; width: 100px; line-height: 100px; max-height: 100px; text-align: center; cursor: pointer; box-sizing: border-box; overflow: hidden; }
    .QuestionEntry .horizontalDisplay tr:hover, .QuestionEntry .horizontalDisplay tr:focus { background-color: #fffcde }
.QuestionEntry .horizontalDisplay td { width: 100%; display: inline-block; vertical-align: middle; overflow: visible; }
.QuestionEntry .horizontalDisplay label { float: none; display: inline-block; z-index: 1; position: relative; max-width: 90px; max-height: 80px; width: 100%; height: 100%; padding: 10px 5px !important; top: -1px; left: -1px; word-break: break-word; }
    .QuestionEntry .horizontalDisplay label::after { content: ""; position: absolute; height: 130px; width: 100px; left: 0; top: -32px; z-index: -1; }
.QuestionEntry .horizontalDisplay input[type=radio]:checked + label::after, .QuestionEntry .horizontalDisplay input[type=checkbox]:checked + label::after { background-color: #ffe19b; }
.QuestionEntry .horizontalDisplay input[id*="rblAnsOpts"], .QuestionEntry .horizontalDisplay input[id*="cblAnsOpts"] { display: none; }

/*review in Course Page*/
.Coursecontent .QuestionRowDiv .horizontalDisplay tbody { display: flex; flex-direction: row; }
.Coursecontent .QuestionRowDiv .horizontalDisplay .StudentAnswerChoice { margin-left: 0; margin-right: 0; }
.Coursecontent table.marginleft30.horizontalDisplay { margin-bottom: 40px; }
.QuestionRowDiv .horizontalDisplay .CorrectAnswer, .QuestionRowDiv .horizontalDisplay .WrongAnswer { font-size: 13px; }

/* MOBILE App Overide  */

/*All modals */
.dashboard form#mainForm[action*="?isMobile=1"] ~ .modal .modal-footer,
.dashboard form#mainForm[action*="?isMobile=1"] ~ .modal .YardiHelp,
.dashboard form#mainForm[action*="?isMobile=1"] ~ .modal .edit-resource,
.dashboard form#mainForm[action*="?isMobile=1"] ~ .modal .modal-header { display: none !important; }

.dashboard form#mainForm[action*="?isMobile=1"] ~ .modal .close {
    display: block !important;
}

/* Hides X on eSign modal */
#MyBody form[action="./eSign?isMobile=1"] ~ #ySignDocumentEditPopupModal .close {
    display: none !important;
}

#MyBody form[action="./eSign?isMobile=1"] ~ #ySignDocumentEditPopupModal .ysign-editor-frame {
    width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;
}

/* Hides X on reference modal */
#MyBody form[action="./dashboard?isMobile=1"] ~ #lpRefModal .close {
    display: none !important;
}

/* make emdedded media content not go off screen on mobile */
#MyBody form[action="./dashboard?isMobile=1"] ~ #lpRefModal .media_embed,
#MyBody form[action="./dashboard?isMobile=1"] ~ #lpRefModal .media_embed iframe {
    width: 100% !important;
}

/* Hides X on test/survey modal inside the form that isMobile=1 */
.dashboard form#mainForm[action*="?isMobile=1"] #pnlTestModalContainer .close {
    display: none !important;
}

/* give test/survey more padding */
.dashboard form#mainForm[action*="?isMobile=1"] #pnlTestModalContainer .modal-dialog .TestModalStyle {
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: auto;
}

/* makes Test show up */
.dashboard form#mainForm[action*="?isMobile=1"] {
    display: block;
}

/* remove X from resource modal */
#MyBody form[action="./resource?isMobile=1"] ~ #FAQModal .close {
    display: none !important;
}



/* fix pos for  rtp tooltip */
.course form[action*="?isMobile=1"] ~ .popover.course_rtp_tooltip_adjust_arrow { position: fixed !important; top: 0px !important; width: 65%; left: 0 !important; }
/* rtp tooltip more like a banner */
.course form[action*="?isMobile=1"] ~ .popover.course_rtp_tooltip_adjust_arrow .arrow { opacity: 0; }

/*Test / survey */
.dashboard form#mainForm[action*="./Survey?isMobile=1"] { display: block }

.dashboard form#mainForm[action*="?isMobile=1"] #BlankThemeBody_AdminMenu_test,
.dashboard form#mainForm[action*="?isMobile=1"] #BlankThemeBody_MainstudentNav,
.dashboard form#mainForm[action*="?isMobile=1"] #BlankThemeBody_headersection,
.dashboard form#mainForm[action*="./Survey?isMobile=1"] .ShowModal .close { display: none }

/* Hide Announcement Modal */
#MyBody form[action="./dashboard?isMobile=1"] ~ #AnnouncementModal[style],
.dashboard form#mainForm[action*="./Survey?isMobile=1"] ~ #AnnouncementModal[style],
.dashboard form#mainForm[action*="./eSign?isMobile=1"] ~ #AnnouncementModal[style],
#MyBody form[action="./Catalog?isMobile=1"] ~ #AnnouncementModal[style] {
    display: none !important;
    visibility: hidden;
}

/* Course page landscape fix for pixel devices or similar */
@media (max-width: 1024px) {
    html, body, form {
        min-width: 100% !important;
    }
}

/* Move the due date where it doesn't obscure the lp title */
#MyBody form[action="./Catalog?isMobile=1"] ~ #LearningPlanModal span.DueBy.due2 {
    position: unset;
    padding: 4px 8px 4px 8px;
    display: inline-block;
}

/*Esign signature modal issue */
@media screen and (max-width: 600px) {
    .nav-tabs > li > a { min-width: unset !important }
}

/* Resource section  : */
.dashboard form#mainForm[action="./resource?isMobile=1"] { display: none !important; }

.dashboard form#mainForm[action="./resource?isMobile=1"] + .modal .close,
.dashboard form#mainForm[action="./resource?isMobile=1"] + .modal .modal-footer,
.dashboard form#mainForm[action="./resource?isMobile=1"] + .modal .YardiHelp,
.dashboard form#mainForm[action="./resource?isMobile=1"] + .modal .edit-resource,
.dashboard form#mainForm[action="./resource?isMobile=1"] + #FAQModal .modal-header,
.dashboard form#mainForm[action="./resource?isMobile=1"] + #FAQModal #chbFaqTitleOnly,
.dashboard form#mainForm[action="./resource?isMobile=1"] + #FAQModal #chbFaqTitleOnly + label { display: none !important; }

.dashboard form#mainForm[action="./resource?isMobile=1"] + #FAQModal .GenericContainer { padding: 0px !important; }
.dashboard form#mainForm[action="./resource?isMobile=1"] + #FAQModal .modal-dialog { padding-left: 0px !important; padding-top: 0px !important; }

.dashboard form#mainForm[action="./resource?isMobile=1"] ~ #AnnouncementModal[style] {
    display: none;
    visibility: hidden;
}

/* Course Overrides */

/* centers achievement notty at the bottom of page for mobile */
#MyBody form[action="./Course?isMobile=1"] ~ #nottys {
    width: 80%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

#MyBody form[action="./Course?isMobile=1"] #BlankThemeBody_MainstudentNav {
    display: block;
}

#MyBody form[action="./Course?isMobile=1"] #BlankThemeBody_headersection {
    display: none;
}

#MyBody form[action="./Course?isMobile=1"] #Note {
    max-width: 100% !important;
}

#MyBody form[action="./Course?isMobile=1"] .SubGrayBar.HideForScreenshot {
    padding: 3px 0 16px 0 !important;
}

#MyBody form[action="./Course?isMobile=1"] .courseContainer {
    border-bottom: solid 0px #ccc;
    border-left: solid 0px #ccc;
    border-right: solid 0px #ccc;
    overflow-y: hidden;
}

/* overrides expanded width content for mobile */
#MyBody form[action="./Course?isMobile=1"] .container,
#MyBody form[action="./Course?isMobile=1"] .navbar-static-top .container,
#MyBody form[action="./Course?isMobile=1"] .navbar-fixed-top .container,
#MyBody form[action="./Course?isMobile=1"] .navbar-fixed-bottom .container,
#MyBody form[action="./Course?isMobile=1"] .SubGrayBar,
#MyBody form[action="./Course?isMobile=1"] .cinemagic {
    width: 100% !important;
}

/* make course side control always stick to the right */
#MyBody form[action="./Course?isMobile=1"] .CourseSideControls {
    margin-left: 0px !important;
    position: absolute;
    right: 0px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    top: 250px;
}

#MyBody form[action="./Course?isMobile=1"] .ProgressBarCourse {
    right: 0px !important;
}

#MyBody form[action="./Course?isMobile=1"] #BlankThemeBody_AdminMenu_content_pnlCourseContent {
    width: 100%;
}

/* end expanded width content overrides */

#MyBody form[action="./Course?isMobile=1"] .Previcons,
#MyBody form[action="./Course?isMobile=1"] .Nexticons {
    display: none;
}

#MyBody form[action="./Course?isMobile=1"] #buttonNav {
    margin-top: -23px !important;
}

#MyBody form[action="./Course?isMobile=1"] .subMenuLeft {
    margin-top: 0px !important;
}

#MyBody form[action="./Course?isMobile=1"] .dashboard .icon-dashboard {
    background-position-y: -49px !important;
    background-position-x: -1px !important;
}

#MyBody form[action="./Course?isMobile=1"] #btnPrevtPage,
#MyBody form[action="./Course?isMobile=1"] #btnNextPage {
    font-size: 25px !important;
    line-height: 17px !important;
    padding-top: 12px !important;
    padding-bottom: 20px !important;
    margin-top: 0px;
}

#MyBody form[action="./Course?isMobile=1"] .MainCourseContainer {
    padding-bottom: 10px !important;
}

#MyBody form[action="./Course?isMobile=1"] #lblcourseTitle {
    font: 500 16px 'open sans';
    margin-top: 0px;
    width: calc(100% - 200px );
    height: auto;
}

#MyBody form[action="./Course?isMobile=1"] .subMenuLeft a {
    left: 183px;
    font-size: 17px;
    font-weight: 500;
}

#MyBody form[action="./Course?isMobile=1"] #wrapper {
    background-image: none;
    background-color: #fff;
}

#MyBody form[action="./Course?isMobile=1"] #footer {
    display: none;
}

#MyBody form[action="./Course?isMobile=1"] .courseContainer {
    box-shadow: none;
}

#MyBody form[action="./Course?isMobile=1"] .CourseTitle {
    height: auto;
}

#MyBody form[action="./Course?isMobile=1"] #BlankThemeBody_MainstudentNav {
    display: block;
}

#MyBody form[action="./Course?isMobile=1"] #TopStudentmenuShort .dashboard span {
    font-size: 0px !important
}

#MyBody form[action="./Course?isMobile=1"] #TopStudentmenuShort .dashboard span:after {
    font-size: 22px !important;
    z-index: 99;
    position: relative;
}

#MyBody form[action="./Course?isMobile=1"] #TopStudentmenuShort .dashboard span:after {
    font-size: 20px !important;
    content: 'Home';
    padding-left: 5px;
}

#MyBody form[action="./Course?isMobile=1"] .divExpirationsection {
    font-size: 15px !important;
    margin-left: 60px !important;
    margin-top: -10px !important;
}

#MyBody form[action="./Course?isMobile=1"] .StudentNavCompactView li.dashboard {
    width: 150px !important;
    padding: 0px !important;
    position: fixed;
    border-radius: 0 0 0 0;
    box-sizing: border-box;
    max-width: 150px;
    max-height: 60px;
    min-height: 30px;
}

#MyBody form[action="./Course?isMobile=1"] #btnPrevtPage,
#MyBody form[action="./Course?isMobile=1"] #btnNextPage {
    margin-top: 0px;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

/* Hide buttons/modals from mobile that can lead to broken states */
#MyBody form[action="./Course?isMobile=1"] #btnTestOut,
#MyBody form[action="./Course?isMobile=1"] .subMenuLeft a:nth-child(2),
#MyBody form[action="./Course?isMobile=1"] ~ #AnnouncementModal[style],
#MyBody form[action="./Course?isMobile=1"] ~ #CatalogDetailModal {
    display: none;
    visibility: hidden;
}

#MyBody form[action="./Course?isMobile=1"] ~ #CourseMapModal .modal-dialog {
    padding-left: 24px !important;
}

/* Catalog */
#MyBody form[action="./Catalog?isMobile=1"] #BlankThemeBody_headersection {
    visibility: hidden;
    display: none;
}

#MyBody form[action="./Catalog?isMobile=1"] #BlankThemeBody_AdminMenu_divActionPending {
    visibility: hidden;
    display: none;
}

#MyBody form[action="./Catalog?isMobile=1"] #BlankThemeBody_AdminMenu_test .container {
    padding-top: 16px;
}

#MyBody form[action="./Catalog?isMobile=1"] #mainCatalog {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 0px;
}

#MyBody form[action="./Catalog?isMobile=1"] #mainCatalog li {
    width: 150px;
}

#MyBody form[action="./Catalog?isMobile=1"] .studentCatalogFilters {
    display: none;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #CatalogDetailModal img {
    max-width: 100%;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #CatalogDetailModal .CatalogDetailActions {
    padding-right: 0px;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #CatalogDetailModal .reaction_widget_container {
    right: 0px;
    left: 0px;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #CatalogDetailModal #oveviewdiv {
    margin-top: 8px;
    z-index: 1;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #CatalogDetailModal #lbtnCourseSignup {
    margin-right: 0px !important;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #CatalogDetailModal .courseModalEditLink,
#MyBody form[action="./Catalog?isMobile=1"] ~ #CatalogDetailModal .CatalogDetailActions_top {
    display: none;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #UserSearchModal a#lbtnAdvanceSearch {
    margin-top: 0px;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #PrivateMsgModal .GenericContainer {
    height: 80vh;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #PrivateMsgModal .PrivateChatList {
    height: auto;
    max-height: 70px;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #PrivateMsgModal .PrivateChatView {
    height: 75vh;
}

#MyBody form[action="./Catalog?isMobile=1"] ~ #PrivateMsgModal .startPrivateConversation {
    display: none;
}

/* MOBILE App Overide END  */

/* #region language selection submenu */

/* Position submenus to the right */
.dropdown-submenu.lang-selection {
    position: relative;
}

/* Prevent Bootstrap from showing nested menus by default */
.dropdown-submenu.lang-selection .dropdown-menu {
    display: none !important;    
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: -1px;
    min-width: 180px;
}
.dropdown-submenu.lang-selection:hover>.dropdown-menu {
    display: block !important;
}
.dropdown-submenu.lang-selection > a#langMenuToggle, 
.dropdown-submenu.lang-selection a {
    font-size: 14px;
    color: rgba(52, 52, 53, 0.81) !important;
}
.dropdown-submenu.lang-selection a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f4f4f4;
}

/* #endregion */

/* #region translation hacks */

/* French and French (Canada) */
html[lang="fr-CA"],
[lang="fr-CA"],
html[lang="fr"],
[lang="fr"] {
    --prevpage: 'Précédent';
    --nextpage: 'Suivant';
    --coursemap: 'Carte du parcours';
    --myactivity: 'Mon activité';
    --coursematerials: 'Matériel du cours';
    --dash: 'Tableau de bord';
    --classdiscussions: 'Discussion de classe';
    --printmypages: 'Imprimer toutes mes pages';
    --testout: 'Test';
    --assignement: 'Épreuve';
    --filter_favorite: 'Favori';
    --save: 'Sauvegarder';
    --close: 'Fermer';
    --oopsrtp: "Oups! Veuillez participer à l'interaction ou terminer le média avant de continuer.";
    --tilehover: 'Survoler la tuile';
    --explanation: 'Explication:';
    --saved_after_next: 'Votre réponse sera envoyée quand vous cliquerez sur SUIVANT.';
    --incorrect_response: 'Cette réponse n’est pas correcte';
    --correct_response: 'Cette réponse est correcte';
    --oops_not_answered: 'Oups! Vous n’avez pas répondu à cette question.';
    --wrong_makeselect: 'Faites une sélection pour continuer';
    --correctanswer: 'Bonne réponse';
    --wronganswer: 'Mauvaise réponse';
    --StudentAnswerChoice: '(Votre choix)';
    --retake_test: 'REPRENDRE LE TEST';
    --submit: 'Soumettre';
    --maxattemptsfirst: 'Vous avez atteint le nombre maximal de tentatives';
    --maxattemptssecond: 'Pour obtenir le statut « terminé », vous devez reprendre et réussir le test.';
    --startover: 'Recommencer';
}

/* German (Germany) */
html[lang="de-DE"],
[lang="de-DE"] {
    --prevpage: 'Zurück';
    --nextpage: 'Weiter';
    --coursemap: 'Kursübersicht';
    --myactivity: 'Meine Aktivität';
    --coursematerials: 'Kursmaterialien';
    --dash: 'Dashboard';
    --classdiscussions: 'Kursdiskussion';
    --printmypages: 'Alle Seiten drucken';
    --testout: 'Test';
    --assignement: 'Prüfung';
    --filter_favorite: 'Favorit';
    --save: 'Speichern';
    --close: 'Schließen';
    --oopsrtp: 'Ups! Bitte interagieren Sie oder schließen Sie das Medium ab, bevor Sie fortfahren.';
    --tilehover: 'Über die Kachel fahren';
    --explanation: 'Erläuterung:';
    --saved_after_next: 'Ihre Antwort wird gesendet, sobald Sie auf WEITER klicken.';
    --incorrect_response: 'Diese Antwort ist nicht korrekt';
    --correct_response: 'Diese Antwort ist korrekt';
    --oops_not_answered: 'Ups! Sie haben diese Frage nicht beantwortet.';
    --wrong_makeselect: 'Bitte eine Auswahl treffen, um fortzufahren';
    --correctanswer: 'Richtige Antwort';
    --wronganswer: 'Falsche Antwort';
    --StudentAnswerChoice: '(Ihre Auswahl)';
    --retake_test: 'TEST WIEDERHOLEN';
    --submit: 'Senden';
    --maxattemptsfirst: 'Sie haben die maximale Anzahl an Testversuchen erreicht';
    --maxattemptssecond: 'Um diesen Kurs abzuschließen, müssen Sie den Test erneut ablegen und bestehen.';
    --startover: 'Neu beginnen';
}

/* Spanish (Spain) */
html[lang="es-ES"],
[lang="es-ES"] {
    --prevpage: 'Anterior';
    --nextpage: 'Siguiente';
    --coursemap: 'Mapa del curso';
    --myactivity: 'Mi actividad';
    --coursematerials: 'Material del curso';
    --dash: 'Panel';
    --classdiscussions: 'Debate de clase';
    --printmypages: 'Imprimir todas mis páginas';
    --testout: 'Prueba';
    --assignement: 'Examen';
    --filter_favorite: 'Favorito';
    --save: 'Guardar';
    --close: 'Cerrar';
    --oopsrtp: '¡Ups! Participa en la interacción o completa el medio antes de continuar.';
    --tilehover: 'Pasa el cursor por la tarjeta';
    --explanation: 'Explicación:';
    --saved_after_next: 'Tu respuesta se enviará cuando hagas clic en SIGUIENTE.';
    --incorrect_response: 'Esta respuesta no es correcta';
    --correct_response: 'Esta respuesta es correcta';
    --oops_not_answered: '¡Ups! No has respondido a esta pregunta.';
    --wrong_makeselect: 'Haz una selección para continuar';
    --correctanswer: 'Respuesta correcta';
    --wronganswer: 'Respuesta incorrecta';
    --StudentAnswerChoice: '(Tu elección)';
    --retake_test: 'REPETIR LA PRUEBA';
    --submit: 'Enviar';
    --maxattemptsfirst: 'Has alcanzado el número máximo de intentos';
    --maxattemptssecond: 'Para completar este curso, debes repetir y aprobar la prueba.';
    --startover: 'Empezar de nuevo';
}

/* =========================================================
   Localized UI rules (apply only when NOT en-US / en-GB)
   ========================================================= */

html:not([lang="en-US"]):not([lang="en-GB"]) .QuestionRowDiv p.errorm { font-size: 0px; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .QuestionRowDiv p.errorm:after { font-size: 13px; content: var(--incorrect_response); }

html:not([lang="en-US"]):not([lang="en-GB"]) .WrongAnswer { font-size: 0px !important; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .WrongAnswer:after { font-size: 13px; content: var(--wronganswer); }

html:not([lang="en-US"]):not([lang="en-GB"]) .CorrectAnswer { font-size: 0px !important; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .CorrectAnswer:after { font-size: 13px; content: var(--correctanswer); }

html:not([lang="en-US"]):not([lang="en-GB"]) .StudentAnswerChoice { font-size: 0px !important; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .StudentAnswerChoice:after { font-size: 13px; content: var(--StudentAnswerChoice); }

html:not([lang="en-US"]):not([lang="en-GB"]) .QuestionRowDiv p[style='color:#B60000;'] { font-size: 0px; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .QuestionRowDiv p[style='color:#B60000;']:after { font-size: 13px; content: var(--incorrect_response); }

html:not([lang="en-US"]):not([lang="en-GB"]) .QuestionRowDiv p[style='color:Green;font-weight:bold;'] { font-size: 0px; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .QuestionRowDiv p[style='color:Green;font-weight:bold;']:after { font-size: 13px; content: var(--correct_response); }

html:not([lang="en-US"]):not([lang="en-GB"]) p.TestCompMsg { font-size: 0px; }

    html:not([lang="en-US"]):not([lang="en-GB"]) p.TestCompMsg:after { font-size: 14px; content: var(--saved_after_next); }

html:not([lang="en-US"]):not([lang="en-GB"]) .QuestionExplanation u:first-child { font-size: 0px; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .QuestionExplanation u:first-child:after { font-size: 14px; content: var(--explanation); }

/* Max Test Attempts */
html:not([lang="en-US"]):not([lang="en-GB"]) #ReachMaxAttemptsModal p:nth-child(2) span { font-size: 0px !important; }

    html:not([lang="en-US"]):not([lang="en-GB"]) #ReachMaxAttemptsModal p:nth-child(2) span:after { font-size: 16px; content: var(--maxattemptsfirst); }

html:not([lang="en-US"]):not([lang="en-GB"]) #ReachMaxAttemptsModal p:nth-child(4) span { font-size: 0px !important; }

    html:not([lang="en-US"]):not([lang="en-GB"]) #ReachMaxAttemptsModal p:nth-child(4) span:after { font-size: 16px; content: var(--maxattemptssecond); }

html:not([lang="en-US"]):not([lang="en-GB"]) #ReachMaxAttemptsModal .btn-warning span { font-size: 0px !important; }

    html:not([lang="en-US"]):not([lang="en-GB"]) #ReachMaxAttemptsModal .btn-warning span:after { font-size: 16px; content: var(--startover); }

/* RTP TOOLTIPS */
html:not([lang="en-US"]):not([lang="en-GB"]) span#lblReqInteraction_tooltip { visibility: hidden; }

    html:not([lang="en-US"]):not([lang="en-GB"]) span#lblReqInteraction_tooltip:before { content: var(--oopsrtp); visibility: visible; position: absolute; top: 0; left: 0; margin-top: 10px; margin-bottom: 10px; padding: 8px 10px 10px 10px; }

/* ----------------------------------------------- OBO Buttons  ---------------------------------------------------- */
html:not([lang="en-US"]):not([lang="en-GB"]) .OBOSNav a.DisabledInput.btn { font-size: 0px !important; height: 20px !important; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .OBOSNav a.DisabledInput.btn:before { content: var(--prevpage); top: 0; left: 316px; min-width: 130px; color: #fff !important; margin: 0 11px; font-size: 18px; padding: 12px 20px; border-width: 0; user-select: none; pointer-events: none; border-color: #ddd !important; cursor: default !important; }

html:not([lang="en-US"]):not([lang="en-GB"]) .OBOSNav a.btn[onclick*="next"] { font-size: 0px !important; height: 20px !important; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .OBOSNav a.btn[onclick*="next"]:before { content: var(--nextpage); top: 0; left: 516px; color: #fff !important; margin: 0 11px; font-size: 18px; padding: 12px 20px; border-width: 0; user-select: none; pointer-events: none; border-color: #ddd !important; cursor: default !important; }

html:not([lang="en-US"]):not([lang="en-GB"]) .OBOSNav a.btn[onclick*="previous"] { font-size: 0px !important; height: 20px !important; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .OBOSNav a.btn[onclick*="previous"]:before { content: var(--prevpage); top: 0; left: 316px; color: #fff !important; margin: 0 11px; font-size: 18px; padding: 12px 20px; border-width: 0; user-select: none; pointer-events: none; border-color: #ddd !important; cursor: default !important; }

html:not([lang="en-US"]):not([lang="en-GB"]) .OBOSNav a.btn[onclick*="submit"] { font-size: 0px !important; height: 20px !important; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .OBOSNav a.btn[onclick*="submit"]:before { content: var(--submit); top: 0; left: 516px; color: #fff !important; margin: 0 11px; font-size: 18px; padding: 12px 20px; border-width: 0; user-select: none; pointer-events: none; border-color: #ddd !important; cursor: default !important; }

/* Interactions - Explore arrow and Hover tile */
html:not([lang="en-US"]):not([lang="en-GB"]) .exposeInteraction img,
html:not([lang="en-US"]):not([lang="en-GB"]) .exploreInteraction img { display: none; }

html:not([lang="en-US"]):not([lang="en-GB"]) .exploreInteraction:after { content: ''; display: block; background: url(https://learn.yardielearning.com/courses/Course_351/files/images/z_Thomas_test/exploreDown_fr.png); background-repeat: no-repeat; width: 116px; height: 32px; }

html:not([lang="en-US"]):not([lang="en-GB"]) .tilecrawl_hover_msg { visibility: hidden; position: relative; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .tilecrawl_hover_msg:after { visibility: visible; position: absolute; top: 0; left: 0; content: var(--tilehover); letter-spacing: 0px; }

/* Interactions - Panel (still hardcoded copy) */
html:not([lang="en-US"]):not([lang="en-GB"]) .panel_interaction_box_one.explore_panel_interaction:before { content: '⮪ Explorer' !important; left: 65px; }

html:not([lang="en-US"]):not([lang="en-GB"]) .panel_interaction_box_two.explore_panel_interaction:before { content: 'Explorer ⮫' !important; right: 65px; }

html:not([lang="en-US"]):not([lang="en-GB"]) .panel_interaction_box_three.explore_panel_interaction:before { content: '⮨ Explorer' !important; left: 65px; }

html:not([lang="en-US"]):not([lang="en-GB"]) .panel_interaction_box_four.explore_panel_interaction:before { content: 'Explorer ⮩' !important; right: 65px; }

/* Interactions - Wizard */
html:not([lang="en-US"]):not([lang="en-GB"]) .wizPrev.btn,
html:not([lang="en-US"]):not([lang="en-GB"]) .wizNext.btn { text-indent: -9999px; overflow: hidden; white-space: nowrap; position: relative; width: 50px; height: 26px; display: flex; justify-content: center; align-items: center; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .wizPrev.btn::after { content: var(--prevpage); text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; }

    html:not([lang="en-US"]):not([lang="en-GB"]) .wizNext.btn::after { content: var(--nextpage); text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; }

/* Matching and Linking Question Modifications (kept hardcoded like your original) */
html:not([lang="en-US"]):not([lang="en-GB"]) ._jsPlumb_overlay.endpointSourceLabel { text-indent: -9999px; overflow: hidden; white-space: nowrap; position: relative; width: 100px; height: 26px; display: flex; justify-content: center; align-items: center; }

    html:not([lang="en-US"]):not([lang="en-GB"]) ._jsPlumb_overlay.endpointSourceLabel::after { content: 'Faites glisser'; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; }

html:not([lang="en-US"]):not([lang="en-GB"]) ._jsPlumb_overlay.aLabel { text-indent: -9999px; overflow: hidden; white-space: nowrap; position: relative; width: 70px; height: 26px; display: flex; justify-content: center; align-items: center; }

    html:not([lang="en-US"]):not([lang="en-GB"]) ._jsPlumb_overlay.aLabel::after { content: 'Supprimer'; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; }

html:not([lang="en-US"]):not([lang="en-GB"]) ._jsPlumb_overlay.endpointTargetLabel { text-indent: -9999px; overflow: hidden; white-space: nowrap; position: relative; display: none !important; justify-content: center; align-items: center; }

    html:not([lang="en-US"]):not([lang="en-GB"]) ._jsPlumb_overlay.endpointTargetLabel._jsPlumb_hover { display: none !important; }

:root {
    --wikiSave: 'Save';
}

html[lang="fr"],
[lang="fr-CA"] {
    --wikiSave: 'Sauvegarder';
}

html[lang="es-ES"],
[lang="es-ES"] {
    --wikiSave: 'Guardar';
}

html[lang="de-DE"],
[lang="de-DE"] {
    --wikiSave: 'Speichern';
}

.btn-save-wiki::after {
    content: var(--wikiSave, 'Save');
}

/* #endregion */
/*! jQuery UI - v1.9.0 - 2012-10-05
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }
.ui-helper-hidden-accessible div { display: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; outline: none }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }

.ui-autocomplete { position: absolute; cursor: default; border: 1px solid #CCC !important; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; min-width: 17em; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 1px solid #dfdfdf !important; }
    .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
    .ui-datepicker .ui-datepicker-prev { left: 2px; padding: 1px; font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; }
        .ui-datepicker .ui-datepicker-prev:before { content: "\edd2"; top: 5px; position: relative; left: 4px; }
    .ui-datepicker .ui-datepicker-next { right: 2px; padding: 1px; font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; }
        .ui-datepicker .ui-datepicker-next:before { content: "\edce"; top: 5px; position: relative; left: 6px; }
    .ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
    .ui-datepicker .ui-datepicker-next-hover { right: 1px; }
    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
    .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
        .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
    .ui-datepicker select.ui-datepicker-month-year { width: 100%; }
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year { width: 40%; margin-left: 5px; margin-right: 5px; padding-left: 10px; outline: none; }
    .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
    .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
    .ui-datepicker td { border: 0; padding: 1px; }
        .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 3px; text-align: right; }
    .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
        .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }

.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }

.ui-datepicker .ui-widget-header { background: rgba(162, 162, 162, 0.29); color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/

.ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-focus { background: #e2e2e2; color: #000000; }
.ui-datepicker .ui-widget-header .ui-state-hover { border: 1px solid rgba(253, 245, 206, 0.8); background: rgba(253, 245, 206, 0.8); font-weight: 500 }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active {  background-color: #ffffff; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration: none; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget-content { border: 0px solid #f1f1f1; background: #f8f8f8; color: #333333; }
.ui-datepicker .ui-widget-header { background: rgba(162, 162, 162, 0.29); color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }


/* Interaction Cues ---------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: rgba(142, 166, 196, 0.7); color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }

/* Icons ----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; }
.ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); }

/* positioning */
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }

/*------------------------------------------------------------------
[0. Font Declarations ]
*/
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); font-display: swap; }

/*------------------------------------------------------------------
[1. Button container]
*/
    .btnYardiHelp:hover {     opacity: .8 !important;}
    .modal-open .btnYardiHelp {display:none}
/*------------------------------------------------------------------
[2. Modal ]
*/
/*  MODAL  */
#YardiHelpModal { position: relative; z-index: 9999999 !important; }
    #YardiHelpModal.modal { display: none; overflow: auto !important; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 9999999 !important; width: 100% !important; max-width: 100% !important; border-radius: 0px !important; background-color: rgba(255, 255, 255, 0) !important; }
    #YardiHelpModal.modal.modal.in { background-color: rgba(0, 0, 0, 0.3) !important; }
    #YardiHelpModal .modal-dialog { width: 1232px !important; z-index: 1050 !important; margin: 50px auto 40px auto !important; box-shadow: 0 3px 9px rgba(0,0,0,.3) !important; border-radius: 2px !important; overflow: visible !important; min-height: 48px !important; bottom: unset !important; position: unset !important;    left: auto !important;right: auto !important; }
    #YardiHelpModal .GenericContainer { position: relative; -webkit-overflow-scrolling: touch; padding-bottom: 0px !important; }
    #YardiHelpModal .modal-header { padding: 0px !important; position: relative; margin: 0px !important; border-width: 0px !important; min-height: 0px !important;border-width: 0px !important; }
        #YardiHelpModal .modal-header span { font-family: 'open sans';   color: #666;border-width:0px !important }
            #YardiHelpModal .modal-header span .closeYhelpmodal { font-size: 55px !important; line-height: 45px!important; cursor: pointer !important; position: absolute !important; top: 5px !important; right: 20px !important; z-index: 9999 !important; color: #777; font-weight: 500 !important; font-family: serif !important; }
                #YardiHelpModal .modal-header span .closeYhelpmodal:focus { outline: -webkit-focus-ring-color auto 1px; }
            #YardiHelpModal .modal-header span .pinYhelpmodal { right: 75px; top: 9px; opacity: .9;z-index: 999;  position:absolute ;cursor: pointer;display:none}
            #YardiHelpModal .modal-header span .popupYhelpmodal { right: 75px; top: 3px; opacity: .9; z-index: 999; position: absolute; cursor: pointer; padding-top: 10px; padding-bottom: 10px; }
                #YardiHelpModal .modal-header span .popupYhelpmodal img { vertical-align: top; }
                #YardiHelpModal .modal-header span .popupYhelpmodal:focus { outline: -webkit-focus-ring-color auto 1px; }
/*  MODAL  */
#AspireCourseModal { position: relative; z-index: 9999999 !important; display: none; overflow: auto !important; position: fixed !important; top: 135px; right: 0 !important; bottom: 0 !important; left: auto !important; z-index: 9999999 !important; width: 480px !important; border-radius: 0px !important; background-color: rgba(255, 255, 255, 0) !important; border-left: 1px solid #ddd; box-shadow: 0px 0px 21px -13px #000; transition: -webkit-transform .3s ease; transform: translate(100%,0); }
    #AspireCourseModal.in  { transform: translate(0,0); }
    #AspireCourseModal .modal-dialog { width: 100% !important; z-index: 1050 !important; margin: 0 !important; box-shadow: none !important; border-radius: 2px !important; overflow: visible !important; height: 100% !important; bottom: unset !important; position: unset !important; left: auto !important; right: auto !important; pointer-events: auto !important; max-height: 100% !important }
    #AspireCourseModal .GenericContainer { position: relative; -webkit-overflow-scrolling: touch; padding-bottom: 0px !important;height:100% !important }
        #AspireCourseModal .GenericContainer .AspireRelatedTrainingBody { position: relative; padding-bottom: 0px !important; height: 99% !important; }
    #AspireCourseModal .modal-header { padding: 0px !important; position: relative; margin: 0px !important; border-width: 0px !important; min-height: 0px !important; border-width: 0px !important; height: 0px !important }
        #AspireCourseModal .modal-header span { font-family: 'open sans'; color: #666; border-width: 0px !important }
            #AspireCourseModal .modal-header span .closeYhelpmodal { font-size: 55px !important; line-height: 45px !important; cursor: pointer !important; position: absolute !important; top: 5px !important; right: 20px !important; z-index: 9999 !important; color: #777; font-weight: 500 !important; font-family: serif !important; }
                #AspireCourseModal .modal-header span .closeYhelpmodal:focus { outline: -webkit-focus-ring-color auto 1px; }
 

 /* Side Modal*/
#YardiHelpModal.modal.sideModal { position: relative; overflow: auto !important; position: fixed !important; top: 0px !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 600px !important; border-radius: 0 !important; background-color: rgba(255,255,255,0) !important; border-left: 1px solid #ddd; box-shadow: 0 0 21px -13px #525252; transition: -webkit-transform .3s ease; transform: translate(100%,0); }
    #YardiHelpModal.modal.sideModal.in { transform: translate(0,0); }
#YardiHelpModal.sideModal .modal-dialog { width: 100% !important; z-index: 1050 !important; margin: 0 !important; box-shadow: none !important; border-radius: 2px !important; overflow: visible !important; height: 100% !important; bottom: unset !important; position: unset !important; left: auto !important; right: auto !important; pointer-events: auto !important; max-height: 100% !important; }


/*  styling is updated for modal Footer  */
#YardiHelpModal .modal-footer { padding-top: 6px; text-align: right; border-top: 1px solid #e5e5e5;display:none; }
   #YardiHelpModal .modal-footer:after { clear: both; }
   #YardiHelpModal .modal-footer .btn  { font-weight: 500 !important; font-size: 13px; font-family: 'Open Sans'; text-decoration: none !important; background-color: #F9F9F9;  padding: 4px 12px; margin-bottom: 0; line-height: 20px; vertical-align: middle; cursor: pointer; color: #464646; border: 1px solid #E4E4E4; border-bottom-color: #EAEAEA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: 0.25s; transition-property: initial; transition-duration: 0.25s; transition-timing-function: initial; transition-delay: initial; outline: none; }
/*.learnMore { float: left; line-height: 30px; font-size: 14px; color: #1a49b9; font-family: 'open sans'; text-decoration:none}*/
.modal-open { overflow: hidden !important; }
 

/* pinned State   */
#YardiHelpModal.yHelpPinned { height: 376px; bottom: inherit; position: fixed;  overflow: hidden; padding:0px !important  }
    #YardiHelpModal.yHelpPinned .modal-header { padding: 15px; position: relative; float: right; background: rgba(255, 255, 255, 0.8); position: absolute; right: 17px; width: 90px; height: 12px; z-index: 9999999;     border-bottom-left-radius: 10px;}
    #YardiHelpModal.yHelpPinned .modal-dialog { margin: 0px !important; padding: 0 !important; box-shadow: none; width: 100% !important; height: 376px;    border-bottom: 2px solid #dadada; }
#YardiHelpModal.yHelpPinned .modal-dialog .ContentFrame {  height: 291px;     transition: none !important; }
    #YardiHelpModal.yHelpPinned +.modal-backdrop  {display:none;background-color: rgba(189, 189, 189, 0.61)}
    /* Mask for resizer to protect dragg.*/
.YhelpMask { position: absolute; top: 0; width: 0; margin: 0; padding: 0; width: 99%; height: 100%;    display: none;   }
.yHelpPinned.modal-open {overflow:auto;  position:initial !important}
/* end Pinned State*/

/* Search */
div[id*='pnlfilterlable'], div[id*='pnlfilterlableBook'] { padding-left: 0px; width: 100%; }
.YHSearchResultItem { transition: background .2s; cursor: pointer; margin: 30px 10px 35px 10px; }
    .YHSearchResultItem:hover { background: #f7f7f7; }
    .YHSearchResultItem em { font-weight: 800; font-style: normal; }
    .YHSearchResultItem #containerName, .YHSearchResultItem #rName { font-size: 18px; margin-bottom: 3px; display: inline-block; color: #1a439e; }
    .YHSearchResultItem .rIDLabel { color: transparent; }
    .YHSearchResultItem #keywordMatch { font-size: 13px; }    
    .YHSearchResultItem #sectionName { display: block; }
.YHSearchResultsCount { font-size: 14px; color: #70757a; margin-left: 35px; }
.YHSearchResultItem #contentMatch { display: block; max-height: 35px; overflow: hidden; }
.YHSearchResults #noResultsLbl { display: block; font-size: 18px; }
.YHSearchResults .spellSuggest { font-size: 14px; color: #dd4b39; }
    .YHSearchResults .spellSuggest .suggestTerm { padding-right: 20px; }
    .YHSearchResults .spellSuggest .suggestTerm:hover { text-decoration: underline; }
.YHSearchResults #resultSet { list-style: none; padding-left: 0; margin-right: 40px; }
.yhREsourceItems.imgIcons.margintop15 { display: none; }

.YHSearchResultItem.Section span#rName:after { content: 'Chapter'; border: 1px solid #ebebeb; border-radius: 2px; padding: 0 4px; display: inline-block; height: 14px; line-height: 16px; text-align: center; font-weight: normal; color: #4d5156; font-size: 11px; letter-spacing: 0.75px; vertical-align: middle; margin-left: 10px; }
.YHSearchResultsCount { margin-left: 58px; margin-top: 5px; display: block; }
#loadMore { font-size: 18px !important; padding: 20px 100px !important; border-bottom: 4px solid #9c9c9c; transition: all .3s; margin-top: 8px; }
#loadMore:hover { border-bottom: 7px solid #64bd47; background-color: #f1f1f1; margin-bottom: -3px; }

    /*  MODAL  */
    /*-------------------------------------------------------------------- 
    [4. Other]
*/
    #YardiHelpModal .ContentFrame { border: none; transition: height .1s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; margin-bottom: -6px }

/*Inner modal  loading Grear*/
.YHelpLoading { z-index: 9030; position: absolute; left: 50%; margin-left: 0px;top: 2px;}
 

.yHelpPinned .YHelpLoading { top: 15px; }
/* Resizer*/
#YardiHelpModal .ui-resizable-se,#YardiHelpModal .ui-resizable-se,#YardiHelpModal .ui-resizable-e {display:none !important}
#YardiHelpModal .ui-resizable-handle.ui-resizable-s:before { content: ''; width: 21px; height: 20px; background-color: #dadada; position: absolute; color: #fff; right: 17px; bottom: 3px; background-image: url(/images/controls/drag.png); background-repeat: no-repeat; background-position-x: 7px; background-size: 12px; background-position-y: 3px; z-index: 99999; }
#YardiHelpModal .ui-resizable-handle.ui-resizable-s:after { content: 'Drag to Resize'; height: 20px; background-color: #dadada; position: absolute; bottom: 3px; border-radius: 92PX 0 0 92px; color: #444; font-size: 14px; text-align: center; font-family: 'open sans'; right: 35px; line-height: 19px; transition: width .2s; transition-timing-function: cubic-bezier(.22,.61,.36,1); width: 0; overflow: hidden; }
#YardiHelpModal .ui-resizable-handle.ui-resizable-s:hover:after { width: 119px; }
#YardiHelpModal .ui-resizable-handle.ui-resizable-s.forcedHover:after { width: 159px;     background-color: #7cdf21 }
#YardiHelpModal .ui-resizable-handle.ui-resizable-s:active:after { width: 0px; }
#YardiHelpModal .ui-resizable-handle.ui-resizable-s { cursor: s-resize; height: 0px; bottom: 1px; }


/*------------------------------------------------------------------
[ 4.11 Alert Notice (Nottys) ]
    File(s): Achievements.js, Common.js
*/
#nottys { position: fixed; bottom: 55px; right: 20px; width: 390px; z-index: 999999999999; }
    #nottys .notty { display: none; font: normal 12px 'open sans'; position: relative; user-select: none; overflow: auto; cursor: pointer; padding: 20px 5px; margin-bottom: 35px; background: #fff !important; border: 2px solid #378afc; border-radius: 4px; box-shadow: rgba(26, 53, 101, 85%) -3px 10px 20px -7px; }
        #nottys .notty .MainContent { width: 65%; float: left; }
        #nottys .notty .hidenoty { position: absolute; font-weight: bold; line-height: 20px; background: #d8d8d8; background: #fff; color: #3F3F3F; right: 0px; top: 0px; padding: 3px 9px 3px 10px; border-bottom-left-radius: 6px; cursor: pointer; opacity: .4; border-bottom: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; font-size: 17px; }
        #nottys .notty .hidenoty:hover { background: #DDD; }
        #nottys .notty .hideClickMessage { position: absolute; font-weight: 600; line-height: 20px; height: 13px; right: 0px; bottom: 3px; padding: 5px 19px 12px 15px; cursor: pointer; text-decoration: underline; color: #5C5C5C; }
            #nottys .notty .hideClickMessage:hover { text-decoration: none; }
        #nottys .notty .img { width: 80px; float: left; }
        #nottys .notty img { max-width: 70px; min-width: 45px; min-height: 35px; max-height: 70px; border-radius: 6px; }
        #nottys .notty h2 { margin: 5px 0px 5px 3px; font-size: 15px; font-weight: 600; }

#alert-nottys { position: fixed; top: 70px; right: 20px; z-index: 999999999999; }
    #alert-nottys .notty { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 0px 15px 50px; width: 275px; background-position: 15px center; background-repeat: no-repeat; color: #fff; }
        #alert-nottys .notty .hidenoty { position: absolute; font-weight: bold; line-height: 18px; color: #ffffff; right: 0px; top: 0px; padding: 0px 9px 10px 10px; border-bottom-left-radius: 6px; cursor: pointer; opacity: .3; font-size: 22px; }
        #alert-nottys .notty:hover .hidenoty { opacity: 1 }
        #alert-nottys .notty h2 { margin: 0px; font-size: 14px; font-weight: 500; color: #fff }
        #alert-nottys .notty img { display: none }
        #alert-nottys .notty.success { background-color: #51a351; background-image: url(/App_Themes/Images/notyCheck.png); }
        #alert-nottys .notty.warning{ background-color: #f89406; background-image: url(/App_Themes/Images/notywarning.png) }
        #alert-nottys .notty.error { background-color: #d44c41; background-image: url(/App_Themes/Images/notywarning.png) }
        #alert-nottys .notty.info { background-color: #4285f4; background-image: url(/App_Themes/Images/notyinfo.png); }




@media print {
    #YardiHelpModal { border: 0px solid #fff !important; overflow: visible !important; }
        #YardiHelpModal .modal-dialog { width: 100%; box-shadow: none; }
        #YardiHelpModal .modal-header span .closeYhelpmodal { display: none }
        #YardiHelpModal .modal-dialog { box-shadow: none !important; width: 100% !important; margin: 0px !important }
}

/*------------------------------------------------------------------
[ 5 Related training ]
    File(s):
*/
#AspireRelatedPnl { top: -35px; right: 0px; position: fixed; z-index: 999997; transition: right .4s ease; }
    #AspireRelatedPnl.openTrainingModal { right: 480px; }
    #AspireRelatedPnl > a { box-sizing: border-box; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none; font-size: 13px; font-weight: 600 !important; background-image: none; background-color: #444; color: #fff !important; position: absolute; top: 270px; border-color: transparent; line-height: 20px; padding: 3px 15px 2px 14px !important; height: 26px; transform: rotate(-90deg) translate(0, -100%); transform-origin: 100% -2%; border-radius: 2px 2px 0 0; right: 0px; display: inline-block; white-space: pre; box-shadow: 0 -3px 5px -2px rgba(0, 0, 0,.12); user-select: none; transition: height .1s linear, padding-top .1s linear; }
        #AspireRelatedPnl > a:hover { background-color: #111; background-color: #222; height: 33px; padding-top: 7px !important; }
        #AspireRelatedPnl > a .related_Arrow { width: 7px; height: 7px; border: 2px solid #ffffff; border-left: 0; border-top: 0; display: inline-block; border-radius: 1px; transform: rotate(227deg) scale(1.1); margin-left: 13px; margin-bottom: -1px; transition: height .1s linear, width .1s linear, transform 1s; }
        #AspireRelatedPnl > a:hover .related_Arrow { width: 8px; height: 8px; transform: rotate(227deg) scale(1.2); }
    #AspireRelatedPnl.openTrainingModal > a .related_Arrow { transform: rotate(43deg) scale(1.1); }
  
    
    #AspireCourseModal .GenericContainer .AspireRelatedTrainingBody iframe { height: 100% !important; border-width: 0px; }
.trainingList .TourSrc { display: none !important; }


/*V8 Hide related training in V8 inter-product*/
.has-product-iframe #AspireRelatedPnl { display: none !important; }
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
input[type="submit"].aspNetDisabled, a.aspNetDisabled ,.btn.disabled  { background-color: #e6e6e6 !important; }

.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="submit"].aspNetDisabled, a.aspNetDisabled, .btn { font-weight: 500 !important; font-size: 13px; font-family: 'Open Sans'; text-decoration: none !important; background-color: #F9F9F9; display: inline-block; padding: 4px 12px; margin-bottom: 0; line-height: 20px; vertical-align: middle; cursor: pointer; color: #525252; border: 1px solid #f1f1f1; border-bottom-color: #EAEAEA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: 0.25s; transition-property: initial; transition-duration: 0.25s; transition-timing-function: initial; transition-delay: initial;   }
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] { color: #525252; background-color: #e3e3e3; border-color:#e3e3e3 ;background-image: none; }
.btn:active,.btn.active { background-color: #cccccc; }
.btn:first-child { *margin-left: 0; }
input[type="submit"].aspNetDisabled, a.aspNetDisabled { font-weight: normal !important; }
input[type="submit"].aspNetDisabled, a.aspNetDisabled, .btn:hover,
.btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn.active,
.btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); }
input[type="submit"].aspNetDisabled, a.aspNetDisabled, .btn.disabled,
.btn[disabled] { cursor: default; background-image: none; opacity: 0.45; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; pointer-events:none}

.btn-large { padding: 8px 15px; font-size: 17.5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
    .btn-large [class^="icon-"],
    .btn-large [class*=" icon-"] { margin-top: 4px; }
.btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
    .btn-small [class^="icon-"],
    .btn-small [class*=" icon-"] { margin-top: 0; }
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] { margin-top: -1px; }
.btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .btn-block + .btn-block { margin-top: 5px; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%; }
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active { color: rgba(255, 255, 255, 0.75); }
.btn-primary { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; border-width: 0px;  box-sizing: border-box; text-align: center; }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] { color: #ffffff; background-color: #205C8C; *background-color: #205C8C; background-image:none}
    .btn-primary:active,
    .btn-primary.active { background-color: #003399; }
.btn-warning { color: #446D46 !important }
.btn-success {     color: #FFF !important;
    background-color: #5DB95D;
    text-transform: capitalize;     border-color: #5DB95D;}
    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] { color: #ffffff; background-color: #56AD56;border-color:#56AD56; *background-color: #499249; }
    .btn-success:active,
    .btn-success.active { background-color: #408140; }
.btn-info { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; }
    .btn-info:active,
    .btn-info.active { background-color: #24748c; }
.btn-inverse { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; }
    .btn-inverse:active,
    .btn-inverse.active { background-color: #080808; }

 
 
.btn-link,
.btn-link:active,
.btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-link { border-color: transparent; cursor: pointer; color: #0088cc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    .btn-link:hover,
    .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; }
    .btn-link[disabled]:hover,
    .btn-link[disabled]:focus { color: #333333; text-decoration: none; }

.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }

    
.btn2 {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 2px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn2:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn2:hover,
.btn2:focus {
  color: #333333;
  text-decoration: none;
}
.btn2:active,
.btn2.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn2-success {
  color: #ffffff;
background-color: #6C869A;
border-color: #6C869A;
}
.btn2-success:hover,
.btn2-success:focus,
.btn2-success:active,
.btn2-success.active,
.open .dropdown-toggle.btn2-success {
  color: #ffffff;
background-color: #4D6D84;
border-color: #4D6D84;
}
.btn2-success:active,
.btn2-success.active,
.open .dropdown-toggle.btn2-success {
  background-image: none;
}


.btn.Widebtn { min-width: 120px; font-size: 14px; padding: 8px 12px; text-align: center; }

.btn-lgModal { width: 100%; height: 50px; font-size: 20px; margin-top: 20px; background-color: #75A646; color: #fff !important; text-transform: uppercase; outline: none; }
.btn-lgModal:hover {    opacity: .9;background-color: #75A646;}




/*  Boot strap modal */

.modal-open {
  overflow: hidden;
  position:relative;
  height:100%;
}

body[sideModal-open] { margin-right: 400px !important;  }
body[sideModal-open][sg_sidemodal] { margin-right: 800px !important; }
    body[sideModal-open]:not([sg_sidemodal]) div.modal:not(#RosterInfoModal):not(#RevHistoryModal):not(#CopyToClipSideModal) {
        margin-right: 421px !important;
    }

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom { margin-right: 0px }

.modal { display: none; overflow: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99998; transition: background-color .2s,margin-right .2s ease-out,margin-left .2s ease-out; }
   .modal.in { background-color: rgba(0, 0, 0, 0.3); } 
   
   .modal-dialog.container.ui-draggable , .modal-backdrop{  -webkit-transition: opacity 0.3s ease-out;
     -moz-transition: opacity 0.3s ease-out;
       -o-transition: opacity 0.3s ease-out;
          transition: opacity 0.3s ease-out;}

.modal-dialog.ui-draggble-dragging {opacity:.5}
.modal-dialog.ui-draggable-dragging {
    opacity: .5;
}

.modal-backdrop {background-color: rgba(0, 0, 0, 0.3);

}
.modal-dialog {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 0;
  z-index: 1050;
      left: 50%;
    right: auto;
    width: 600px;
    margin-top: 40px;
    margin-bottom: 40px;
  box-shadow: 0 3px 9px rgba(59, 59, 59, 0.5);
border-radius: 2px;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-clip: padding-box;
  outline: none;
}
 

#cke_txtTestDescriptions_editor > .cke_maximized { z-index: 99998 !important; }


/* ********** styling is updated for modal close ********** */
.modal-header {
  margin-bottom: 15px;
}

.modal-header .close {
    margin-top: -5px;
    font-size: 26px;
    float: right;
    font-weight: bold;
    cursor: pointer;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
}

/* ********** styling is updated for modal close ********** */
.modal-footer {
  /*margin-top: 15px;
  padding: 19px 20px 20px;*/
  padding-top: 6px;
  text-align:right;
 
}



/*.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}*/

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}



.fade-scale  .modal-dialog{
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
 transition: all .2s linear, background-color .3s cubic-bezier(1, 0.01, 0.89, 0.35);
}

.fade-scale.in .modal-dialog {
  opacity: 1;
  transform: scale(1);
}
.modal-open-scroll {
    margin-right: 17px !important;
}


.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.btn-group {position:relative;overflow:visible !important;}
.modal-footer .btn-block + .btn-block { margin-left: 0; }

.modal-dialog .GenericContainer {position: relative;}
/*@media screen and (min-width: 768px) {
  .modal-dialog {
    right: auto;
    left: 50%;
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}*/
 

/*  Boot Strap Tabs*/


.nav {
  margin-left: 0;
  margin-bottom: 0px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
 
}
.nav > li > a > img {
  max-width: none;
}
.nav > .pull-right {
  float: right;
}
.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}
.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}


.nav-tabs { *zoom: 1; }
    .nav-tabs:before,
    .nav-tabs:after { display: table; content: ""; line-height: 0; }
    .nav-tabs:after { clear: both; }
    .nav-tabs > li { float: left; }
 
 
      .ulCatalogBrowseTab.nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 14px; background-color: rgba(100, 100, 100, 0.34); border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
        .ulCatalogBrowseTab.nav-tabs > .active > a,
    .ulCatalogBrowseTab.nav-tabs > .active > a:hover,
    .ulCatalogBrowseTab.nav-tabs > .active > a:focus { color: #555555; background-color: #EFEFEF; border: 1px solid #ddd; border-bottom-color: transparent !important; cursor: default; font-size:13px}


.nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus { color: #ffffff; background-color: #0088cc; }
.nav-stacked > li { float: none; }
    .nav-stacked > li > a { margin-right: 0; }
.nav-tabs.nav-stacked { border-bottom: 0; }
    .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; }
    .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
    .nav-tabs.nav-stacked > li > a:hover,
    .nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; }
.nav-pills.nav-stacked > li > a { margin-bottom: 3px; }
.nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; }
.nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.nav .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; margin-top: 6px; }
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret { margin-top: 8px; }
.nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; }
.nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; }
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus { cursor: pointer; }
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; }
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); }
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus { border-color: #999999; }
.tabbable { *zoom: 1; }
    .tabbable:before,
    .tabbable:after { display: table; content: ""; line-height: 0; }
    .tabbable:after { clear: both; }
.tab-content { overflow: auto; }
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs { border-bottom: 0; }
.tab-content > .tab-pane,
.pill-content > .pill-pane { display: none; }
.tab-content > .active,
.pill-content > .active { display: block; }
.tabs-below > .nav-tabs { border-top: 1px solid #ddd; }
    .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; }
        .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
            .tabs-below > .nav-tabs > li > a:hover,
            .tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; }
    .tabs-below > .nav-tabs > .active > a,
    .tabs-below > .nav-tabs > .active > a:hover,
    .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; }
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li { float: none; }
    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; }
.tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; }
    .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
        .tabs-left > .nav-tabs > li > a:hover,
        .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; }
    .tabs-left > .nav-tabs .active > a,
    .tabs-left > .nav-tabs .active > a:hover,
    .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; }
.tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; }
    .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
        .tabs-right > .nav-tabs > li > a:hover,
        .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; }
    .tabs-right > .nav-tabs .active > a,
    .tabs-right > .nav-tabs .active > a:hover,
    .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; }
.nav > .disabled > a { color: #999999; }
    .nav > .disabled > a:hover,
    .nav > .disabled > a:focus { text-decoration: none; background-color: transparent; cursor: default; }
/* END OF BOOT STRAP TABS*/

/*Custom Tabs */
/*Baseline*/
.nav-tabs { padding-left: 0px; border-bottom-width: 0px; position: relative; min-height: 53px; z-index: 0; margin: 0px; border-color: rgb(117, 166, 70) !important; }
    .nav-tabs > li > a { margin: 0px; padding: 15px 40px 7px 40px; min-width: 125px; text-align: center; border-bottom: 3px solid rgba(0,0,0,0); font-weight: 500; }
    .nav-tabs li { border-bottom-width: 3px; border-color: inherit; }
    .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { border-bottom-width: 4px; border-color: inherit; pointer-events: none; }
        .nav-tabs > .active > a:hover { border-bottom-width: 4px; border-color: inherit; }
    .nav-tabs > li > a:hover { border-bottom-width: 4px; border-color: #AAA; background-color: #f3f3f3ab; }
    .nav-tabs:after { content: ''; right: 0; bottom: 3px; left: 0; height: 3px; width: 100%; background: #efefef; position: absolute; z-index: -1; }




    .AdminSubnav.nav-tabs > li { margin-bottom: -5px; }
.AdminSubnav { border-bottom: 5px solid #f1f1f1; }
.AdminSubnav.nav-tabs > .active > a,
    .AdminSubnav.nav-tabs > .active > a:hover,
    .AdminSubnav.nav-tabs > .active > a:focus {  border: 1px solid #ECECEC;font-size: 15px;  }
 

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  /*border: 1px solid #fbeed5;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align:center;
}

.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #FFF5F5;
  border-color: #FDEEF0;
  color: #717171;
}
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info h4 {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
 


/*DrpDown NAV*/

.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle {
  margin-bottom: -3px;

}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.caretUp {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid #fff;
  border-top: 4px solid transparent;
  margin-top: -4px;
  content: "";
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0px;
    z-index: 99999999;
    display: none;
    float: left;
    min-width: 120px;
    padding: 0px 0;
    margin: -1px 0 0;
    list-style: none;
    background-color: #FDFDFD;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 2px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
  display: block;
padding: 10px 30px 10px 30px;
  clear: both;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
  text-align:left;
  font-weight:500;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
}

    .dropdown-menu > li:first-child a:hover,
    .dropdown-menu > li :first-child a:focus {
        
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px; 
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
    }

    .dropdown-menu > li:last-child a:hover,
    .dropdown-menu > li :last-child a:focus { 

  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -moz-border-bottom-right-radius: 6px; 
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
    }


.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default;
}
.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}


.inlineControls { 
    text-align:left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
}

.inlineControls li  a{ 
    padding: 4px 20px;
    cursor:pointer;
    font-size:14px
}

.inlineControls > li > a:hover, .inlineControls > li > a:focus 
{ color: #262626; text-decoration: none; background-color: #f4f4f4; }

.btn-group:hover ul.dropdown-menu{
    display: block;    
}



.caretBlack {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0px;
  vertical-align: middle;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
}


.btnSnapshot,.btnSnapshotTgl, .lbtnRevContent { background: #fff;}

#pnlTestModalContainer .TestModalStyle { overflow-y: hidden; }




 
/* #region Read Me: Modifying or Updating Icomoon Set

Description: Outlined here is the instructions for updating the ASPIRE icomoon set. 

Updated: 1.25.2021

Installing:

1) Import App_Themes/fonts/demo/selection.json in our solution into the icomoon web app @ https://icomoon.io/app/#/projects, and Load the project.

2) Select or modify/remove new sets or individual icons to include in your "projects" set (refer to the Confluence Icomoon article on how to add icons from the Ultimate pack).

3) Upon finishing, scroll to bottom of page and look for the Ribbon banner labeled 'Font' and select download for a zip containing everything you need to port into the solution

4) Extract the zip, rename the folder to 'demo', and Install this folder into the solution under App_Themes/fonts, as is (override the previous existing 'demo' folder).

5) Open the style.css file contained in the zip, copy all newly generated '.icomoon-*' font definitions (i.e.  '.icomoon-*'). Ignore the font-face and partial class definition included at the top. Copy only the individual icomoon definitions.

6) Open App_Themes/icomoon-fonts.css and Paste the newly copied definitions, into the region entitled ("Icomoon Auto-Generated"), ensuring you override.

/* #endregion */

/* Replace this media query with the new one generated in the new style.css file you got inside the .zip */

/* #region Custom icomoon overrides */

/* ReadMe - Important - We use this custom rule over the version generated with the new style.css sheet, just ignore the new one in the style.css file, you don't need to port it into this file ! */
[class*='icomoon-'] { font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Search, add, upload styling */
.SearchButtonTheme { font-size: 14px !important; padding: 6px 27px; }
.AddButtonTheme { padding: 6px 12px; font-size: 14px !important; }
.icomoon-plus-circle { font-size: 16px; color: #5fb14b; }
/* Add buttons */
.jqgrow .icomoon-plus-circle { color: #7b7b7b }
/* remove above color when button is used in a grid.  */
.icomoon-upload { font-size: 22px; color: #5fb14b; line-height: 14px; }
/* Upload buttons */
.icomoon-files { font-size: 16px; color: #5fb14b; }
.icomoon-mail { color: #696969; top: +4px; }

.toplinks.icomoon-user:hover { color: #9C9C9C; }
.icomoon-mail-absolute:before { color: #696969; position: absolute; margin-left: -17px; margin-top: 4px; content: "\e601"; }

/* #endregion Custom icomoon overrides */

/* #region Icomoon Auto-Generated */

.icomoon-link1:before { content: "\e9cb"; }
.icomoon-history1:before { content: "\e986"; }
.icomoon-menu:before { content: "\e980"; }
.icomoon-more:before { content: "\e981"; }
.icomoon-more1:before { content: "\e982"; }
.icomoon-menu1:before { content: "\e983"; }
.icomoon-menu2:before { content: "\e984"; }
.icomoon-menu3:before { content: "\e985"; }
.icomoon-arrow-right:before { content: "\e962"; }
.icomoon-right:before { content: "\e962"; }
.icomoon-next:before { content: "\e962"; }
.icomoon-arrow-right1:before { content: "\e963"; }
.icomoon-right1:before { content: "\e963"; }
.icomoon-next1:before { content: "\e963"; }
.icomoon-arrow-resize:before { content: "\e964"; }
.icomoon-vertical:before { content: "\e964"; }
.icomoon-arrow-resize1:before { content: "\e965"; }
.icomoon-horizontal:before { content: "\e965"; }
.icomoon-arrow-right2:before { content: "\e966"; }
.icomoon-right2:before { content: "\e966"; }
.icomoon-next2:before { content: "\e966"; }
.icomoon-arrow-down:before { content: "\e967"; }
.icomoon-down:before { content: "\e967"; }
.icomoon-buttom:before { content: "\e967"; }
.icomoon-arrow-down1:before { content: "\e968"; }
.icomoon-down1:before { content: "\e968"; }
.icomoon-buttom1:before { content: "\e968"; }
.icomoon-arrow-right3:before { content: "\e969"; }
.icomoon-right3:before { content: "\e969"; }
.icomoon-next3:before { content: "\e969"; }
.icomoon-arrow-up:before { content: "\e96a"; }
.icomoon-up:before { content: "\e96a"; }
.icomoon-top:before { content: "\e96a"; }
.icomoon-arrow-up1:before { content: "\e979"; }
.icomoon-up1:before { content: "\e979"; }
.icomoon-top1:before { content: "\e979"; }
.icomoon-arrow-down2:before { content: "\e97a"; }
.icomoon-down2:before { content: "\e97a"; }
.icomoon-buttom2:before { content: "\e97a"; }
.icomoon-arrow-down3:before { content: "\e97b"; }
.icomoon-down3:before { content: "\e97b"; }
.icomoon-buttom3:before { content: "\e97b"; }
.icomoon-arrow-up2:before { content: "\e97c"; }
.icomoon-up2:before { content: "\e97c"; }
.icomoon-top2:before { content: "\e97c"; }
.icomoon-arrow-up3:before { content: "\e97d"; }
.icomoon-up3:before { content: "\e97d"; }
.icomoon-top3:before { content: "\e97d"; }
.icomoon-menu-open:before { content: "\e97e"; }
.icomoon-arrows:before { content: "\e97e"; }
.icomoon-target1:before { content: "\e960"; }
.icomoon-target:before { content: "\e95e"; }
.icomoon-eye-blocked:before { content: "\e95c"; }
.icomoon-eye1:before { content: "\e95d"; }
.icomoon-download4:before { content: "\ec83"; }
.icomoon-play4:before { content: "\ed85"; }
.icomoon-pause2:before { content: "\ed86"; }
.icomoon-stop2:before { content: "\ed87"; }
.icomoon-volume-medium:before { content: "\ed90"; }
.icomoon-volume-mute2:before { content: "\ed95"; }
.icomoon-user2:before { content: "\eb00"; }
.icomoon-trophy2:before { content: "\eba7"; }
.icomoon-home:before { content: "\e914"; }
.icomoon-home3:before { content: "\e91c"; }
.icomoon-music:before { content: "\e915"; }
.icomoon-play:before { content: "\e916"; }
.icomoon-diamonds:before { content: "\e91a"; }
.icomoon-location2:before { content: "\e948"; }
.icomoon-compass2:before { content: "\e94a"; }
.icomoon-bubble3:before { content: "\e96b"; }
.icomoon-bubbles:before { content: "\e96c"; }
.icomoon-bubbles2:before { content: "\e96d"; }
.icomoon-bubble22:before { content: "\e96e"; }
.icomoon-bubbles3:before { content: "\e96f"; }
.icomoon-trophy:before { content: "\e99e"; }
.icomoon-gift:before { content: "\e99f"; }
.icomoon-shield:before { content: "\e9b4"; }
.icomoon-power:before { content: "\e9b5"; }
.icomoon-cloud-download:before { content: "\e9c2"; }
.icomoon-cloud-upload:before { content: "\e9c3"; }
.icomoon-checkbox-unchecked:before { content: "\ea53"; }
.icomoon-checkmark:before { content: "\e907"; }
.icomoon-x:before { content: "\e908"; }
.icomoon-plus-alt:before { content: "\e909"; }
.icomoon-minus-alt:before { content: "\e90b"; }
.icomoon-aperture-alt:before { content: "\e90c"; }
.icomoon-home2:before { content: "\e900"; }
.icomoon-home22:before { content: "\e90e"; }
.icomoon-office:before { content: "\e90f"; }
.icomoon-city:before { content: "\e90a"; }
.icomoon-newspaper:before { content: "\e910"; }
.icomoon-droplet2:before { content: "\e935"; }
.icomoon-paint-format:before { content: "\e938"; }
.icomoon-pacman:before { content: "\e970"; }
.icomoon-spades:before { content: "\e971"; }
.icomoon-clubs:before { content: "\e972"; }
.icomoon-diamonds2:before { content: "\e973"; }
.icomoon-chess-king:before { content: "\e974"; }
.icomoon-chess-queen:before { content: "\e975"; }
.icomoon-chess-rook:before { content: "\e976"; }
.icomoon-chess-bishop:before { content: "\e977"; }
.icomoon-chess-knight:before { content: "\e978"; }
.icomoon-connection4:before { content: "\e97f"; }
.icomoon-library2:before { content: "\e999"; }
.icomoon-price-tag2:before { content: "\e9ee"; }
.icomoon-price-tag3:before { content: "\e9f0"; }
.icomoon-store:before { content: "\e9fc"; }
.icomoon-store2:before { content: "\e9fd"; }
.icomoon-lifebuoy:before { content: "\ea1b"; }
.icomoon-location3:before { content: "\ea38"; }
.icomoon-location7:before { content: "\ea3e"; }
.icomoon-compass:before { content: "\ea3f"; }
.icomoon-clock:before { content: "\ea4d"; }
.icomoon-clock2:before { content: "\ea4e"; }
.icomoon-calendar5:before { content: "\ea63"; }
.icomoon-bubble4:before { content: "\eac4"; }
.icomoon-bubble23:before { content: "\eac7"; }
.icomoon-bubble6:before { content: "\ead4"; }
.icomoon-bubble8:before { content: "\ead8"; }
.icomoon-bubble9:before { content: "\eadb"; }
.icomoon-bubble-star:before { content: "\eae8"; }
.icomoon-bubble-heart:before { content: "\eae9"; }
.icomoon-bubble-cancel:before { content: "\eaeb"; }
.icomoon-search2:before { content: "\eb30"; }
.icomoon-factory:before { content: "\eb67"; }
.icomoon-stats-growth:before { content: "\eb90"; }
.icomoon-stats-decline:before { content: "\eb91"; }
.icomoon-medal-star:before { content: "\eb9f"; }
.icomoon-medal:before { content: "\eba0"; }
.icomoon-trophy22:before { content: "\eba8"; }
.icomoon-diamond:before { content: "\eba9"; }
.icomoon-balloon:before { content: "\ebae"; }
.icomoon-lamp7:before { content: "\ebf9"; }
.icomoon-lamp8:before { content: "\ebfa"; }
.icomoon-pyramid:before { content: "\ec1c"; }
.icomoon-pyramid2:before { content: "\ec1d"; }
.icomoon-puzzle:before { content: "\ec1f"; }
.icomoon-puzzle2:before { content: "\ec20"; }
.icomoon-puzzle3:before { content: "\ec21"; }
.icomoon-puzzle4:before { content: "\ec22"; }
.icomoon-shield3:before { content: "\ec35"; }
.icomoon-racing:before { content: "\ec43"; }
.icomoon-bookmark2:before { content: "\ecb7"; }
.icomoon-bookmark3:before { content: "\ecb8"; }
.icomoon-starburst:before { content: "\ecbc"; }
.icomoon-snowflake:before { content: "\ecbd"; }
.icomoon-sun:before { content: "\ecce"; }
.icomoon-sun2:before { content: "\eccf"; }
.icomoon-moon:before { content: "\ecd0"; }
.icomoon-fan:before { content: "\ecd4"; }
.icomoon-contrast:before { content: "\ecd7"; }
.icomoon-star-empty:before { content: "\ece0"; }
.icomoon-star-full:before { content: "\ece2"; }
.icomoon-heart5:before { content: "\ecec"; }
.icomoon-heart6:before { content: "\eced"; }
.icomoon-point-up:before { content: "\ed2c"; }
.icomoon-point-right:before { content: "\ed2d"; }
.icomoon-point-down:before { content: "\ed2e"; }
.icomoon-point-left:before { content: "\ed2f"; }
.icomoon-warning3:before { content: "\ed4f"; }
.icomoon-warning22:before { content: "\ed50"; }
.icomoon-plus-circle:before { content: "\ed5f"; }
.icomoon-minus-circle:before { content: "\ed60"; }
.icomoon-plus-circle2:before { content: "\ed61"; }
.icomoon-minus-circle2:before { content: "\ed62"; }
.icomoon-info:before { content: "\ed63"; }
.icomoon-info2:before { content: "\ed64"; }
.icomoon-arrow-up-left:before { content: "\edcb"; }
.icomoon-arrow-up6:before { content: "\edcc"; }
.icomoon-arrow-up-right:before { content: "\edcd"; }
.icomoon-arrow-right6:before { content: "\edce"; }
.icomoon-arrow-down-right:before { content: "\edcf"; }
.icomoon-arrow-down6:before { content: "\edd0"; }
.icomoon-arrow-down-left:before { content: "\edd1"; }
.icomoon-arrow-left6:before { content: "\edd2"; }
.icomoon-arrow-up-left2:before { content: "\edd3"; }
.icomoon-arrow-up7:before { content: "\edd4"; }
.icomoon-arrow-up-right2:before { content: "\edd5"; }
.icomoon-arrow-right7:before { content: "\edd6"; }
.icomoon-arrow-down-right2:before { content: "\edd7"; }
.icomoon-arrow-down7:before { content: "\edd8"; }
.icomoon-arrow-down-left2:before { content: "\edd9"; }
.icomoon-square:before { content: "\ee69"; }
.icomoon-triangle:before { content: "\ee6a"; }
.icomoon-triangle2:before { content: "\ee6b"; }
.icomoon-diamond3:before { content: "\ee6c"; }
.icomoon-diamond4:before { content: "\ee6d"; }
.icomoon-checkbox-checked2:before { content: "\ee6e"; }
.icomoon-checkbox-unchecked2:before { content: "\ee6f"; }
.icomoon-radio-checked2:before { content: "\ee72"; }
.icomoon-radio-unchecked:before { content: "\ee73"; }
.icomoon-circle2:before { content: "\ee78"; }
.icomoon-seven-segment-0:before { content: "\eed6"; }
.icomoon-seven-segment-1:before { content: "\eed7"; }
.icomoon-seven-segment-2:before { content: "\eed8"; }
.icomoon-seven-segment-3:before { content: "\eed9"; }
.icomoon-seven-segment-4:before { content: "\eeda"; }
.icomoon-seven-segment-5:before { content: "\eedb"; }
.icomoon-seven-segment-6:before { content: "\eedc"; }
.icomoon-seven-segment-7:before { content: "\eedd"; }
.icomoon-seven-segment-8:before { content: "\eede"; }
.icomoon-seven-segment-9:before { content: "\eedf"; }
.icomoon-opera:before { content: "\ef3d"; }
.icomoon-pencil4:before { content: "\e911"; }
.icomoon-book3:before { content: "\e993"; }
.icomoon-file-check2:before { content: "\e9aa"; }
.icomoon-file-presentation2:before { content: "\e9c0"; }
.icomoon-credit-card2:before { content: "\ea16"; }
.icomoon-pushpin2:before { content: "\ea37"; }
.icomoon-user3:before { content: "\eaf7"; }
.icomoon-users2:before { content: "\eaf8"; }
.icomoon-user-tie:before { content: "\eb0d"; }
.icomoon-checkmark4:before { content: "\ed72"; }
.icomoon-palette:before { content: "\e987"; }
.icomoon-file-eye:before { content: "\e9ab"; }
.icomoon-file-xml:before { content: "\e9bb"; }
.icomoon-file-css:before { content: "\e9bd"; }
.icomoon-file-locked:before { content: "\e9c4"; }
.icomoon-certificate:before { content: "\e9eb"; }
.icomoon-database-add:before { content: "\ea98"; }
.icomoon-equalizer2:before { content: "\eb5c"; }
.icomoon-paperplane:before { content: "\ec09"; }
.icomoon-link:before { content: "\ec99"; }
.icomoon-notification:before { content: "\ed51"; }
.icomoon-enter:before { content: "\ed76"; }
.icomoon-sort2:before { content: "\ee49"; }
.icomoon-font:before { content: "\ee8d"; }
.icomoon-eraser:before { content: "\e988"; }
.icomoon-file-text2:before { content: "\e9ad"; }
.icomoon-wrench2:before { content: "\eb59"; }
.icomoon-copy:before { content: "\e9b7"; }
.icomoon-file-presentation:before { content: "\e9bf"; }
.icomoon-file-plus:before { content: "\e9a1"; }
.icomoon-file-minus:before { content: "\e9a3"; }
.icomoon-notebook:before { content: "\ea2e"; }
.icomoon-stopwatch:before { content: "\ea5e"; }
.icomoon-mobile:before { content: "\ea78"; }
.icomoon-bubble-user1:before { content: "\eae2"; }
.icomoon-loop3:before { content: "\edaa"; }
.icomoon-shuffle:before { content: "\edaf"; }
.icomoon-checkbox-checked:before { content: "\ee66"; }
.icomoon-archive:before { content: "\e996"; }
.icomoon-file-upload:before { content: "\e9a7"; }
.icomoon-envelop2:before { content: "\ea31"; }
.icomoon-location6:before { content: "\ea3d"; }
.icomoon-calendar-day:before { content: "\ea65"; }
.icomoon-users3:before { content: "\eb01"; }
.icomoon-user-plus2:before { content: "\eb02"; }
.icomoon-user-minus2:before { content: "\eb03"; }
.icomoon-users4:before { content: "\eb0c"; }
.icomoon-list-numbered:before { content: "\ec58"; }
.icomoon-stack-cancel:before { content: "\ed42"; }
.icomoon-stack-check:before { content: "\ed43"; }
.icomoon-loop:before { content: "\eda8"; }
.icomoon-share2:before { content: "\eec8"; }
.icomoon-clock3:before { content: "\ea4f"; }
.icomoon-bubbles6:before { content: "\eacc"; }
.icomoon-folder-plus4:before { content: "\e9e1"; }
.icomoon-folder-minus4:before { content: "\e9e2"; }
.icomoon-cancel-square:before { content: "\ed68"; }
.icomoon-redo2:before { content: "\eac0"; }
.icomoon-user-block2:before { content: "\eb05"; }
.icomoon-user-check2:before { content: "\eb07"; }
.icomoon-hour-glass2:before { content: "\eb20"; }
.icomoon-tree7:before { content: "\ec66"; }
.icomoon-cancel:before { content: "\ed6a"; }
.icomoon-scope:before { content: "\e961"; }
.icomoon-search:before { content: "\e902"; }
.icomoon-Tracks:before { content: "\e603"; }
.icomoon-upload:before { content: "\e602"; }
.icomoon-users:before { content: "\e60b"; }
.icomoon-user:before { content: "\e60c"; }
.icomoon-calendar:before { content: "\e606"; }
.icomoon-books:before { content: "\e609"; }
.icomoon-dashboard:before { content: "\e23a"; }
.icomoon-file-check:before { content: "\e9a9"; }
.icomoon-camera:before { content: "\e905"; }
.icomoon-bubble2:before { content: "\e906"; }
.icomoon-6User_Single_Filled:before { content: "\e952"; }
.icomoon-6User_Single_Lines:before { content: "\e92c"; }
.icomoon-crosshairs:before { content: "\e95f"; }
.icomoon-thumbs-o-down:before { content: "\e956"; }
.icomoon-thumbs-o-up:before { content: "\e957"; }
.icomoon-thumbs-down1:before { content: "\e958"; }
.icomoon-thumbs-up1:before { content: "\e959"; }
.icomoon-low-vision:before { content: "\e95a"; }
.icomoon-eye:before { content: "\e95b"; }
.icomoon-circle-thin:before { content: "\e901"; }
.icomoon-envelope:before { content: "\f0e0"; }
.icomoon-question-circle:before { content: "\f059"; }
.icomoon-6Surveys_Lines:before { content: "\e955"; }
.icomoon-6ySign_Lines:before { content: "\e929"; }
.icomoon-6Announcements_Filled:before { content: "\e92f"; }
.icomoon-6Calendar_Filled:before { content: "\e934"; }
.icomoon-6Catalog_Filled:before { content: "\e936"; }
.icomoon-6Content_Filled:before { content: "\e937"; }
.icomoon-6CourseHistory_Filled:before { content: "\e939"; }
.icomoon-6Courses_Filled:before { content: "\e93a"; }
.icomoon-6Dashboard_Filled:before { content: "\e93b"; }
.icomoon-6Discussions_Filled:before { content: "\e93c"; }
.icomoon-6eSign_Filled_Centered:before { content: "\e93d"; }
.icomoon-6Help_Filled:before { content: "\e93e"; }
.icomoon-6Info_Filled:before { content: "\e93f"; }
.icomoon-6LearningPlan_Filled:before { content: "\e940"; }
.icomoon-6Letters_Filled:before { content: "\e942"; }
.icomoon-6MediaLibrary_Filled:before { content: "\e943"; }
.icomoon-6Question_Filled:before { content: "\e944"; }
.icomoon-6Reports_Filled:before { content: "\e945"; }
.icomoon-6Resources2_Filled:before { content: "\e946"; }
.icomoon-6SCORM_Filled:before { content: "\e947"; }
.icomoon-6Settings_Filled:before { content: "\e949"; }
.icomoon-6Supervisor_Single_Filled:before { content: "\e94b"; }
.icomoon-6Supervisors_Filled:before { content: "\e94c"; }
.icomoon-6Surveys:before { content: "\e94d"; }
.icomoon-6Surveysv3_Filled:before { content: "\e94e"; }
.icomoon-6TestFilled:before { content: "\e950"; }
.icomoon-6Track_Filled:before { content: "\e951"; }
.icomoon-6Users_Filled:before { content: "\e953"; }
.icomoon-6Validations_Filled:before { content: "\e954"; }
.icomoon-6Info_Lines:before { content: "\e932"; }
.icomoon-6Calendar_lines:before { content: "\e912"; }
.icomoon-6Catalog_Lines:before { content: "\e913"; }
.icomoon-6Content_Lines:before { content: "\e917"; }
.icomoon-6Course_Settings_Lines:before { content: "\e918"; }
.icomoon-6Courses_Lines:before { content: "\e919"; }
.icomoon-6Dashboard_Lines:before { content: "\e91b"; }
.icomoon-6Discussions_Lines:before { content: "\e91d"; }
.icomoon-6Help_Lines:before { content: "\e91e"; }
.icomoon-6LearningPlan_Lines:before { content: "\e91f"; }
.icomoon-6Letters_Lines:before { content: "\e920"; }
.icomoon-6MediaLibrary_Lines:before { content: "\e921"; }
.icomoon-6Question_Lines:before { content: "\e922"; }
.icomoon-6Reports_Lines:before { content: "\e923"; }
.icomoon-6Resources2_Lines:before { content: "\e924"; }
.icomoon-6SCORM_Lines:before { content: "\e925"; }
.icomoon-6Settings_Lines:before { content: "\e926"; }
.icomoon-6Supervisor_Single_Lines:before { content: "\e927"; }
.icomoon-6Supervisors_Lines:before { content: "\e928"; }
.icomoon-6Test_Lines:before { content: "\e92a"; }
.icomoon-6Track_Line:before { content: "\e92b"; }
.icomoon-6Users_Lines:before { content: "\e92d"; }
.icomoon-6Validations_Lines:before { content: "\e92e"; }
.icomoon-Announcements:before { content: "\e930"; }
.icomoon-6Courses_Lines_v2:before { content: "\e931"; }
.icomoon-Sign2:before { content: "\e904"; }
.icomoon-Sign:before { content: "\e903"; }
.icomoon-Search:before { content: "\e01f"; }
.icomoon-Mail:before { content: "\e125"; }
.icomoon-Plane:before { content: "\e140"; }
.icomoon-CheckList:before { content: "\e24d"; }
.icomoon-File:before { content: "\e251"; }
.icomoon-PageAward:before { content: "\e25e"; }
.icomoon-StarPage:before { content: "\e25f"; }
.icomoon-TestPage:before { content: "\e265"; }
.icomoon-Open_folder:before { content: "\e28d"; }
.icomoon-Folder:before { content: "\e28e"; }
.icomoon-Close:before { content: "\e307"; }
.icomoon-lineCal:before { content: "\e320"; }
.icomoon-House:before { content: "\e3bf"; }
.icomoon-Printer:before { content: "\e42f"; }
.icomoon-Bookmark:before { content: "\e45a"; }
.icomoon-uniE45D:before { content: "\e45d"; }
.icomoon-flowchart:before { content: "\e484"; }
.icomoon-FlowDiag:before { content: "\e48a"; }
.icomoon-files:before { content: "\e07e"; }
.icomoon-infobuble:before { content: "\e169"; }
.icomoon-bubble-user:before { content: "\e16e"; }
.icomoon-warning:before { content: "\e356"; }
.icomoon-plus:before { content: "\e35f"; }
.icomoon-checkbox:before { content: "\e432"; }
.icomoon-bubble:before { content: "\e600"; }
.icomoon-images:before { content: "\e608"; }
.icomoon-stack:before { content: "\e60a"; }
.icomoon-location:before { content: "\e60e"; }
.icomoon-history:before { content: "\e60f"; }
.icomoon-cog:before { content: "\e613"; }
.icomoon-bars:before { content: "\e614"; }
.icomoon-image4:before { content: "\e941"; }
.icomoon-reset:before { content: "\ea4b"; }
.icomoon-drawer3:before { content: "\ea80"; }
.icomoon-paragraph-left3:before { content: "\eebe"; }
.icomoon-paragraph-center3:before { content: "\eebf"; }
.icomoon-paragraph-right3:before { content: "\eec0"; }
.icomoon-thumbs-down:before { content: "\e933"; }
.icomoon-thumbs-up:before { content: "\e94f"; }
.icomoon-octagon:before { content: "\e90d"; }
.icomoon-directions_bike:before { content: "\e52f"; }
.icomoon-directions_bus:before { content: "\e530"; }
.icomoon-directions_car:before { content: "\e531"; }
.icomoon-directions_run:before { content: "\e566"; }
.icomoon-directions_transit:before { content: "\e535"; }
.icomoon-filter_1:before { content: "\e3d0"; }
.icomoon-filter_2:before { content: "\e3d1"; }
.icomoon-filter_3:before { content: "\e3d2"; }
.icomoon-filter_4:before { content: "\e3d4"; }
.icomoon-filter_5:before { content: "\e3d5"; }
.icomoon-filter_6:before { content: "\e3d6"; }
.icomoon-filter_7:before { content: "\e3d7"; }
.icomoon-filter_8:before { content: "\e3d8"; }
.icomoon-filter_9:before { content: "\e3d9"; }
.icomoon-layers:before { content: "\e53b"; }
.icomoon-local_bar:before { content: "\e540"; }
.icomoon-local_hospital:before { content: "\e548"; }
.icomoon-local_offer:before { content: "\e54e"; }
.icomoon-mode_comment:before { content: "\e253"; }
.icomoon-pie_chart:before { content: "\e6c4"; }
.icomoon-report:before { content: "\e160"; }
.icomoon-warning2:before { content: "\e002"; }
.icomoon-signal_cellular_4_bar:before { content: "\e1c8"; }
.icomoon-signal_cellular_null:before { content: "\e1cf"; }
.icomoon-signal_wifi_4_bar:before { content: "\e1d8"; }
.icomoon-view_agenda:before { content: "\e8e9"; }
.icomoon-mail:before { content: "\e601"; }
/* #endregion */

.select2-search__field { font: 500 14px'open sans'; color: #636363 !important; }

.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }
    .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; }
        .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .select2-container .select2-selection--single .select2-selection__clear { position: relative; }
    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }
    .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; }
        .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }
    .select2-container .select2-search--inline { float: left; }
        .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; margin-top: 1px; padding: 0; }
            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; }
    .select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }
    .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; }
        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }
    .select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }
    .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }
    .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }
        .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }
    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }
        .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }
    .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }
    .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }
        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }
            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }
                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }
                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
    .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }
    .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }
    .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }
    .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }
    .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
        .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }
        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; }
    .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }
    .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }
        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; }

.select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above { border-bottom: none; }

.select2-container--classic .select2-dropdown--below { border-top: none; }

.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] { padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; }

.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }


.select2-container .select2-selection__rendered { display: block; height: 24px; overflow: hidden; position: relative; border: 1px solid #DEDEDE; white-space: nowrap; line-height: 23px !important; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: none; font: 500 15px 'open sans'; color: #636363; }
.select2-results__option {  text-indent: -1px;  }
.select2-container-multi .select2-choices .select2-search-field input { font: 500 14px'open sans'; color: #636363 !important; }
.select2-container.select2-drop-above .select2-selection__rendered { border-bottom-color: #DEDEDE; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%); background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%); }
.select2-container .select2-selection__rendered abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('images/select2.png') right top no-repeat; cursor: pointer; outline: 0; }
.select2-dropdown--below { width: 100%; margin-top: -1px; position: absolute; z-index: 99998; top: 100%; background: #fff; color: #4E4E4E; border: 1px solid #DEDEDE; border-top: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;   }
.select2-drop-auto-width { border-top: 1px solid #DEDEDE; width: auto; }
.select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #DEDEDE; border-bottom: 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); }
.select2-container .sp-preview { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #DEDEDE; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; margin: 0; }
.select2-container .select2-selection__rendered div b { display: block; width: 100%; height: 100%; background: url('images/select2.png') no-repeat 0 1px; }
.select2-search input { width: 100%!important; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px!important; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #DEDEDE; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('images/select2.png') no-repeat 100% -22px; background: url('images/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('images/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('images/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('images/select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('images/select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('images/select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); }
    .select2-search input.select2-active { background: #fff url('images/select2-spinner.gif') no-repeat 100%; background: url('images/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('images/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('images/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('images/select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('images/select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('images/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); }
.select2-dropdown-open .select2-selection__rendered { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; }
.select2-dropdown-open.select2-drop-above .select2-selection__rendered,
.select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; }
.select2-container--open .select2-container .select2-selection__rendered { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
/* results */
.select2-results__options { max-height: 328px !important; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.select2-results .select2-results__option { padding: 0px 7px 1px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font: 500 15px 'open sans'; }
.select2-results .select2-results__option--highlighted { background-color: #CDCDCD; color: #fff!important; }
.select2-more-results.select2-active { background: #f4f4f4 url('images/select2-spinner.gif') no-repeat 100%; }

.select-tag-editbox .select2-results__option[aria-selected="true"], .select-book-editbox .select2-results__option[aria-selected="true"] { display: none; }

.select2-results__options.select2-results__options--nested { max-height: unset !important; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px 0px 0px 7px; color: #888; }

.select2-container--open span#select2-ddlReportTypes-container span { visibility: hidden; }


/* multiselect */
.select2-selection--multiple { border: none !important; }
.select2-selection--multiple .select2-search.select2-search--inline { border-top-width: 0px !important; border-bottom-width: 0px !important; width:100%; }
.select2-selection--multiple .select2-selection__rendered { min-height:33px!important; height: auto !important; margin: 0; padding: 0; position: relative; border: 1px solid #DEDEDE; cursor: text; overflow: hidden; background-color: #fff; background-image: none; }
    .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { font-size: smaller; padding: 4px 6px 5px 22px; margin: 4px 0px 4px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #f1f1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -ms-user-select: none; user-select: none; background-color: #f5f5f5; }
.select2-selection__choice__remove { display: block; width: 12px; height: 13px; position: absolute; left: 5px; top: 4px; font-size: 1px; outline: none; background: url(images/select2.png) right top no-repeat; }

/* input.select2-search__field { width: 350px !important; font: 500 13px'open sans'; } */
.select2-container * { outline: none !important; }
.select2-container--default .select2-selection--single { border: none; }

/* formated selection and results - .select2-templated is our custom class */
.select2-templated.sp-preview { border-radius: 0 !important; border: 0 !important; margin-top:2px; }
.select2-templated.sp-preview + div { text-align: left; }
.select2-templated.sp-preview-inner { width: auto; border-radius: 0; border: none; }
.select2-templated.sp-preview-inner.ColorPickerClick { background: #fff url(/images/Controls/colorwheel.png) no-repeat 3.5px center; }

/* enforce z-index for select2 fired under bootstrap modals and dialogs ! very important - do not modify this */
.modal-backdrop ~ .select2-container--open { z-index: 99999; } /* direct siblings of modal container */
.cke_reset_all[role="dialog"] ~ .select2-container--open { z-index:99999; } /* direct siblings of ckeditor dialogs */

/* TAg specifc Changes*/
.select-tag-editbox .select2-results .select2-results__option { padding: 0px 7px 1px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font: 500 15px 'open sans'; font-size: 14px; float: left; padding: 6px 10px; background-color: #f5f5f5; margin-left: 5px !important; margin:2px; }
.select-tag-editbox .select2-selection__choice__remove { display: block; width: 12px; height: 13px; position: absolute; left: 5px; top: 6px; font-size: 1px; outline: none; background: url(images/select2.png) right top no-repeat; }
.select-tag-editbox .select2-results .select2-results__option--highlighted { background-color: #e6e6e6; color: inherit !important; }
.select-tag-editbox .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #CDCDCD; color: inherit !important }
.select-book-editbox .select2-results .select2-results__option { padding: 0px 7px 1px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font: 500 15px 'open sans'; font-size: 14px; float: left; padding: 6px 10px; background-color: #f5f5f5; margin-left: 5px !important; margin: 2px; }
.select-book-editbox .select2-selection__choice__remove { display: block; width: 12px; height: 13px; position: absolute; left: 5px; top: 6px; font-size: 1px; outline: none; background: url(images/select2.png) right top no-repeat; }
.select-book-editbox .select2-results .select2-results__option--highlighted { background-color: #e6e6e6 !important; color: inherit !important; }
.select-book-editbox .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #CDCDCD; color: inherit !important }
.select2-results__message { background-color: #fff !important; }
.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0;  margin-top:-4px} 
#createOrLinkEventContainer .select2-container { width: 276px !important; }
#createOrLinkEventContainer .select2-selection__clear { display:none; }
#createOrLinkEventContainer .ddlImportEvent_optionText { font-size: 14px; letter-spacing:-.3px; }
#createOrLinkEventContainer #select2-ddlCreateOrLinkEvent-container { padding-left: 3px; padding-right:0px; }
ul#select2-ddlCreateOrLinkEvent-results { width: 270px; background: #fff; color: #4e4e4e; border: 1px solid #dedede; margin-bottom: -1px; border-width: 1px 1px 1px 0; }

/* none selected, used for tags and skills */
.GenericFilter_none_selection { font-weight: 600; text-decoration: underline; }
.GenericFilter_none_list { display: block; line-height: 35px; border-bottom: 2px solid #b3b3b3; }