/*********************************************/
/* Styles for Mobile Workspace               */
/*********************************************/
a.ui-shadow 
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.controlgroup-textinput
{
    padding-top:.15em;
    padding-bottom:.10em;
}

/* override jquery mobile max-width for guide dialogs */
#dialogGuide .ui-dialog-contain
{
    max-width: none;
}

.offline_cache
{
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.gridlabelcaption
{
    font-weight: bold !important;
}

.MobileTextThin
{
    font-size:0.9em;
    font-weight: normal;
    color: #333;
}

.MobileTextExtraThin
{
    font-size: 0.7em;
    font-weight: normal;
    color: #333;
}

.MobileText
{
    font-size:0.9em;
    color: #333;
}

.MobileListHeader {
    font-size: 1.5em;
    color: #003478;
    font-weight: 400;
    margin-bottom: 7px;
    font-family: Helvetica Neue, Lucida Grande, Segoe UI, Arial, Helvetica, Verdana, sans-serif;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.MobileCutOverflow
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.MobileTextThinCutOverflow
{
    font-weight: normal;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* used by Ao NearbyAssignments */
#nearbyAssignmentsRangeContainer
{
    margin-top: 20px;
}

/* END/ Ao NearbyAssignments */

.overridewidth 
{
    width: 100% !important;
    margin-bottom: 0.4em !important;
}

.overridewidthnomargin
{
    width: 100% !important;
}

.ValidationError 
{
    display: block;
    clear:both;
    font-weight: bold;
    padding-top:5px;
    color: #ff0000;
    white-space: normal;
}

.field-validation-error
{
    display: block;
    clear:both;
    font-weight: bold;
    padding-top:5px;
    color: #ff0000;
    white-space: normal;
}

.ui-content
{
    border-width: 0;
    overflow-x: hidden;
}

.main-content, .main-content:before, .main-content:after
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.6em;
}

.ui-collapsible-heading-toggle {
    white-space : normal;
}

.ui-hide-label.ui-br, .no-field-separator {
    border-bottom-width: 0;
}

.ui-field-contain.ui-hide-label, .no-field-separator {
    margin: 1em 0;
    padding: 0;
}

 .ui-field-contain, .ui-mobile fieldset.ui-field-contain 
 { 
    border-width: 0;
    padding: 0;
    margin: 0 0 1em 0; 
  }

.ui-input-datebox {
    background-color:transparent !important;
    background-image:none !important;
}

h1 {
    color: #003478;
    font-weight: 100;
    font-size: 1.1em !important;
}

h3
{
    padding-top:20px
}

.ui-block-a
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-block-b
{
   white-space: normal;
   overflow: hidden; 
   text-overflow: ellipsis
}

.fit-content
{
    position: absolute;
    top: 61px; /*bottom : 60px;*/
    left: 0;
    right: 0;
    text-align: center;
    font-weight: normal;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fit-content-internet
{
    position: absolute;
    top: 72px; /*bottom : 60px;*/
    left: 0;
    right: 0;
    text-align: center;
    font-weight: normal;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

label
{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

table
{
    width: 100%;
    border-color: #cccccc; 
}

table tr td
{
    padding: 5px 5px 5px 5px;
}

table tr th
{
    padding: 5px 5px 5px 5px;
}

table thead
{
    padding: 5px 5px 5px 5px;
}

.right-content .menu-items 
{
    margin-top: 20px;
    margin-bottom: -5px;
}

@media all and (max-width:350px)
{
        h1
    {
        font-size: 0.9em !important;
    }
}

@media all and (max-width:450px)
{
    .ui-header .ui-title
    {
        margin: auto;
    }
}

@media all and (max-width:800px)
{
    .left-content
    {
        display: none;
    }
    .right-content
    {
        float:left;
        width:100%;
    }
    /* Guide dialogs responsivity */
    #dialogGuide label
    {
        float: none;
        margin: 0 0 .4em;
    }

    #dialogGuide .ui-field-contain>label~[class*=ui-], .ui-field-contain .ui-controlgroup-controls
    {
        width: 100%;
}
    
    #dialogGuide .ui-field-contain>label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain>.ui-rangeslider>label
    {
        width: 100%;
    }
    /* end Guide dialogs responsivity */
}

.MobileLookupContainer
{
    display:inline-block;
    width:100%;
}
.MobileLookupContainer .ui-input-text
{
    display:inline-block;
    width:72%;
}

    .MobileLookupContainer input[disabled] {
        pointer-events: none;
        opacity: 0.5;
        background: #cccccc;
    }

.selected-menu-item
{
    background-color:#ededed !important;
}

.ui-datebox-container
{
    z-index:2000 !important;
    background-color:#f7f7f7 !important;
}
.ui-datebox-gridheader
{
    padding-left:10px;
}

.ui-header, .ui-footer
{
    border-width: 0px;
}

@media all and (min-width:28em)
{
    .MobileLookupContainer
    {
        width:78%;
    }
    .MobileLookupContainer .ui-input-text
    {
        width:82%;
    }
    .ui-popup .ui-field-contain label.ui-input-text
    {
        width:100%;
    }
    .ui-popup .ui-field-contain label.ui-select
    {
        width:100%;
    }
    .ui-dialog-contain .ui-field-contain label.ui-input-text
    {
        width:100%;
    }
    .ui-dialog-contain .ui-field-contain label.ui-select
    {
        width:100%;
    }
    .ui-field-contain .ui-input-datebox
    {
        width:100%;
    }
    .ValidationError
    {
        width:78%;
        margin-left:22%;
    }
    .ui-popup .ValidationError
    {
        width:100%;
        margin-left:0%;
    }
    .ui-dialog-contain .ValidationError
    {
        width:100%;
        margin-left:0%;
    }
}

@media all and (min-width:801px)
{
    .left-content
    {
        float:left;
        width:48%;
        text-align:left;
    }

    .right-content
    {
        float:right;
        width:49%;
    }

    .right-content .ValidationError
    {
        width:100%;
        margin-left:0%;
    }

    .right-content .ui-field-contain>label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain>.ui-rangeslider>label
    {
        width:100%;
    }

    .left-content .ui-field-contain input.ui-input-text
    {
        width:100%;
    }

    .left-content .ui-field-contain label.ui-input-text
    {
        width:100%;
    }

    .left-content .ui-field-contain .ui-input-datebox
    {
        width:98%;
    }

    .left-content .ui-field-contain .ui-select
    {
        width:100%;
    }

    .right-content .ui-field-contain .ui-input-text
    {
        width:100%;
    }

    .right-content .ui-field-contain .ui-input-text
    {
        width:100%;
    }

    .right-content .MobileLookupContainer
    {
        width:100%;
        display:block;
        clear:both;
    }
    .right-content .MobileLookupContainer .ui-input-text
    {
        width:82%;
    }

    .right-content .ValidationError
    {
        width:100%;
        margin-left:0%;
    }

    .right-content .ui-field-contain .ui-input-datebox
    {
        width:98%;
    }
    
    .right-content .ui-field-contain .ui-select
    {
        width:100%;
    }

    .right-content .ui-field-contain .ui-controlgroup-controls 
    {
        display:block;
        width: 100%;
    }
}

/* Sets design for Iconlist Overview */
.icon_wrapper 
{
    display: inline-block;
    vertical-align: middle;
}

/*!
* jQuery Mobile 1.4.2
* Git HEAD hash: 9d9a42a27d0c693e8b5569c3a10d771916af5045 <> Date: Fri Feb 28 2014 17:32:01 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2014 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/


/* Globals */
/* Font
-----------------------------------------------------------------------------------------------------------*/
html {
	font-size: 100%;
}
body,
input,
select,
button,
.ui-btn {
	font-size: 1em;
	line-height: 1.3;
	font-family: sans-serif /*{global-font-family}*/;
     margin: 3px 0;
}
textarea {
	font-size: 1em;
	line-height: 1.3;
	font-family: sans-serif /*{global-font-family}*/;
    white-space: pre-wrap!Important; /*to make sure text in textarea is wrapped*/
}
legend,
.ui-input-text input,
.ui-input-search input {
	color: inherit;
	text-shadow: inherit;
}
/* Form labels (overrides font-weight bold in bars, and mini font-size) */
.ui-mobile label,
div.ui-controlgroup-label {
	font-weight: normal;
	font-size: 16px;
}
/* Separators
-----------------------------------------------------------------------------------------------------------*/
/* Field contain separator (< 28em) */
.ui-field-contain {
	border-bottom-color: #828282;
	border-bottom-color: rgba(0,0,0,.15);
	border-bottom-width: 1px;
	border-bottom-style: none;
}
/* Table opt-in classes: strokes between each row, and alternating row stripes */
/* Classes table-stroke and table-stripe are deprecated in 1.4. */
.table-stroke thead th,
.table-stripe thead th,
.table-stripe tbody tr:last-child {
	border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.table-stroke tbody th,
.table-stroke tbody td {
	border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
	border-bottom: 1px solid rgba(0,0,0,.05);
}
.table-stripe.table-stroke tbody tr:last-child th,
.table-stripe.table-stroke tbody tr:last-child td {
	border-bottom: 0;
}
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
	background-color: #eeeeee; /* non-RGBA fallback  */
	background-color: rgba(0,0,0,.04);
}
/* Buttons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn,
label.ui-btn {
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
}
.ui-btn:link {
	text-decoration: none !important;
}
.ui-btn-active {
	cursor: pointer;
}
.ui-btn.ui-disabled {
    background: #E4E4E4 !important;
    color: #777777 !important;
}
.ui-opacity {
    opacity: .7;
}
/* Corner rounding
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-btn-corner-all deprecated in 1.4 */
.ui-corner-all {
	-webkit-border-radius: 0em /*{global-radii-blocks}*/;
	border-radius: 0em /*{global-radii-blocks}*/;
}
/* Buttons */
.ui-btn-corner-all,
.ui-btn.ui-corner-all,
/* Slider track */
.ui-slider-track.ui-corner-all,
/* Flipswitch */
.ui-flipswitch.ui-corner-all,
/* Count bubble */
.ui-li-count {
	-webkit-border-radius: .15em /*{global-radii-buttons}*/;
	border-radius: .15em /*{global-radii-buttons}*/;
}
/* Icon-only buttons */
.ui-btn-icon-notext.ui-btn-corner-all,
.ui-btn-icon-notext.ui-corner-all {
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
/* Radius clip workaround for cleaning up corner trapping */
.ui-btn-corner-all,
.ui-corner-all {
	-webkit-background-clip: padding;
	background-clip: padding-box;
}
/* Popup arrow */
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
	left: 0em /*{global-radii-blocks}*/;
	right: 0em /*{global-radii-blocks}*/;
	top: 0em /*{global-radii-blocks}*/;
	bottom: 0em /*{global-radii-blocks}*/;
}
/* Shadow
-----------------------------------------------------------------------------------------------------------*/
.ui-shadow {
	-webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	-moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}
.ui-shadow-inset {
	-webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	-moz-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}
.ui-overlay-shadow {
	-webkit-box-shadow: 0 0 5px 		rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 5px 			rgba(0,0,0,.6);
	box-shadow: 0 0 5px 				rgba(0,0,0,.6);
    border: 1px solid #f1f1f1;
}
/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
	background-color: #666666 /*{global-icon-color}*/;
	background-color: rgba(0,0,0,.3) /*{global-icon-disc}*/;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
/* Alt icons */
.ui-alt-icon.ui-btn:after,
.ui-alt-icon .ui-btn:after,
html .ui-alt-icon.ui-checkbox-off:after,
html .ui-alt-icon.ui-radio-off:after,
html .ui-alt-icon .ui-checkbox-off:after,
html .ui-alt-icon .ui-radio-off:after {
	background-color: #666666 /*{global-icon-color}*/;
	background-color: 					rgba(0,0,0,.15);
}
/* No disc */
.ui-nodisc-icon.ui-btn:after,
.ui-nodisc-icon .ui-btn:after {
	background-color: transparent;
}
/* Icon shadow */
.ui-shadow-icon.ui-btn:after,
.ui-shadow-icon .ui-btn:after {
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
	box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
}
/* Checkbox and radio */
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after,
.ui-btn.ui-radio-off:after,
.ui-btn.ui-radio-on:after {
	display: block;
	width: 18px;
	height: 18px;
	margin: -9px 2px 0 2px;
}
.ui-checkbox-off:after,
.ui-btn.ui-radio-off:after {
	filter: Alpha(Opacity=30);
	opacity: .3;
}
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after {
	-webkit-border-radius: .1875em;
	border-radius: .1875em;
}
.ui-radio .ui-btn.ui-radio-on:after {
	background-image: none;
	background-color: #fff;
	width: 8px;
	height: 8px;
	border-width: 5px;
	border-style: solid; 
}
.ui-alt-icon.ui-btn.ui-radio-on:after,
.ui-alt-icon .ui-btn.ui-radio-on:after {
	background-color: #000;
}
/* Loader */
.ui-icon-loading {
	background: url("images/ajax-loader.gif");
	background-size: 2.875em 2.875em;
}.ui-bar-a,.ui-page-theme-a .ui-bar-inherit,html .ui-bar-a .ui-bar-inherit,html .ui-body-a .ui-bar-inherit,html body .ui-group-theme-a .ui-bar-inherit{background-color:#e9e9e9 ;border-color:#dddddd ;color:#333333 ;text-shadow:0  1px  0  #eeeeee ;font-weight:bold;}.ui-bar-a{border-width:1px;border-style:solid;}.ui-overlay-a,.ui-page-theme-a,.ui-page-theme-a .ui-panel-wrapper{background-color:#f9f9f9 ;border-color:#bbbbbb ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-body-a,.ui-page-theme-a .ui-body-inherit,html .ui-bar-a .ui-body-inherit,html .ui-body-a .ui-body-inherit,html body .ui-group-theme-a .ui-body-inherit,html .ui-panel-page-container-a{background-color:#ffffff ;border-color:#dddddd ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-body-a{border-width:1px;border-style:solid;}.ui-page-theme-a a,html .ui-bar-a a,html .ui-body-a a,html body .ui-group-theme-a a{color:#3388cc ;font-weight:bold;}.ui-page-theme-a a:visited,html .ui-bar-a a:visited,html .ui-body-a a:visited,html body .ui-group-theme-a a:visited{   color:#3388cc ;}.ui-page-theme-a a:hover,html .ui-bar-a a:hover,html .ui-body-a a:hover,html body .ui-group-theme-a a:hover{color:#005599 ;}.ui-page-theme-a a:active,html .ui-bar-a a:active,html .ui-body-a a:active,html body .ui-group-theme-a a:active{color:#005599 ;}.ui-page-theme-a .ui-btn,html .ui-bar-a .ui-btn,html .ui-body-a .ui-btn,html body .ui-group-theme-a .ui-btn,html head + body .ui-btn.ui-btn-a,.ui-page-theme-a .ui-btn:visited,html .ui-bar-a .ui-btn:visited,html .ui-body-a .ui-btn:visited,html body .ui-group-theme-a .ui-btn:visited,html head + body .ui-btn.ui-btn-a:visited{background-color:#f6f6f6 ;border-color:#cccccc ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-page-theme-a .ui-btn:hover,html .ui-bar-a .ui-btn:hover,html .ui-body-a .ui-btn:hover,html body .ui-group-theme-a .ui-btn:hover,html head + body .ui-btn.ui-btn-a:hover{background-color:#ededed ;border-color:#cccccc ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-page-theme-a .ui-btn:active,html .ui-bar-a .ui-btn:active,html .ui-body-a .ui-btn:active,html body .ui-group-theme-a .ui-btn:active,html head + body .ui-btn.ui-btn-a:active{background-color:#e8e8e8 ;border-color:#cccccc ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-page-theme-a .ui-btn.ui-btn-active,html .ui-bar-a .ui-btn.ui-btn-active,html .ui-body-a .ui-btn.ui-btn-active,html body .ui-group-theme-a .ui-btn.ui-btn-active,html head + body .ui-btn.ui-btn-a.ui-btn-active,.ui-page-theme-a .ui-checkbox-on:after,html .ui-bar-a .ui-checkbox-on:after,html .ui-body-a .ui-checkbox-on:after,html body .ui-group-theme-a .ui-checkbox-on:after,.ui-btn.ui-checkbox-on.ui-btn-a:after,.ui-page-theme-a .ui-flipswitch-active,html .ui-bar-a .ui-flipswitch-active,html .ui-body-a .ui-flipswitch-active,html body .ui-group-theme-a .ui-flipswitch-active,html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,.ui-page-theme-a .ui-slider-track .ui-btn-active,html .ui-bar-a .ui-slider-track .ui-btn-active,html .ui-body-a .ui-slider-track .ui-btn-active,html body .ui-group-theme-a .ui-slider-track .ui-btn-active,html body div.ui-slider-track.ui-body-a .ui-btn-active{background-color:#adadad ;border-color:#cccccc ;color:#ffffff ;text-shadow:0  1px  0  #cccccc ;}.ui-page-theme-a .ui-radio-on:after,html .ui-bar-a .ui-radio-on:after,html .ui-body-a .ui-radio-on:after,html body .ui-group-theme-a .ui-radio-on:after,.ui-btn.ui-radio-on.ui-btn-a:after{border-color:#adadad ;}.ui-page-theme-a .ui-btn:focus,html .ui-bar-a .ui-btn:focus,html .ui-body-a .ui-btn:focus,html body .ui-group-theme-a .ui-btn:focus,html head + body .ui-btn.ui-btn-a:focus,.ui-page-theme-a .ui-focus,html .ui-bar-a .ui-focus,html .ui-body-a .ui-focus,html body .ui-group-theme-a .ui-focus,html head + body .ui-btn-a.ui-focus,html head + body .ui-body-a.ui-focus{-webkit-box-shadow:0 0 12px #adadad ;-moz-box-shadow:0 0 12px #adadad ;box-shadow:0 0 12px #adadad ;}.ui-bar-b,.ui-page-theme-b .ui-bar-inherit,html .ui-bar-b .ui-bar-inherit,html .ui-body-b .ui-bar-inherit,html body .ui-group-theme-b .ui-bar-inherit{background-color:#e9e9e9 ;border-color:#dddddd ;color:#333333 ;text-shadow:0  1px  0  #eeeeee ;font-weight:bold;}.ui-bar-b{border-width:1px;border-style:solid;}.ui-overlay-b,.ui-page-theme-b,.ui-page-theme-b .ui-panel-wrapper{background-color:#f9f9f9 ;border-color:#bbbbbb ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-body-b,.ui-page-theme-b .ui-body-inherit,html .ui-bar-b .ui-body-inherit,html .ui-body-b .ui-body-inherit,html body .ui-group-theme-b .ui-body-inherit,html .ui-panel-page-container-b{background-color:#ffffff ;border-color:#dddddd ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-body-b{border-width:1px;border-style:solid;}.ui-page-theme-b a,html .ui-bar-b a,html .ui-body-b a,html body .ui-group-theme-b a{color:#3388cc ;font-weight:bold;}.ui-page-theme-b a:visited,html .ui-bar-b a:visited,html .ui-body-b a:visited,html body .ui-group-theme-b a:visited{   color:#3388cc ;}.ui-page-theme-b a:hover,html .ui-bar-b a:hover,html .ui-body-b a:hover,html body .ui-group-theme-b a:hover{color:#005599 ;}.ui-page-theme-b a:active,html .ui-bar-b a:active,html .ui-body-b a:active,html body .ui-group-theme-b a:active{color:#005599 ;}.ui-page-theme-b .ui-btn,html .ui-bar-b .ui-btn,html .ui-body-b .ui-btn,html body .ui-group-theme-b .ui-btn,html head + body .ui-btn.ui-btn-b,.ui-page-theme-b .ui-btn:visited,html .ui-bar-b .ui-btn:visited,html .ui-body-b .ui-btn:visited,html body .ui-group-theme-b .ui-btn:visited,html head + body .ui-btn.ui-btn-b:visited{background-color:#CCD6E4 ;border-color:#cccccc ;color:#333333 ;text-shadow:0  1px  0  #dedede ;}.ui-page-theme-b .ui-btn:hover,html .ui-bar-b .ui-btn:hover,html .ui-body-b .ui-btn:hover,html body .ui-group-theme-b .ui-btn:hover,html head + body .ui-btn.ui-btn-b:hover{background-color:#E5EAF1 ;border-color:#cccccc ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-page-theme-b .ui-btn:active,html .ui-bar-b .ui-btn:active,html .ui-body-b .ui-btn:active,html body .ui-group-theme-b .ui-btn:active,html head + body .ui-btn.ui-btn-b:active{background-color:#c4db41 ;border-color:#cccccc ;color:#333333 ;text-shadow:0  1px  0  #424242 ;}.ui-page-theme-b .ui-btn.ui-btn-active,html .ui-bar-b .ui-btn.ui-btn-active,html .ui-body-b .ui-btn.ui-btn-active,html body .ui-group-theme-b .ui-btn.ui-btn-active,html head + body .ui-btn.ui-btn-b.ui-btn-active,.ui-page-theme-b .ui-checkbox-on:after,html .ui-bar-b .ui-checkbox-on:after,html .ui-body-b .ui-checkbox-on:after,html body .ui-group-theme-b .ui-checkbox-on:after,.ui-btn.ui-checkbox-on.ui-btn-b:after,.ui-page-theme-b .ui-flipswitch-active,html .ui-bar-b .ui-flipswitch-active,html .ui-body-b .ui-flipswitch-active,html body .ui-group-theme-b .ui-flipswitch-active,html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,.ui-page-theme-b .ui-slider-track .ui-btn-active,html .ui-bar-b .ui-slider-track .ui-btn-active,html .ui-body-b .ui-slider-track .ui-btn-active,html body .ui-group-theme-b .ui-slider-track .ui-btn-active,html body div.ui-slider-track.ui-body-b .ui-btn-active{background-color:#adadad ;border-color:#cccccc ;color:#ffffff ;text-shadow:0  1px  0  #cccccc ;}.ui-page-theme-b .ui-radio-on:after,html .ui-bar-b .ui-radio-on:after,html .ui-body-b .ui-radio-on:after,html body .ui-group-theme-b .ui-radio-on:after,.ui-btn.ui-radio-on.ui-btn-b:after{border-color:#adadad ;}.ui-page-theme-b .ui-btn:focus,html .ui-bar-b .ui-btn:focus,html .ui-body-b .ui-btn:focus,html body .ui-group-theme-b .ui-btn:focus,html head + body .ui-btn.ui-btn-b:focus,.ui-page-theme-b .ui-focus,html .ui-bar-b .ui-focus,html .ui-body-b .ui-focus,html body .ui-group-theme-b .ui-focus,html head + body .ui-btn-b.ui-focus,html head + body .ui-body-b.ui-focus{-webkit-box-shadow:0 0 12px #adadad ;-moz-box-shadow:0 0 12px #adadad ;box-shadow:0 0 12px #adadad ;}.ui-bar-c,.ui-page-theme-c .ui-bar-inherit,html .ui-bar-c .ui-bar-inherit,html .ui-body-c .ui-bar-inherit,html body .ui-group-theme-c .ui-bar-inherit{background-color:#e9e9e9 ;border-color:#dddddd ;color:#333333 ;text-shadow:0  1px  0  #eeeeee ;font-weight:bold;}.ui-bar-c{border-width:1px;border-style:solid;}.ui-overlay-c,.ui-page-theme-c,.ui-page-theme-c .ui-panel-wrapper{background-color:#f9f9f9 ;border-color:#bbbbbb ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-body-c,.ui-page-theme-c .ui-body-inherit,html .ui-bar-c .ui-body-inherit,html .ui-body-c .ui-body-inherit,html body .ui-group-theme-c .ui-body-inherit,html .ui-panel-page-container-c{background-color:#ffffff ;border-color:#dddddd ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-body-c{border-width:1px;border-style:solid;}.ui-page-theme-c a,html .ui-bar-c a,html .ui-body-c a,html body .ui-group-theme-c a{color:#3388cc ;font-weight:bold;}.ui-page-theme-c a:visited,html .ui-bar-c a:visited,html .ui-body-c a:visited,html body .ui-group-theme-c a:visited{   color:#3388cc ;}.ui-page-theme-c a:hover,html .ui-bar-c a:hover,html .ui-body-c a:hover,html body .ui-group-theme-c a:hover{color:#005599 ;}.ui-page-theme-c a:active,html .ui-bar-c a:active,html .ui-body-c a:active,html body .ui-group-theme-c a:active{color:#005599 ;}.ui-page-theme-c .ui-btn,html .ui-bar-c .ui-btn,html .ui-body-c .ui-btn,html body .ui-group-theme-c .ui-btn,html head + body .ui-btn.ui-btn-c,.ui-page-theme-c .ui-btn:visited,html .ui-bar-c .ui-btn:visited,html .ui-body-c .ui-btn:visited,html body .ui-group-theme-c .ui-btn:visited,html head + body .ui-btn.ui-btn-c:visited{background-color:#f6f6f6 ;border-color:#dddddd ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-page-theme-c .ui-btn:hover,html .ui-bar-c .ui-btn:hover,html .ui-body-c .ui-btn:hover,html body .ui-group-theme-c .ui-btn:hover,html head + body .ui-btn.ui-btn-c:hover{background-color:#ededed ;border-color:#dddddd ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-page-theme-c .ui-btn:active,html .ui-bar-c .ui-btn:active,html .ui-body-c .ui-btn:active,html body .ui-group-theme-c .ui-btn:active,html head + body .ui-btn.ui-btn-c:active{background-color:#e8e8e8 ;border-color:#dddddd ;color:#333333 ;text-shadow:0  1px  0  #f3f3f3 ;}.ui-page-theme-c .ui-btn.ui-btn-active,html .ui-bar-c .ui-btn.ui-btn-active,html .ui-body-c .ui-btn.ui-btn-active,html body .ui-group-theme-c .ui-btn.ui-btn-active,html head + body .ui-btn.ui-btn-c.ui-btn-active,.ui-page-theme-c .ui-checkbox-on:after,html .ui-bar-c .ui-checkbox-on:after,html .ui-body-c .ui-checkbox-on:after,html body .ui-group-theme-c .ui-checkbox-on:after,.ui-btn.ui-checkbox-on.ui-btn-c:after,.ui-page-theme-c .ui-flipswitch-active,html .ui-bar-c .ui-flipswitch-active,html .ui-body-c .ui-flipswitch-active,html body .ui-group-theme-c .ui-flipswitch-active,html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active,.ui-page-theme-c .ui-slider-track .ui-btn-active,html .ui-bar-c .ui-slider-track .ui-btn-active,html .ui-body-c .ui-slider-track .ui-btn-active,html body .ui-group-theme-c .ui-slider-track .ui-btn-active,html body div.ui-slider-track.ui-body-c .ui-btn-active{background-color:#3388cc ;border-color:#1c4a70 ;color:#ffffff ;text-shadow:0  1px  0  #005599 ;}.ui-page-theme-c .ui-radio-on:after,html .ui-bar-c .ui-radio-on:after,html .ui-body-c .ui-radio-on:after,html body .ui-group-theme-c .ui-radio-on:after,.ui-btn.ui-radio-on.ui-btn-c:after{border-color:#3388cc ;}.ui-page-theme-c .ui-btn:focus,html .ui-bar-c .ui-btn:focus,html .ui-body-c .ui-btn:focus,html body .ui-group-theme-c .ui-btn:focus,html head + body .ui-btn.ui-btn-c:focus,.ui-page-theme-c .ui-focus,html .ui-bar-c .ui-focus,html .ui-body-c .ui-focus,html body .ui-group-theme-c .ui-focus,html head + body .ui-btn-c.ui-focus,html head + body .ui-body-c.ui-focus{-webkit-box-shadow:0 0 12px #3388cc ;-moz-box-shadow:0 0 12px #3388cc ;box-shadow:0 0 12px #3388cc ;}.ui-disabled,.ui-state-disabled,button[disabled],.ui-select .ui-btn.ui-state-disabled{filter:Alpha(Opacity=30);opacity:.8;cursor:default !important;pointer-events:none;}.ui-btn:focus,.ui-btn.ui-focus{outline:0;}.ui-noboxshadow .ui-shadow,.ui-noboxshadow .ui-shadow-inset,.ui-noboxshadow .ui-overlay-shadow,.ui-noboxshadow .ui-shadow-icon.ui-btn:after,.ui-noboxshadow .ui-shadow-icon .ui-btn:after,.ui-noboxshadow .ui-focus,.ui-noboxshadow .ui-btn:focus,.ui-noboxshadow  input:focus,.ui-noboxshadow .ui-panel{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}.ui-noboxshadow .ui-btn:focus,.ui-noboxshadow .ui-focus{outline-width:1px;outline-style:auto;}

.footer-button-left,
.footer-button-right {
    position: absolute;
    margin: 0;
    top: auto;
    bottom: 0.24em;
}

.footer-button-left {
    left: 0.4em;
}

.footer-button-right {
    right: 0.4em;
}

/* 
* Classes for styling two factor authentication dialogs and forms
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
*/

/* Two factor section on account page */

.account-two-factor-authentication-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5em 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}

.account-two-factor-authentication-status .two-factor-authentication-status-text,
.account-two-factor-authentication-status .two-factor-authnetication-management-link {
    font-weight: 700;
    padding: 0 1em;
}

/* Setup two factor authentication page - start page */

.setup-two-factor-authentication-start-page {
    background-color: #F6F9FD;
    padding: 1em 1em;
    width: 80%;
    margin: 0 auto;
    word-break: break-word;
    -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}

.setup-two-factor-authentication-start-page .start-button {
    font-weight: 700;
}

.setup-two-factor-authentication-start-page .start-button .btn.btn-primary {
    min-width: 150px;
}

.setup-two-factor-authentication-start-page .setup-heading {
    font-weight: 700;
    font-size: 2em !important;
}

.setup-two-factor-authentication-start-page .start-body-text {
    font-weight: 500;
    padding: 1em 0;
}

/* Setup two factor authentication page - popup dialogs */

.verify-two-factor-password-dialog {
    width: 40%;
    left: -webkit-calc(50% - 40% / 2);
    left: -moz-calc(50% - 40% / 2);
    left: calc(50% - 40% / 2);
}

.qr-code-dialog {
    width: 60%;
    left: -webkit-calc(50% - 60% / 2);
    left: -moz-calc(50% - 60% / 2);
    left: calc(50% - 60% / 2);
}

.verify-two-factor-password-dialog .multi-part-form-label {
    padding-left: 15px;
    font-weight: 700;
    margin: 0;
}

.qr-code-dialog .setup-button-row,
.verify-two-factor-password-dialog .setup-button-row,
.verify-two-factor-password-page-container .setup-button-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.qr-code-dialog .setup-button-row .btn.btn-primary,
.verify-two-factor-password-dialog .setup-button-row .btn.btn-primary,
.qr-code-dialog .setup-button-row a,
.verify-two-factor-password-dialog .setup-button-row a {
    width: 50%;
}

.qr-image-container {
    width: 70%;
    margin: 0 auto;
}

.qr-code-dialog .setup-two-factor-authentication-dialog-title,
.verify-two-factor-password-dialog .setup-two-factor-authentication-dialog-title {
    text-align: center;
}

.qr-code-dialog .setup-two-factor-authentication-dialog-body,
.verify-two-factor-password-dialog .setup-two-factor-authentication-dialog-body {
    width: 100%;
}

.setup-two-factor-authentication-dialog-body .text-container {
    margin: 0 auto;
    width: 70%;
    font-weight: 400;
}

.qr-image-container #registerQrCodeImgElement {
    width: 100%;
}

#secretinplaintext {
    text-align: center;
    word-break: break-word;
    font-weight: 700;
    font-size: 1.2em;
}

/* Multi-input form element partial */

.confirm-two-factor-password-container {
    width: 100%;
}

.confirm-two-factor-password-container .multi-part-form-input-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 15px;
}

 .confirm-two-factor-password-container .multi-part-form-input-container.content-flex-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.confirm-two-factor-password-container .multi-part-form-input-container .multipart-form-item-input {
    -webkit-box-flex: 0;
    -webkit-flex: 0 2 4rem;
    -moz-box-flex: 0;
    -ms-flex: 0 2 4rem;
     flex: 0 2 4rem;
     padding: 10px 15px 0 0;
}

.confirm-two-factor-password-container .multi-part-form-input-container .multipart-form-item-input {
    -webkit-box-flex: 0;
    -webkit-flex: 0 2 4rem;
    -moz-box-flex: 0;
    -ms-flex: 0 2 4rem;
     flex: 0 2 4rem;
     padding: 10px 15px 0 0;
}

.multi-part-form-input-container .multipart-form-item-input .multi-part-form-control[required] {
    padding: 0 0 0 40%;
}

.multi-part-form-input-container .multipart-form-item-input label.error {
    display: none !important;
}

.multi-part-form-input-container .multipart-form-item-input input {
    height: 4rem;
    font-size: 1.3em;
}

.multi-part-form-input-container .multipart-form-item-input input.error {
    border: 1px solid #FF3333;
}

.multi-part-form-input-container .multipart-form-item-input .field-validation.message {
    display: inline-block;
    font-size: 20px;
    left: 45%;
}

.multipart-form-item-input .ui-shadow-inset {
    box-shadow: none;
}

.multipart-form-item-input .ui-body-inherit {
    border-color: #333333;
}

.multipart-form-item-input .ui-input-text {
    border-radius: 5px;
}

/* Verify two facor authentication page */

.verify-two-factor-password-page-container {
    width: 70%;
    margin: 0 auto;
}

.verify-two-factor-password-page-container .setup-two-factor-authentication-dialog-title {
    text-align: center;
    font-size: 2em !important;
}

.verify-two-factor-password-page-container .abort-two-factor-login {
    padding: 0.5em 0;
}

/* Remove two factor authentication page */


.remove-two-factor-autentication-link {
    text-decoration: none;
}

.remove-two-factor-authentication-text {
    font-weight: 500;
    display: inline-block;
    padding: 1em 1em;
}

.remove-two-factor-authentication-container {
    background-color: #F6F9FD;
    padding: 1em 1em;
    width: 80%;
    margin: 0 auto;
    word-break: break-word;
    -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.remove-two-factor-authentication-container .remove-two-factor-autentication-link {
    padding: 1em 25% 1em 1em;
}

/* responsive breakpoints for two factor authentication*/

@media (max-width: 768px) {

    /* Setup two factor authentication page - popup dialogs */

    .qr-code-dialog .setup-button-row .btn.btn-primary,
    .verify-two-factor-password-dialog .setup-button-row .btn.btn-primary {
        min-width: 60%;
    }

    .verify-two-factor-password-dialog {
        width: 50%;
        left: -webkit-calc(50% - 50% / 2);
        left: -moz-calc(50% - 50% / 2);
        left: calc(50% - 50% / 2);
    }

    /* Multi-input form element partial */

    .confirm-two-factor-password-container .multi-part-form-input-container .multipart-form-item-input {
        padding: 10px 10px 0 0;
    }

    .setup-two-factor-authentication-start-page .start-button .btn.btn-primary {
        min-width: 50%;
    }

    .setup-two-factor-authentication-start-page .setup-heading {
        font-size: 1.5em !important;
    }

    .confirm-two-factor-password-container .multi-part-form-input-container {
        padding-left: 10px;
    }
}

@media (max-width: 480px) {

    /* Multi-input form element partial */

    .confirm-two-factor-password-container .multi-part-form-input-container .multipart-form-item-input {
        -webkit-box-flex: 0;
        -webkit-flex: 0 2 3rem;
        -moz-box-flex: 0;
        -ms-flex: 0 2 3rem;
        flex: 0 2 3rem;
    }

    .multi-part-form-input-container .multipart-form-item-input input {
        height: 3rem;
        font-size: 1.1em;
    }

    .confirm-two-factor-password-container .multi-part-form-input-container .multipart-form-item-input {
        padding: 10px 5px 0 0;
    }

    .multi-part-form-input-container .multipart-form-item-input .multi-part-form-control[required] {
        padding: 0 0 0 35%;
    }

    /* Setup two factor authentication page - popup dialogs */

    .qr-code-dialog .setup-button-row .btn.btn-primary,
    .verify-two-factor-password-dialog .setup-button-row .btn.btn-primary {
        min-width: 80%;
    }

    .verify-two-factor-password-dialog {
        width: 80%;
        left: -webkit-calc(50% - 80% / 2);
        left: -moz-calc(50% - 80% / 2);
        left: calc(50% - 80% / 2);
    }

    .qr-image-container {
        width: 80%;
    }

    /* Setup two factor authentication start page */

    .setup-two-factor-authentication-start-page .setup-heading {
        font-size: 1.5em !important;
    }
}

@media (max-width: 375px) {

    /* Setup two factor authentication page - popup dialogs */

    .qr-code-dialog .setup-button-row .btn.btn-primary,
    .verify-two-factor-password-dialog .setup-button-row .btn.btn-primary {
        min-width: 90%;
    }

    .qr-image-container {
        width: 90%;
    }

    /* Setup two factor authentication start page */

    .setup-two-factor-authentication-start-page .setup-heading {
        font-size: 1.1em !important;
    }
}