/*      BASE STYLE SHEET       */


html
{
    height:100%;
}

body 
{
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans" !important;
    font-size: 10pt;
    text-decoration: none;
    height:100%;
}

*
{
    box-sizing: border-box;
    outline: 0;
}

a
{
    text-decoration: none;
    outline: 0;
    color: #000;
}

a:hover, a:focus
{
    text-decoration: none;
    color: #666;
    outline: 0;
}

a:active, a:visited
{
    text-decoration: none;
}

a[disabled] 
{
    pointer-events:none;
}

a.link-primary 
{
    color: #21a9c3;
}


/*  helpers     */

/*  font-weights  */
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fw800 { font-weight: 800 !important; }

/*  text-aligns  */
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

/*  vertical-align  */
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }

/*  white-space nowrap  */
.nw { white-space: nowrap !important; }

/*  cursor  */
.cursor-hand, .ch 
{
    cursor: pointer;
}

/*  width 100%  */
.w100
{
    width: 100%;
}

.cw50
{
    width: calc(50%);
}

/*  font-size  */
.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs20 {font-size: 20px !important;}

/*  padding-right  */
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}

/*  padding-left  */
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}

/*  padding-top  */
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}


/*  padding-bottom  */
.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}

/*  margin-top  */
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}

/*  margin-bottom  */
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}

/*  margin-right  */
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}

/*  margin-left  */
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}


/*  display  */
.db {display: block;}
.dbi {display: block !important;}
.dib {display: inline-block;}
.dn {display: none !important;}
.dt {display: table;}
.dtc {display: table-cell;}

/* opacity */
.o0 {opacity: 0;}
.o25 {opacity: .25;}
.o50 {opacity: .5;}
.o100 {opacity: 1;}
.o100hover:hover {opacity: 1;}

/* position */
.pa {position: absolute;}
.pr {position: relative;}
.pf {position: fixed !important;}

/*  link underline  */
.link-underline {border-bottom: 1px dashed #000;}

.vh {visibility:hidden;}

.pen {pointer-events: none;}

/* app-table */
.app-table
{ 
    display: table;
    width: 100%;
}

.app-table > div
{
    display: table-row;
}

.app-table > div > div
{
    display: table-cell;
}

.app-table.app-table-lr > div > div:first-child
{
    text-align: left;
}

.app-table.app-table-lr > div > div:last-child
{
    text-align: right;
}

.app-table.app-table-column1-smallest > div > div:first-child
{
    width: 1px;
    white-space: nowrap;
}

.app-table.app-table-column1-padding-right-medium > div > div:first-child
{
    padding-right: 10px;
}

.app-table.app-table-padding-between-small > div > div
{
    padding-bottom: 5px;
}

.app-table.app-table-padding-between-small > div:last-child > div
{
    padding-bottom: 0px;
}

span.show-desc,
span.show-asc
{
    xxxposition: absolute;
    xxxvisibility:hidden;
    display: none;
}

.selected.sort-asc span.show-asc,
a.selected.sort-asc span.show-asc,
span.sort-asc span.show-asc
{
    xxxposition: relative;
    xxxvisibility:visible;
    display: inline-block;
}

.selected.sort-desc span.show-desc,
a.selected.sort-desc span.show-desc,
span.sort-desc span.show-desc
{
    xxxposition: relative;
    xxxvisibility:visible;
    display: inline-block;
}

.stretch-to-bottom 
{
    overflow: hidden;
}

.stretch-h {
    display:inline-block;
    -webkit-transform:scale(2,1); /* Safari and Chrome */
    -moz-transform:scale(2,1); /* Firefox */
    -ms-transform:scale(2,1); /* IE 9 */
    -o-transform:scale(2,1); /* Opera */
    transform:scale(2,1); /* W3C */
}

.dropdown-shadow
{
    -webkit-box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
}

/* -------------------

    INTERNAL PAGES

   ------------------- */ 

/*  page-header-section */
.page-header-section 
{
    background-image:url('header_bg.png');
}

.overlay-darken
{
    display: block; 
    position: fixed;
    visibility: hidden; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    height:100%; 
    width:100%; 
    background: rgba(255,255,255,0);/*.tag-overlay-loading*/
    z-index:17000;
    transition: background .4s ease-in, visibility 0s .5s;
    -moz-transition: background .4s ease-in, visibility 0s .5s;
    -webkit-transition: background .4s ease-in, visibility 0s .5s;
    text-align: center;
    color: #064264;/*.tag-overlay-loading*/
}

.overlay-darken.show-me
{
    background: rgba(255,255,255,.85);/*.tag-overlay-loading*/
    visibility: visible; 
    transition-delay:0.25s;
}

.overlay-darken i
{
    display: inline-block !important;
    position: relative !important;
    opacity: 0;
    bottom: -35px;
    transition: all .3s ease-in;
}

.overlay-darken.show-me i
{
    opacity: 1;
    bottom: 0px;
    transition-delay:0.25s;
}
    
    
/*  mobile-page-header  */

.mobile-page-header > div > div 
{
    vertical-align:middle;
    padding-top:4px;
    padding-bottom:4px;
    color: #fff;
} 

.mobile-page-header > div > div.col-left 
{
    text-align:left;
    width:50px;
    padding-left:10px;
    font-size:10px;
    text-transform:uppercase;
}

.mobile-page-header > div > div.col-middle 
{
    text-align:center;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}

.mobile-page-header > div > div.col-right 
{
    text-align:right;
    width:50px;
    padding-right:10px;
}

.mobile-page-header > div > div.col-left i 
{
    font-size:18px;
}

.mobile-page-header > div > div.col-right i 
{
    font-size:28px;
}



/*  page-header-1  */

.page-header-1
{
    background-color: #ddd;
    /*padding: 6px 5px;*/
    padding: 0px 5px;
    font-size: 9pt;
    text-align: right;
}

.page-header-1 > div
{
    display: inline-block;
    /*padding:0px 10px;*/
    padding:6px 10px;
}

.page-header-1 > div > a
{
    color: #666;    
    white-space: nowrap;
    border: none;
    border-radius: 0px !important;
    cursor: pointer;
}

/*.page-header-1 a:hover
{
    color: #000;    
}
*/

/* for nav 1 dropdown */
.page-header-1 .dropdown i
{
    margin-left:5px !important;
    opacity:.7;
}

.page-header-1 .dropdown:hover i
{
    opacity:1;
}

.page-header-1 ul
{
    border: none;
    border-radius:0px;
    margin-top:0px;
    padding:2px;
}

.page-header-1 li a,
.page-header-1 li a:hover
{
    font-size:12px;
    font-weight:400;
    color: white;
}

.page-header-1 li a:hover
{
    background-color: rgba(255,255,255,.15);
}

.page-header-1 li.divider
{
    background-color: rgba(255,255,255,.15);
    margin: 5px 0px;
}




/*  page-header-2  */

.page-header-2
{
    padding: 12px 0 0 0;
    font-size: 10pt;
}

.page-header-2 > div
{
    display:table-cell;
    margin:0px;
    padding: 0px 15px;
    padding-bottom: 10px;
    border-bottom: 4px solid #ddd;
    white-space:nowrap;
}

.page-header-2 > div.active
{
    border-bottom: 4px solid #888;
}

.page-header-2 > div a
{
    color: #000;
}

.page-header-2 > div a:hover
{
    color: #000;    
}

.page-header-2 img.imgDesktopLogo {
    height: 60px;
    margin-bottom: 4px;
}


/*  page-header-3  */

.page-header-3
{
    margin-top: 27px;
}

.page-header-3 > .menu-item
{
    opacity: .2;
}

.page-header-3 > .menu-item,
.page-header-3 > div > .menu-item
{
    display:table-cell;
    margin:0px;
    padding: 0px 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    white-space:nowrap;
}

.page-header-3 > .menu-item:first-child,
.page-header-3 > div > .menu-item:first-child
{
    padding-left:0px;
}

.page-header-3 > .menu-item:last-child,
.page-header-3 > div > .menu-item:last-child
{
    padding-right:0px;
}

.page-header-3 > .menu-item a,
.page-header-3 > div > .menu-item a
{
    color: #888;
    cursor: pointer;
    font-size: 14px;
    font-weight:400;
}

.page-header-3 > div > .menu-item a:hover
{
    color: #000;    
}



/*  page-content  */

.page-content
{
    margin: 0px 10px;
}

.list-footer-message
{
    padding:10px 20px;
    font-size: 13px;
    font-weight: 400;
    color: #222;
}


/*  page-account-items  */

.page-account-items
{
    /*
    float: right;
    margin: 25px 0px 20px 15px;
    height: 100px;*/
    /*  width:  <-- IN THEME-RESPONSIVE.CSS FILE  */
    /*transition: width 0.5s;*/
    position: absolute;
    right: 0px;
    margin: 25px 10px 20px 15px;
    height: 100px;
    /*  width:  <-- IN THEME-RESPONSIVE.CSS FILE  */
    transition: width 0.5s;

}

/*  pdf related  */
.page-content-pdf .page-account-items
{
    position: relative;
    float: right;
    margin: 25px 0px 20px 15px;
    height: 100%;
}

.page-content-pdf .page-account-items
{
    margin-top:0px;
}


/*  page-account-list  */

.page-account-list
{
    table-layout:fixed;
}

.page-account-list > div
{
}

.page-account-list > div > div
{
    border-bottom: 1px solid #ddd;
    padding-top: 3px;
    padding-bottom: 3px;
    white-space: nowrap;
    font-size:12px;
    color: #000;
}

.page-account-list > div > div:first-child
{
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
    text-align:left;
}

.page-account-list > div > div:last-child
{
    font-weight: 300;
    text-transform: uppercase;
    text-align: right;
}

.page-account-items .page-account-message
{
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
    font-size:12px;
    font-weight: 700;
    color: #000;
}


/*  page-account-values  */

.page-account-values
{
    table-layout:fixed;
    margin-top: 10px;
}

.page-account-values > div
{
}

.page-account-values > div > div,
.page-account-header-values > div > div 
{
    padding-bottom: 0px;
    white-space: nowrap;
    font-size: 12px;
    color: #000;
}

.page-account-values > div > div:first-child
{
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
}

.page-account-values > div > div:last-child
{
    font-weight: 300;
    text-transform: uppercase;
    text-align: right;
}


/*  page-grid-summary       */
.page-grid-summary 
{
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 10pt;
    font-weight: 300;
    color: #2a2a2a;
}

.page-grid-summary strong 
{
    font-weight:700;
}


/*  page-section-filter - AKA: Search Section  */

.page-section-filter
{
    padding-top: 30px;
    margin-bottom: 15px;
}

.page-section-filter .field-element
{
    display: table-cell;
    padding-right:10px;
}

.page-section-filter .field-element .field-label
{
    font-weight: 700;
    font-size:12px;
    color: #2a2a2a;
    letter-spacing: -0.1pt
}

.page-section-filter .field-fields
{
}

.page-section-filter .field-field
{
    display: table-cell;
    padding-right:5px;
    white-space: nowrap;
    vertical-align: top;
}

.page-section-filter .field-field:last-child
{
    padding-right:0px;
}

.page-section-filter .field-field .field-datepicker
{
    width: 80px;
}

.page-section-filter .field-field i.fa-calendar
{
    display: inline-block;
    margin-left:7px;
    color: #21a9c3;
}

.page-section-filter .field-field .btn.dropdown-toggle,
.page-section-filter .field-field .field-datepicker
{
    margin-top: 0px;
    border-color: #abdbe5;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 600;
    color: #2a2a2a;
}

.page-section-filter .dropdown-menu .option-click a
{
    font-size: 12px;
    font-weight: 600;
    color: #2a2a2a;
}

.page-section-filter .field-field .btn-search
{
    margin-left: 10px;
}

.page-section-filter .field-field span
{
    display: inline-block;
    padding: 3px 0px;
    font-size: 12px;
    font-weight: 600;
    color: #2a2a2a;
}

/*  footer at bottom if needed  */
.page-section-filter-footer
{
    display: block;
    line-height: 14px; 
    font-size: 10px; 
    font-weight: 400;
}

.page-content-pdf .page-section-filter-footer
{
    line-height: 18px;
    font-size: 13px;
    font-weight:400;
}



/*  page-section-dashboard  */

.page-section-dashboard 
{
    position: relative;
}

.page-section-dashboard .left-panel 
{
    position:absolute;
    height:100%;
    width: calc(100% - 424px);
    padding:15px 0px 15px 15px;
}

.page-section-dashboard .left-panel .panel-welcome
{
    padding: 10px 15px 20px 0px;
}

.page-section-dashboard .left-panel .panel-title 
{
    margin-bottom:10px;
    font-size:18px;
    font-weight:700;
    color: #064264;
}

.page-section-dashboard .left-panel .panel-bodytext
{
    font-size: 12px;
    font-weight:300;
    color:#666;
}

.page-section-dashboard .left-panel .panel-date 
{
    white-space: nowrap;
    font-size: 12px;
    font-weight:300;
    color:#666;
}

.page-section-dashboard .left-panel .panel-date-label
{
    white-space: nowrap;
    font-size: 12px;
    font-weight:600;
    color:#666;
}

.page-section-dashboard .panel-welcome .app-table > div > div:last-child 
{
    padding-left:30px;
    white-space: nowrap;
}

/* ------- */

.page-section-dashboard .left-panel .panel-actions 
{
    padding:5px 0px;
    border-top:1px solid #abdbe5;
    border-bottom:1px solid #abdbe5;
    margin-bottom: 10px;
    margin-right:15px;
}

.page-section-dashboard .left-panel .panel-actions > div > div > div.padded
{
    padding:0px 5px;
}

.page-section-dashboard .left-panel .panel-actions > div > div > div
{
    background-color: #EFEFEF;
    border-right:1px solid #fff;
    white-space:nowrap;
}

.page-section-dashboard .left-panel .panel-actions .panel-cell-checkbox
{
    background-color: #D5E9ED;
    padding-left:8px;
    padding-right:8px;
    width:1px;
    /*font-size:13pt;*/
}

.page-section-dashboard .left-panel .panel-actions .panel-cell-checkbox a
{
    padding:0px;
}

.page-section-dashboard .left-panel .panel-actions .panel-cell-checkbox i
{
    font-size:18px;
    color: #21A9C3;
}

.page-section-dashboard .left-panel .panel-actions > .app-table
{
    height: 26px;
}

.page-section-dashboard .left-panel .panel-actions > div > div > div > span
{
    display: inline-block;
    font-size: 12px;
    font-weight:600;
    padding: 0px 1px;
}

.page-section-dashboard .left-panel .panel-actions > div > div > div .dropdown .btn
{
    font-size: 12px;
    font-weight:600;
}

.page-section-dashboard .left-panel .panel-actions > div > div > div span.btn
{
    border-radius: 0px;
    font-size: 12px;
    font-weight:600;
    padding: 0px 1px 0px 10px;
}

.page-section-dashboard .left-panel .panel-actions > div > div > div > span
{
    display: block;
    border: none;
    margin:0px;
    padding: 0px 1px;
    text-align: center;
    font-size: 12px;
    font-weight:600;
    color: #064264;
}

.page-section-dashboard .left-panel .panel-actions > div > div > div[disabled],
.page-section-dashboard .left-panel .panel-actions > div > div > div[disabled] span
{
    color: #fff;
    pointer-events: none;
    cursor: default;
}

.page-section-dashboard .left-panel .panel-actions .panel-cell-aggregate
{
    background-color: #bbb;
    position: relative;
    padding-right: 0px;
    vertical-align: middle;
    border-right-width: 1px;
}

.page-section-dashboard .left-panel .panel-actions .panel-cell-aggregate span
{
    color: #fff;
    padding-left:5px;
}

/*right-triangle*/
.page-section-dashboard .left-panel .panel-actions .panel-cell-aggregate:after 
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
	border-top: 13px solid transparent;           
	border-bottom: 13px solid transparent;
	border-left: 13px solid #F1662F;
	position: absolute;
	top:0%;
	margin-top: 0px;
	right:-14px;
	z-index: 0;    
}

/*
.page-section-dashboard .left-panel .panel-actions [disabled].panel-cell-aggregate a,
.page-section-dashboard [disabled].tag-button-view-holdings
{
    background-color: #bfbfbf !important;
    pointer-events: none;
}

.page-section-dashboard .left-panel .panel-actions .panel-cell-aggregate[disabled]:after 
{
    border-left-color: #bfbfbf;
}
*/

.page-section-dashboard .left-panel .panel-actions .panel-mobile-button a
{
    background-color: #efefef;
    color: #064264;
}

.page-section-dashboard .left-panel .panel-actions .panel-mobile-button.selected
{
    background-color: #666666;
}

.page-section-dashboard .left-panel .panel-actions .panel-mobile-button.selected span
{
    color: #fff;
}

.page-section-dashboard .left-panel .panel-actions button.dropdown-toggle span.show-asc,
.page-section-dashboard .left-panel .panel-actions button.dropdown-toggle span.show-desc
{
    margin-right:20px;
}


/* ------- */

.panel-datalist-items,
.page-section-dashboard .left-panel .panel-account-items 
{
    padding-right: 15px;
}

.panel-datalist-items > div,
.page-section-dashboard .left-panel .panel-account-items > div
{
    /* shadow  */
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    /* ... */
    width:100%;
    margin-bottom:5px;
    min-height: 45px;
}

.panel-datalist-items > div:last-child,
.page-section-dashboard .left-panel .panel-account-items > div:last-child
{
    margin-bottom:0px;
}

.panel-datalist-items .column-checkbox,
.page-section-dashboard .left-panel .panel-account-items .column-checkbox
{
    background-color: #d5e9ed; 
    padding:5px 5px;
    width:1px;
}

.panel-datalist-items .column-checkbox label,
.panel-datalist-items .column-checkbox i,
.page-section-dashboard .left-panel .panel-account-items .column-checkbox label,
.page-section-dashboard .left-panel .panel-account-items .column-checkbox i
{
    font-size:17px;
    color: #21a9c3
}

.panel-datalist-items .column-data,
.page-section-dashboard .left-panel .panel-account-items .column-data
{
    position: relative;
    width:100%; 
    background-color: #efefef; 
    padding:4px 8px; 
    color: #000;
    z-index: 10;
}

.panel-datalist-items [active] .column-data,
.page-section-dashboard .left-panel .panel-account-items [active] .column-data
{
    background-color: #21a9c3; 
    color: #fff;
}

.panel-datalist-items.enable-row-hover .app-table:not([active]):hover .column-data ,
.page-section-dashboard .left-panel .panel-account-items.enable-row-hover .app-table:not([active]):hover .column-data
{
    background-color: transparent;
}

.panel-datalist-items.enable-row-hover .app-table:not([active]):hover .column-data > div:before ,
.page-section-dashboard .left-panel .panel-account-items.enable-row-hover .app-table:not([active]):hover .column-data > div:before
{
        content: '\A';
        display: table-cell;
        background-color: rgba(0,0,0, 0.02);
        position: absolute;
        top:0 ;
        left: 0;
        width:100%;
        height:100%;
        right:0;
        bottom: 0;
        z-index: 9;
}

.panel-datalist-items .app-table .column-data div div,
.page-section-dashboard .left-panel .panel-account-items .app-table .column-data div div
{
    position: relative;
    z-index:11;
}


.panel-datalist-items .column-data .account-line1,
.page-section-dashboard .left-panel .panel-account-items .column-data .account-line1
{
    font-weight: 400;
}

.panel-datalist-items .column-data .account-line2,
.page-section-dashboard .left-panel .panel-account-items .column-data .account-line2
{
    font-weight: 600;
}

.panel-datalist-items > div:not([active])[highlight] .column-data,
.page-section-dashboard .left-panel .panel-account-items > div:not([active])[highlight] .column-data
{
    background-color: pink;
}

.panel-datalist-items .datalist-footer-message,
.page-section-dashboard .left-panel .panel-account-items .account-footer-message
{
    border:none;
    margin-top:5px;
    font-size: 9px;
    font-weight: 400;
    color: #000;
    min-height: 0px;
}

.panel-datalist-items > div[active],
.page-section-dashboard .left-panel .panel-account-items > div[active]
{
    position:relative;
}

/*  triangles on right are in the theme-responsive file... */


/* ------- */

.page-section-dashboard .right-panel 
{
    position: absolute; 
    background-color: #eaf5f7; 
    height:100%;
    width:424px; 
    top:0px; 
    right:0px; 
    bottom:0px; 
}

.page-section-dashboard .right-panel .panel-title
{
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom:1px solid #abdbe5;
    margin-bottom:10px;
    text-align: center;
    text-transform:uppercase;
    font-size:14px;
    font-weight:600;
    color: #064264;
}

.page-section-dashboard .right-panel #panel-chart
{
    padding-bottom: 15px;
    text-align: center;
}

.page-section-dashboard .right-panel .panel-heading
{
    margin-bottom:7px;
    padding:0px 0px 0px 15px;
    text-align: left;
    font-size:12px;
    font-weight:700;
    color:#2a2a2a;
}

.panel-asset-class-table 
{
    padding: 0px 15px;
    margin-bottom: 20px;
}

.panel-asset-class-table .app-table > div:first-child > div
{
    border-top: 1px solid #d6d6d6;
}

.panel-asset-class-table .app-table > div > div
{
    border-bottom: 1px solid #d6d6d6;
    padding: 2px;
    text-align: right;
    font-weight: 600;
    font-size:12px;
    color: #2a2a2a;
}

.panel-asset-class-table .app-table > div > div.percentage
{
    font-weight:300;
}

.panel-asset-class-table .app-table > div > div.value
{
    font-weight:400;
}

.panel-asset-class-table .app-table > div > div:first-child
{
    text-align: left;
}

.panel-asset-class-table .app-table > div > div i
{
    padding-right: 7px;
}

.page-section-dashboard .panel-view-button
{
    text-align:center;
}


/*  page-section-nested-list  */

.page-section-nested-list
{
    overflow: hidden;
}

.page-section-nested-list > .record
{
    background-color: #eaf5f7;
    border-top: 1px solid #abdbe5;
}

.page-section-nested-list > .record:last-child
{
    border-bottom: 1px solid #abdbe5;
}

.page-section-nested-list .record.record-show
{
    background-color: transparent;
}

.page-section-nested-list i.fa-plus-square,
.page-section-nested-list i.fa-minus-square
{
    font-size:14px;
    color: #21a9c3;
}

.page-section-nested-list span
{
    font-size: 15px;
    color: #2a2a2a;
    font-weight:400;
    white-space: nowrap;
}

.page-section-nested-list .node-item span
{
    white-space:normal;
}

.page-section-nested-list span.darker
{
    color: #000;
    font-weight:600;
}



.page-section-nested-list .node-item .app-table > div > div
{
    padding:20px;
}

.page-section-nested-list .node-item .app-table > div > div
{
    padding:20px;
}

.page-section-nested-list > .record .record .node-item .app-table > div > div
{
    padding-top:0px;
}

.page-section-nested-list .node-item .app-table > div > div:not(:first-child)
{
    padding-left:0px;
}

.page-section-nested-list .node-item .fa
{
    display: none;
}


/*
.page-section-nested-list > .record:not(.record-show) .node-item .fa.fa-plus-square
{
    display: inline-block;
}

.page-section-nested-list > .record.record-show .node-item .fa.fa-minus-square
{
    display: inline-block;
}
*/

.page-section-nested-list .record:not(.record-show) > .node-item .fa.fa-plus-square
{
    display: inline-block;
}

.page-section-nested-list .record.record-show > .node-item .fa.fa-minus-square
{
    display: inline-block;
}

/*
.page-section-nested-list .node-item-content .fa.fa-plus-square,
.page-section-nested-list .node-item-content .fa.fa-minus-square
{
    display: none;
}

.page-section-nested-list .node-item-content .record:not(.record-show) .node-item-heading .fa.fa-plus-square 
{
    display: inline-block;
}

.page-section-nested-list .node-item-content .record.record-show .node-item-heading .fa.fa-minus-square
{
    display: inline-block;
}
*/

.page-section-nested-list .node-item-content
{
    padding: 0px 20px 15px 50px;
    width: 700px;
    transition: width 0.25s;
}

.page-section-nested-list .node-item-content .node-item-content
{
    width: 100%;
}

.page-section-nested-list .record:not(.record-show) > .node-item-content
{
    display: none;
}

/*
.page-section-nested-list .node-item-content .record:not(.record-show) .node-item-contents
{
    display: none;
}
*/

.page-section-nested-list .node-item-content > .app-table span
{
    font-size:14px;
}

.page-section-nested-list .node-item-content .node-item-heading .app-table > div > div
{
    padding: 10px;
}

.page-section-nested-list .node-item-content .record:first-child .node-item-heading .app-table > div > div
{
    padding-top: 0px;
}

.page-section-nested-list .node-item-content .node-item-heading .app-table > div > div:not(:first-child)
{
    padding-left: 0px;
}

/*
.page-section-nested-list .node-item-content .record .node-item-contents
{
    padding-left: 30px;
}
*/

.page-section-nested-list .node-item-content > .app-table > div > div
{
    border-top: 1px solid #abdbe5;
    padding: 10px;
}

.page-section-nested-list .node-item-content > .app-table > div:last-child > div
{
    border-bottom: 1px solid #abdbe5;
}

.page-section-nested-list .node-item-content .app-table > div > div:not(:first-child)
{
    padding-left: 0px;
}

.page-section-nested-list i.file-icon
{
    font-size:18px;
    color: #21a9c3;
}

/*
.page-section-nested-list .node-item-content span
{
    font-size: 14px;
    font-weight: 200;
    color: #21a9c3;
}

.page-section-nested-list .node-item-content span.darker
{
    font-weight: 600;
    color: #21a9c3;
}
*/


/*  page-section-tabs                           */
/*  - look or css in theme-responsive.css file  */

.mobile-footer-panel
{
    position: absolute;
    display: block;
    bottom:0px;
    width:100%;
    padding: 10px 10px 8px 10px;
    background-color: #064264;
    color: #fff;
    font-size:12px;
    font-weight: 700;
    cursor: pointer;
    box-shadow:0px -2px 3px #aaa;
    z-index:100;
}

.mobile-footer-panel[disabled]
{
    pointer-events:none;
    opacity:.8;
}


.mobile-footer-panel i.fa.fa-circle
{
    color: #fff;
    font-size:14px;
}

.mobile-footer-panel i.fa-arrow-circle-right,
.mobile-footer-panel i.fa-arrow-circle-down
{
    color: #f1662f;
    font-size:17px;
}


/*  page-section-export  */

.page-section-actions
{
    text-align: right;
    width: 100%;
}

.page-section-actions > a
{
    cursor: pointer;
}

.page-section-actions > span.delimiter
{
    margin: 0px 5px;
}

.page-section-actions > a,
.page-section-actions > span
{
    color: #888;
    font-size:12px;
    font-weight: 600;
}




/*  page-section-accordian-tab  */

.page-section-accordian-tab .accordian-panel > div
{
    padding: 0px 0px 0px 20px ; 
    position: relative;
    height: 100%;
}

.page-section-accordian-tab .accordian-panel .page-form
{
    margin-top: 20px;
}

.page-section-accordian-tab div.accordian-tab > div
{
    height:20px;
    background-color: #ddd;
    border-top: 1px solid #bbb;
    padding: 15px 10px;
    font-weight: 600;
    color: #000;
}

.page-section-accordian-tab div.accordian-panel 
{
    display: none;
}
    
.page-section-accordian-tab div.accordian-panel.active
{
    display: table-row;
}
    
.page-section-accordian-tab div.accordian-tab .fa.fa-chevron-up,
.page-section-accordian-tab div.accordian-tab .fa.fa-chevron-down
{
    display: none;
}

.page-section-accordian-tab div.accordian-tab.active .fa.fa-chevron-up
{
    display: inline-block;
}
   
.page-section-accordian-tab div.accordian-tab:not(.active) .fa.fa-chevron-down
{
    display: inline-block;
}
   
   
/*  panel-left  */

#panel-left 
{
    background-color:#888;  
}

#panel-left a.aMobileLogo
{
    display: inline-block;
    background-image:url('logo150x50.png');
    width:150px;
    height:50px;
    margin:20px;
}

.scotch-panel-canvas.scotch-is-showing #panel-left 
{
    box-shadow: 2px 0px 3px rgba(0,0,0,.4);
}

#panel-left > div > div:first-child
{
    padding: 0px;
}

#panel-left #divLeftNavPlaceHolder1
{
    margin-top:0px;   
}

#panel-left #divLeftNavPlaceHolder1 > div.menu-item
{
    padding: 0px 10px;
}

#panel-left #divLeftNavPlaceHolder1 > div.menu-item.active
{
    background-color: #ddd;
    border-left: 5px solid #888;
    padding: 0px 6px;
}

#panel-left #divLeftNavPlaceHolder1 > div.menu-item.active a
{
    border-top: none;
}

#panel-left #divLeftNavPlaceHolder1 > div.menu-item > a
{
    display: block;
    width: 100%;
    padding: 10px 5px;
    border-top: 1px solid #666;
    color: #fff;
}

#panel-left #divLeftNavPlaceHolder1 > div.menu-item:last-child > a
{
    border-bottom: 1px solid #666;
}

#panel-left #divLeftNavPlaceHolder1 > div > div.menu-item:last-child > a
{
    border-bottom: 1px solid #666;
}

#panel-left .menu-item-children > div
{
    border-left: 5px solid transparent;
    padding-left: 15px;
    padding-right: 10px;
}

#panel-left .menu-item-children > div > a
{
    display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    color: #000;
    border-top: 1px solid #666;
}

#panel-left .menu-item-children > div.active
{
    background-color: #ddd;
    border-left: 5px solid #888;
}

#panel-left .menu-item-children > div.active a
{
    color: #000;
    border-top: none;
}

#panel-left #divLeftNavPlaceHolder1 > div.menu-item.active + div:not(.active).menu-item > a
{
    border-top: none;
}

#panel-left #divLeftNavPlaceHolder1 .menu-item-children > div.active + div:not(.active) > a
{
    border-top: none;
}

#panel-left #divLeftNavPlaceHolder2 > div.menu-item > a,
#panel-left #divLeftNavPlaceHolder2 > div.menu-dropdown-item > a
{
    display: block;
    width: 100%;
    padding: 10px 5px 10px 20px;
    background-color: #909090;
    color: #fff;
    margin-bottom:10px;
}

#panel-left #divLeftNavPlaceHolder2 div.menu-dropdown-child-item > a
{
    display: block;
    width: 100%;
    padding: 10px 5px 10px 20px;
    background-color: #aaa;
    color: #fff;
    margin-bottom:10px;
    border: none;
}

/* hide panel-left on load, but show after the scotch is applied */
#panel-left
{
    display: none;
}

#panel-left.scotch-panel-left
{
    display: block;
}



/*  panel-right  */

#panel-right 
{
    color: #fff;   
    display:none; 
    position: absolute; 
    width:240px; 
    right:0px; 
    z-index:16000; 
    box-shadow: -2px 0px 3px rgba(0,0,0,.4);
}

#panel-right,
#panel-right .footer-link
{
    background-color:#888;
}

#panel-right .field-label
{
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
    padding:10px 15px;
    font-size:11pt;
    font-weight:600;
    margin-bottom:0px;
}

#panel-right .field-element:first-child .field-label
{
    border-top: none;
}

#panel-right .field-fields
{
    padding: 15px 0px;
}

#panel-right .field-field .option-heading,
#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio,
#panel-right .field-field .option
{
    padding-left: 10px;
    padding-right: 10px;
}

#panel-right .field-field .option.divider
{
    height: 5px;
}

#panel-right .field-field .option-heading
{
    margin-top:10px;
    margin-bottom: 10px;
    border-top:2px solid #777;
    border-bottom:2px solid #777;
    padding-top:7px;
    padding-bottom:7px;
    font-size:10pt;
}


#panel-right .field-field:first-child .option-heading
{
    margin-top: 0px;
}

#panel-right .field-field .option-heading .fa
{
    display: none;
}

#panel-right .field-field.opened-xs .option-heading .fa.fa-chevron-up
{
    display: inline-block;
}

#panel-right .field-field:not(.opened-xs) .option-heading .fa.fa-chevron-down
{
    display: inline-block;
}

#panel-right .field-field .font-small
{
    font-size: 10px;
    font-weight: 400;
}

#panel-right .field-field:not(.opened-xs) > div > div:last-child
{
    display: none;
}


#panel-right .field-field .option input[type=checkbox]
{
    margin-right:10px;
    background-color: transparent;
}

#panel-right .field-field .option span.font-small
{
    display: inline-block;
    padding-top:5px;
    font-size:9pt;
}

/* option-click's */
#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio
{
    border-top: 2px solid #777;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:10pt;
}

#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio[active]
{
    background-color: #777;
    padding-right:0px;
}

#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio[active] a.is-label
{
    display:none;
}

#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio:not([active]) > div
{
    display:none;
}

#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio > a
{
    display: block;
    color: #fff;
}

/*
#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio[active] > a
{
    border-bottom:2px solid #999;
}
*/

#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio i.fa-dot-circle-o,
#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio i.fa-circle-o
{
    display: none;
}

#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio:not([active]) i.fa-circle-o
{
    display: inline-block;
}

#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio[active] i.fa-dot-circle-o
{
    display: inline-block;
}

/*#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio a i.fa-dot-circle-o,
#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio a i.fa-circle-o,*/
#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio a i.fa
{
    color: #eee;
    margin-right:8px;
    font-size:13px;
}

#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio .field-field
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right:15px;
}

#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio input[type='text']
{
    background-color: #fff;
    border-color: #999;
    margin-right:5px;
}

#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio input[type='text'],
#panel-right .field-field .dropdown.flatten-in-panel .option-click.radio button.dropdown-toggle,
#panel-right .field-fields .field-field > input.field-datepicker[type='text'] 
{
    width:67px;
    text-align: left;
    color: #fff;
    padding: 1px 4px;
}

#panel-right .field-field-label
{
    display: block;
    text-align: right;
}

#panel-right .field-fields .field-field > input.field-datepicker[type='text'] 
{
    margin-right: 5px;
}

#panel-right .field-element-single-row-xs > div,
#panel-right .field-element-single-row-xs .field-field
{
    display: inline-block !important;
}

#panel-right .field-element-single-row-xs > .field-label
{
    width: 100px;
}

#panel-right .field-element-single-row-xs .field-field button.dropdown-toggle
{
    margin-right: 5px;
}



/*  RIGHT PANEL - SINGLE INSTANCE OF CONTENT BETWEEN MOBILE AND DESKTOP */

.panel-right 
{
    border-top: 2px solid pink;
    /*
    position: absolute; 
    display: inline-block; 
    background-color: #fff;
    width:250px; 
    right:0px; 
    z-index:16000; 
    box-shadow: -2px 0px 3px rgba(0,0,0,.4);
    */
}



/*  CRITERIA PANEL - DESKTOP AND MOBILE  */

.page-section-criteria 
{
    border-top: 2px solid #21a9c3;
    border-bottom: 2px solid #21a9c3;
    border-left: 1px solid #21a9c3;
    border-right: 1px solid #21a9c3;
    background-color: #fff;
    width:300px;
    min-width:300px;
    z-index: 16000;
}

.page-section-criteria .criteria-fields
{
    padding-top:10px;
}

.page-section-criteria .criteria-field
{
    padding: 10px 10px;
}

.page-section-criteria div.criteria-label
{
    overflow: hidden;
    padding-bottom:10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}

.page-section-criteria span.criteria-label
{
    padding-left:5px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 700;
}

.page-section-criteria .criteria-option
{
    padding-bottom:5px;
}

.page-section-criteria .criteria-option:last-child
{
    padding-bottom:0px;
}

.page-section-criteria .criteria-option-inputs
{
    display: table;
    width: 100%;
}

.page-section-criteria .criteria-option-inputs .criteria-option-input
{
    display: table-cell;
}

.page-section-criteria .criteria-option-inputs .criteria-option-input:last-child
{
    padding-left:15px;
}


.page-section-criteria input[type='text']
{
    width:100%;
    text-align: left;
    color: #fff;
    padding: 1px 4px;
    margin:0px;
}

.page-section-criteria input[type='text'].input-value-date
{
    width:90px;
}

.page-section-criteria .btn.dropdown-toggle,
.page-section-criteria .dropdown-menu .option-click a
{
    font-size: 12px;
    font-weight: 600;
    color: #2a2a2a;
}

.page-section-criteria .apply-fa-link i
{
    margin-left:0px;    
}

.page-section-criteria i
{
    margin-left:5px;    
}

.page-section-criteria .btn.tag-submit-button,
.page-section-criteria .btn.btn-action
{
    display: block;
    margin: 10px 10px 20px 10px;
    border-radius: 0px;
    padding: 5px 0px;
    text-align: center;
    font-size:12px;
    font-weight:600;
}

.page-section-criteria .criteria-heading
{
    border-bottom: 1px solid #abdbe5;
    background-color: #eaf5f7;
    padding: 15px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}



/*  page-banner-message  */
.page-banner-message
{
    z-index: 100;
    position: absolute;
    left:0px;
    right:0px;
    text-align: center; 
}

.page-banner-message > div
{
    width:100%; 
    max-width:770px; 
    background-color: darkblue; 
    display: inline-block; 
    padding: 15px 20px; 
    color: yellow;
    -moz-box-shadow: 0px 0px 10px 0px #000000; 
    -webkit-box-shadow: 0px 0px 10px 0px #000000; 
    box-shadow: 0px 0px 10px 0px #000000;    
}

.page-banner-message .page-banner-message-text-box
{
    margin-right:15px;
    font-size:20px;
}

.page-banner-message .page-banner-message-text
{
    cursor: pointer;
}

.page-banner-message .page-banner-close-button
{
    float: right; 
    position: relative; 
    height:0px;
    top:-15px; 
    right:-10px;
    font-size:25px; 
    opacity: .5;
    cursor:pointer;
}

.page-banner-message .page-banner-close-button:hover
{
    opacity: 1;
}

.page-banner-message.page-banner-message-bottom
{
    bottom:0px;
}



/*  panel-action-items  */
.panel-action-items .action-item i
{
    margin-right: 5px;
    font-size: 13px;
}

.panel-action-items .action-item span,
.panel-action-items .action-item a
{
    font-weight:600;
    font-size:12px;
}

.panel-action-items .action-item a
{
    cursor: pointer;
}



/*  float background*/

.float-overlay
{
    display: block; 
    position: absolute;
    visibility: hidden; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    height:100%; 
    width:100%; 
    background-color: #000; 
    opacity:0;
    z-index:1000;
    transition: opacity .25s ease-in-out, visibility 0s .25s;
    -moz-transition: opacity .25s ease-in-out, visibility 0s .25s;
    -webkit-transition: opacity .25s ease-in-out, visibility 0s .25s;
}

.float-overlay.show-me
{
    z-index:1000;
    opacity:.60;
    visibility: visible; 
    transition-delay:.0s;
}



/*  float window centered  */
.float-centered
{
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity:0;
    /*transform: translate(-50%,-45%);*/
    transform: translate(-50%,-50%) scale(.95,.95);
    max-height:calc(100%-100px);
    transition: opacity .20s ease-in-out, visibility 0s .25s, transform .20s ease-out;
    -moz-transition: opacity .20s ease-in-out, visibility 0s .25s, transform .20s ease-out;
    -webkit-transition: opacity .20s ease-in-out, visibility 0s .25s, transform .20s ease-out;
    box-shadow: 0px 0px 3px rgba(0,0,0,.4);
}

.float-centered.show-me
{
    /*transform: translate(-50%,-50%);*/
    transform: translate(-50%,-50%) scale(1,1);
    opacity:1;
    visibility: visible;
    transition-delay:.0s;
}


/*---*/

#panel-right .btn.tag-section-filter-submit-button 
{
    width:100%;
    margin: 10px 0px 20px 0px;
    border-radius: 0px;
    padding: 5px 0px;
    text-align: center;
    font-size:12px;
    font-weight:600;
}


/*---*/


#panel-right .account-list .app-table > div > div,
#panel-right .account-values .app-table > div > div
{
    border-bottom:1px solid #777;
    vertical-align: top;
    color: #eee;
}

#panel-right .account-list .app-table > div > div:first-child,
#panel-right .account-values .app-table > div > div:first-child
{
    padding-right:10px;
}

#panel-right .account-header-values .app-table > div > div 
{
    padding: 5px 10px;
    font-weight: 300;
    font-size: 12px;
}


/*---*/

#panel-right .footer-link
{
    display: inline-block;
    width:100%;
    border-top:2px solid #fff;
    padding:10px 15px;
}

#panel-right .stick-to-bottom
{
    position:absolute;
    display: block;
    bottom:0px;
}

#panel-right .tag-right-panel-account-list > div
{
    margin-bottom:50px;
}


/*  popup-window  */
.popup-show div.popup-background
{
    display: block; 
    position: fixed; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    height:100%; 
    width:100%; 
    background-color: #000; 
    opacity:.9;
    z-index:20000;
}

div.popup
{
    display: none;
}

.popup-show div.popup
{
    display: inline-block; 
    position: fixed; 
    top:50%; 
    left:50%; 
    width:350px; 
    background-color: #000; 
    background-color: #efefef; 
    padding:15px 20px; 
    font-size:12px; 
    color: #666;
    text-align: left;
    transform: translate(-50%, -50%);
    z-index:21000;
}

div.popup a:focus
{
    outline: 0;
}

div.popup .popup-title
{
    font-weight:600; 
    margin-bottom:15px;
}

div.popup .popup-bodytext
{
    font-weight:200; 
    text-align:left; 
    margin-bottom:15px;
}

div.popup input[type=text]
{
    font-size:12px !important;
    font-weight:400 !important; 
}

div.popup i.fa
{
    font-size:10pt;
    margin-right: 5px
}

div.popup i.fa.fa-square-o
{
    margin-right: 6px;
}


/* -------------------

    EXTERNAL PAGES

   ------------------- */ 


/*  external-page-container  */

.external-page-container
{
    padding: 15px 20px;
}

.external-page-container .bodytext
{
    font-size:10pt;
    /*width:300px;*/
}

.external-page-container .bodytext a
{
    font-weight:600;
}

.external-page-container .errormessage
{
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
}



/*  external-page-header-1  */

.external-page-header-1
{
    padding-bottom: 15px;
    border-bottom: 5px solid #ddd;
    margin-bottom:40px;
}

.external-page-header-1 > a
{
    display: inline-block;
    background-image:url('http://placehold.it/250x100');
    background-repeat:no-repeat;
    width:250px;
    height:100px;
}


/*  external-page-section-form  */

.external-page-section-form
{
    padding-bottom: 15px;
}

.external-page-section-form div.field
{
    padding-top:15px;
}

.external-page-section-form div.field:first-child
{
    padding-top:0px;
}

.external-page-section-form .label,
.external-page-section-form .span
{
    font-weight:400;
}

.external-page-section-form input[type='text'],
.external-page-section-form input[type='password'] 
{
    width:200px;
}

.external-page-section-form .message
{
    padding-top:5px;
    font-weight:400;
}

.external-page-section-form .font-small
{
    font-size: 9pt;
}

.external-page-section-form .btn
{
    margin-top: 25px;
}



/*  page-form  */

.page-form
{
    padding-bottom: 15px;
}

.page-form div.field:not(:first-child)
{
    padding-top:20px;
}

.page-form .field-title
{
    display: block;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight:700;
    color: #2a2a2a;
}

.page-form .field-subtitle
{
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight:700;
    color: #2a2a2a;
}

.page-form .field-bodytext
{
    display: block;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight:300;
    color: #2a2a2a;
}

.page-form .field-debugcomment
{
    display: block;
    width:400px;
    border:1px solid #aaa;
    padding: 10px 15px;
    font-size: 13px;
    font-weight:400;
    color: #aaa;
}

.page-form .field-label
{
    display: inline-block;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight:400;
    color: #2a2a2a;
}

.page-form input[type='text'],
.page-form input[type='password']
{
    width:220px;
    border-radius: 0px;
    border-color: #21a9c3;
    padding: 5px 10px;
    font-size: 13px;
}

.page-form input[type='text'].width-half,
.page-form input[type='password'].width-half
{
    width:110px;
}

.page-form input[type='text'].width-third,
.page-form input[type='password'].width-third
{
    width:75px;
}

.page-form input[type='text'].field-datepicker
{
    width: 100px;
}

.page-form .message
{
    padding-top:5px;
    font-size: 13px;
}

.page-form .font-small
{
    font-size:11px;
}

.page-form .btn.tag-submit
{
    border-radius: 0px;
    margin-top: 25px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight:600;
}

.page-form .btn.btn-wide
{
    padding-left:20px;
    padding-right:20px;
}

.page-form .dropdown button
{
    margin-top:0px;
    border-radius: 0px;
    border-color: #21a9c3;
    padding: 5px 10px;
}

.page-form .dropdown button span
{
    font-weight: 600;
    font-size: 13px;
    color: #2a2a2a;
}

.page-form .dropdown button i
{
    margin-left: 10px;
    font-size: 13px;
    color: #2a2a2a;
}

.page-form .dropdown ul li a
{
    font-weight: 600;
    font-size: 13px;
    color: #2a2a2a;
}

.page-form .field-radio-list .list-item .unselected-visible,
.page-form .field-radio-list .list-item .selected-visible
{
    display: none;
}

.page-form .field-radio-list .list-item.selected .selected-visible
{
    display: inline-block;
}

.page-form .field-radio-list .list-item:not(.selected) .unselected-visible
{
    display: inline-block;
}


/*  external-page-section-message  */

.external-page-section-message
{
    font-size:9pt;
    width:300px;
}

.external-page-section-message a
{
    font-weight:600;
}


/*  responsiveerrormessage */

.responsiveerrormessage
{
    display: inline-block;
    margin: 15px 0px;
    border-bottom:1px solid #666;
    background-color: #8B0000;
    padding:10px 15px;
    font-size:13px;
    font-weight:600;
    color: #fff;
    white-space: normal !important;
}

.responsiveerrormessage:empty
{
    display: none;
}


/*  responsiveformmessage */

.responsiveformmessage-desktop
{
    position: relative; 
    height: 0px; 
    left: 360px;
    width: calc(100% - 360px);
}


/* -------------------

    BOOTSTRAP RELATED

   ------------------- */ 


a, a:hover
{
    text-decoration: none;
}


.btn
{
    font-size:14px;
    line-height: normal;
    border-radius:2px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  outline: 0 !important;
  xxxoutline-offset: 0  !important;
  background-image: none  !important;
  -webkit-box-shadow: none !important;
  box-shadow: none  !important;
}

.btn.btn-sharp
{
    border-radius:0px;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary.hover,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:focus,
.btn.btn-primary.focus
{
    background-color: #21a9c3;
    border: none;
    outline: none !important;
    line-height: normal;
    color: #fff;
}

.btn.btn-primary-2,
.btn.btn-primary-2:hover,
.btn.btn-primary-2.hover,
.btn.btn-primary-2:active,
.btn.btn-primary-2.active,
.btn.btn-primary-2:focus,
.btn.btn-primary-2.focus
{
    background-color: #F1662F;
    border: none;
    outline: none !important;
    line-height: normal;
    color: #fff;
}


.btn.btn-primary[disabled],
.btn.btn-primary-2[disabled]
{
    background-color: #bfbfbf;
}

.btn.btn-search
{
    padding: 3px 10px 3px 10px;
    font-size: 12px;
    font-weight: 600;
}

input[type=text],
input[type=password]
{
    border-radius:2px;
    border:1px solid #21A9C3;
    font-size:14px;
    line-height: normal;
}

.btn.dropdown-toggle, 
input[type='text'],
input[type='password'],
.btn.btn-xs
{
    padding: 2px 8px;
}

.btn.btn-default:not(.dropdown-toggle)
{
    border-radius:0px;
    border: none;
}

.btn.btn-large {
    font-weight:600;
    font-size: 12px;
    padding: 15px 12px;
}

.btn.btn-default
{
    background-color: #F1662F;
}

.btn.btn-default[disabled]
{
    background-color: #bfbfbf;
    opacity:1;
}

.btn.btn-default.dropdown-toggle
{
    background-color: #fff;
}

.btn.btn-primary.btn-hollow
{
    font-size:12px;
}

.btn.btn-xs 
{
    font-size:11px;
    font-weight: 600;
}

.btn.btn-wide 
{
    padding-left:25px;
    padding-right:25px;
}

.btn.btn-xs.btn-wide 
{
    padding: 2px 25px;
}

.btn[disabled]
{
    opacity:1;
}

.dropdown-menu > li > a
{
    padding: 2px 10px;
}

.dropdown-menu > li > span:not(.apply-fa-link)
{
    display: inline-block;
    margin: 0px 10px;
    padding: 2px 0px;
}

.dropdown-menu > li > span.apply-fa-link
{
    margin-left: 10px;
}

.dropdown-menu > li > input[type=checkbox]
{
    xxxmargin: 0px 0px 0px 10px;
}

.dropdown-menu > li > span.font-small 
{
    font-size:9pt;
}

.input-group.date .input-group-addon
{
    border: none;
    background-color: transparent;
}


input.applied-fa[type=checkbox] 
{
    display: none;
}

input.applied-fa[type=checkbox] + span.apply-fa-link > i
{
    display: none;
    font-size:14px;
    color: #21a9c3;
}

input.applied-fa[type=checkbox]:not(:checked):not([disabled]) + span.apply-fa-link > i.is-check-off
{
    display: inline-block;
    xxxletter-spacing:0px;
}

input.applied-fa[type=checkbox]:checked:not([disabled]) + span.apply-fa-link > i.is-check-on
{
    display: inline-block;
}

input.applied-fa[type=checkbox][disabled] + span.apply-fa-link > i.is-disabled
{
    display: inline-block;
}

input.applied-fa[type=checkbox]:checked + span.apply-fa-link > i.is-check-off
{
    xxxdisplay: none;
}


/*  RADIO BUTTONS  */
input.applied-fa[type=radio] 
{
    display: none;
}

input.applied-fa[type=radio] + span.apply-fa-link > i
{
    display: none;
    font-size:14px;
    color: red;
}

input.applied-fa[type=radio]:not(:checked):not([disabled]) + span.apply-fa-link > i.is-check-off
{
    display: inline-block;
}

input.applied-fa[type=radio]:checked:not([disabled]) + span.apply-fa-link > i.is-check-on
{
    display: inline-block;
}

input.applied-fa[type=radio][disabled] + span.apply-fa-link > i.is-disabled
{
    display: inline-block;
}


input[type='text'].invalid-value,
input[type='password'].invalid-value
{
    box-shadow: 0px 0px 3px red;
}



/*  PANEL-RIGHT-ACCORDIAN 
    - use to add an accordian to a right panel drawer
*/
.panel-right-accordian
{
    background-color: orange;
    margin-bottom: 15px;
}

.panel-right-accordian .accordian-item-heading
{
    display: table;
    width: 100%;
    padding: 5px 15px;
    font-size:13px;
    color: #2a2a2a;
    border-bottom:1px solid pink;
    cursor: pointer;
}

.panel-right-accordian .accordian-item-heading:last-child
{
    border-bottom: none;
}

.panel-right-accordian .accordian-item-heading > div,
.panel-right-accordian .accordian-item-content > div
{
    display: table-cell;
}

.panel-right-accordian .accordian-item-heading > div:first-child
{
    width:100%;
    font-weight: 600;
}

.panel-right-accordian .accordian-item-heading > div:last-child
{
    font-weight: 600;
}

.panel-right-accordian .accordian-content
{
    background-color: #fff;
    padding-top:5px;
    padding-bottom:10px;
}

.panel-right-accordian .accordian-item-content
{
    display: table;
    width: 100%;
    padding: 5px 15px;
    font-size:13px;
    color: #2a2a2a;
    text-align: left;
}

.panel-right-accordian .accordian-item-content > div:first-child
{
    padding-right:10px;
}

.panel-right-accordian .accordian-item-content > div:last-child
{
    width: 100%;
}

.panel-right-accordian .accordian-heading:not(.selected) .accordian-item-heading .fa.fa-angle-down
{
    display: none;
}

.panel-right-accordian .accordian-heading.selected .accordian-item-heading .fa.fa-angle-up
{
    display: none;
}

.panel-right-accordian .accordian-heading:not(.selected) .accordian-content
{
    display: none;
}

.panel-right-accordian .accordian-item-content i
{
    display: none;
}

.panel-right-accordian .accordian-item-content:not(.selected) i.unselected
{
    display: inline-block;
}

.panel-right-accordian .accordian-item-content.selected i.selected
{
    display: inline-block;
}



/*  PANEL-RIGHT-HEADING  */
.panel-right .panel-right-heading 
{
    padding: 10px 15px 10px 15px;
    font-size:13px;
    font-weight:700;
}

/*  PANEL-RIGHT-DIVIDER  */
.panel-right .panel-right-divider
{
    border-bottom:2px solid pink;
}


/*  PANEL-RIGHT-VALUES 
    - use to add 1 OR 2 column values
*/

.panel-right .panel-right-values
{
    display: table;
    margin-bottom:15px; 
    width:100%;
}

.panel-right .panel-right-values > div
{
    display: table-row;
}

.panel-right .panel-right-values > div > div
{
    display: table-cell;
    background-color: silver;
    border-top: 1px solid pink;
    border-bottom: 1px solid pink;
    padding: 5px 0px;
    font-size:12px;
    font-weight:300;
}

.panel-right .panel-right-values > div:not(:first-child) > div
{
    border-top: none;
}

.panel-right .panel-right-values > div > div:last-child
{
    padding-right: 15px;
    text-align: right;
}

.panel-right .panel-right-values > div > div:first-child
{
    padding-left: 15px;
    text-align: left;
    font-weight:700;
    text-transform: uppercase;
}


/*  PANEL-RIGHT-LIST  */
.panel-right .panel-right-list > .list-item
{
    border-top: 1px solid #000;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}

.panel-right .panel-right-list > .list-item:last-child
{
    border-bottom: 1px solid #000;
}

.panel-right .panel-right-list > .list-item:hover
{
    background-color: #fff;
}

.panel-right .panel-right-list > .list-item.selected
{
    background-color: #fff;
}

.panel-right .panel-right-list > .list-item i.unselected,
.panel-right .panel-right-list > .list-item i.selected
{
    display: none;
}

.panel-right .panel-right-list > .list-item:not(.selected) i.unselected
{
    display: inline-block;
}

.panel-right .panel-right-list > .list-item.selected i.selected
{
    display: inline-block;
}

.panel-right .panel-right-list > .list-item .unselected-visible,
.panel-right .panel-right-list > .list-item .selected-visible
{
    display: none;
}

.panel-right .panel-right-list > .list-item:not(.selected) .unselected-visible
{
    display: block;
}

.panel-right .panel-right-list > .list-item.selected .selected-visible
{
    display: block;
}

.panel-right .panel-right-list > .list-item .list-item-content
{
    display: table;
    width:100%;
}

.panel-right .panel-right-list > .list-item .list-item-content > div
{
    display: table-cell;
}

.panel-right .panel-right-list > .list-item .list-item-description
{
    font-size: 12px;
    font-weight: 600;
}

.panel-right .panel-right-list > .list-item .list-item-button + .list-item-button
{
    margin-left:15px;
}


/* panel right list heading  */
.panel-right .panel-right-list-heading
{
    padding: 5px 15px;
    font-size:13px;
    font-weight:600;
    color: #2a2a2a;
    background-color: Orange;
    border-bottom:1px solid pink;
}

/* panel right element */
.panel-right .panel-right-element
{
    margin-bottom:20px;
}

/* panel right toggle heading*/
.panel-right .panel-right-toggle-heading
{
    display: table;
    width: 100%;
    cursor: pointer;
}

.panel-right .panel-right-toggle-heading > div
{
    display: table-cell;
}

.panel-right .panel-right-toggle-heading > div:first-child
{
    width: 100%;
}

.panel-right .panel-right-toggle-heading > div i.open,
.panel-right .panel-right-toggle-heading > div i.closed
{
    display: none;
}
.panel-right .panel-right-toggle-heading:not(.open) > div:last-child i.open
{
    display: inline-block;
}

.panel-right .panel-right-toggle-heading.open > div:last-child i.closed
{
    display: inline-block;
}



/* -------------------

    JQUERY PLUGIN RELATED

   ------------------- */ 


/*  invalid icon associated with JQ plugin: addInvalidInputIcon  */
.invalid-icon 
{
    display: inline-block !important;
    position:relative !important;
    width:0px;
    right:10px;
    bottom:-15px;
    opacity: 0;
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.invalid-icon.show-invalid-icon
{
    opacity:1;
    right:10px;
    bottom:5px;
}

.invalid-icon i.fa-circle
{
    font-size:18px;
    color: #fff;
}

.invalid-icon i.fa-exclamation-circle
{
    font-size:18px;
    color: red;
}




/* -------------------

    FONT AWESOME RELATED

   ------------------- */ 
.dropdown i.fa.fa-caret-down
{
    margin-left:10px;
}

.field-field i.fa.fa-calendar
{
    cursor: pointer;
}




/* -------------------

    DATE PICKER

   ------------------- */ 
   
.datepicker.datepicker-dropdown td.day
{
    cursor: pointer;
}



/* -------------------

    BOOTSTRAP POPOVER

   ------------------- */ 

.popover[role='tooltip']
{
    border-radius: 0px;
}

.popover-content
{
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}


/* -------------------

    FOLDING MENU PLUGIN

   ------------------- */ 

.fm-dropdown-items
{
    display: inline-block;
}

.fm-dropdown-items .menu-item
{
    display: block;
}

.fm-dropdown-items .menu-item a
{
    display: block;
    margin:0;
    padding: 5px 0px;
    white-space: nowrap;
    font-size:14px;
}

.fm-dropdown-button .fm-dropdown-items
{
    visibility: hidden;
}

.fm-dropdown-button.open .fm-dropdown-items
{
    visibility: visible;
    z-index:1000;
}

@media only screen {
/* for print elements */
.print-logo,
.print-account-table,
.print-chart-title,
.print-footer
 {
    display: none;
}

}

span[id*='print_RespAccountDashboard'] {
    display: none;
}

.chart-table {
    width: 500px;
    margin: 20 auto;
    margin-bottom: 50px;
}

.SelectItemsMessage {
    width: 100%;
    margin-top: 50px;
    text-align: center;
    font-weight: 600;
}