html, form
{
    height:100%;
}
body
{
    background-color:#fbfbfb;
    margin:0;
    padding:0;
    font-size:16px;
    font-family:Segoe UI;
    color:#222222;
    overflow-x:hidden;
    overflow-y:scroll;
    cursor:default;
}
img
{
    border:0;
    padding:0;
    margin:0;
}
.noselect
{
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}

/* TOOLBAR */
#__toolbar
{
    position:fixed;
    font-size:14px;
    top:0;
    left:0;
    z-index:21;
    clear:both;
    width:100%;
    min-width:783px;
    height:50px;
    box-shadow:0px -3px 3px 3px #000000;
}
#__toolbar_hamburger
{
    float:left;
    height:100%;
    cursor:pointer;
}
#__toolbar_title
{
    position:fixed;
    left:72px;
    top:7px;
    font-weight:600;
    font-size:24px;
    color:white;
    white-space:nowrap;
    max-width: calc(100% - 250px);
    overflow-x: hidden;
    text-overflow: ellipsis;
    direction:rtl; /* Text ellipsis happens to the left */
}
#__toolbar_title a:link, #__toolbar_title a:visited
{
    color:white;
    text-decoration:none;
}
#__toolbar_search
{
    position:relative;
    float:right;
    margin-top:9px;
    margin-right:24px;
}
#__toolbar_search_box
{
    height:32px;
    background-color:white;
    border-radius:3px;
    transition:width 200ms ease 0ms;
}
.__toolbar_search_box_closed
{
    width:0px;
}
.__toolbar_search_box_opened
{
    width:350px;
}
#__toolbar_search_icon
{
    float:left;
    cursor:pointer;
    margin:2px 0px 0px 4px;
    height:28px;
    width:28px;
}
#__toolbar_search_input
{
    height:32px;
    margin:0px 0px 0px 6px;
    border:0;
    font-size:16px;
    padding:0;
    transition:width 175ms linear 25ms;
    outline:none;
}
.__toolbar_search_input_hidden
{
    background-color:transparent;
    width:0px;
}
.__toolbar_search_input_visible
{
    background-color:white;
    width:280px;
}
.__toolbar_search_clearIcon_visible,.__toolbar_search_clearIcon_hidden
{
    float:right;
    cursor:pointer;
    margin:8px 8px 0px 0px;
}
.__toolbar_search_clearIcon_visible
{
    display:block;
}
.__toolbar_search_clearIcon_hidden
{
    display:none;
}
#__toolbar_user, #__toolbar_user:link, #__toolbar_user:visited
{
    float:right;
    height:100%;
    color:white;
    padding:0px 32px 0px 24px;
    cursor:pointer;
}

/* MESSAGE BOX */
#__messageboxbacking
{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:black;
}
.__messageboxbacking_hidden
{
    display:none;
    z-index:-1;
    opacity:0;
}
.__messageboxbacking_visible
{
    display:block;
    z-index:90;
    opacity:0.3;
}
#__messagebox
{
    position:fixed;
    z-index:91;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background-color:white;
    width:350px;
    height:200px;
    padding:24px;
    border-radius:3px;
    box-shadow:0px 0px 20px #222222;
    outline:none;
}
.__messagebox_hidden
{
   display:none;
}
.__messagebox_visible
{
    display:block;
}
#__messagebox_title
{
    font-size:20px;
    font-weight:600;
    margin-top:-8px;
    height:28px;
    overflow:hidden;
}
#__messagebox_bodycontainer
{
    height:126px;
    overflow-y:auto;
}
#__messagebox_body
{
    margin-top:10px;
    font-size:16px;
}
#__messagebox_bodydetail
{
    margin-top:14px;
    font-size:12px;
}

/* ACTION BOX */
#__actionboxbacking
{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:black;
}
.__actionboxbacking_hidden
{
    display:none;
    z-index:-1;
    opacity:0;
}
.__actionboxbacking_visible
{
    display:block;
    z-index:80;
    opacity:0.3;
}
#__actionbox
{
    position:fixed;
    z-index:81;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    width:400px;
    height:400px;
    background-color:white;
    padding:24px;
    border-radius:3px;
    box-shadow:0px 0px 20px #222222;
    outline:none;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__actionbox_hidden
{
   display:none;
}
.__actionbox_visible
{
    display:block;
}
#__actionbox_title
{
    font-size:20px;
    font-weight:600;
    margin-top:-8px;
    height:28px;
    overflow:hidden;
}
#__actionbox_contentcontainer
{
    margin-top:10px;
}
#__actionbox_body
{
    height:316px;
    overflow-y:auto;
    overflow-x:hidden;
    font-size:16px;
}
#__actionbox_footer
{
    clear:both;
}
#__actionbox_footertext
{
    position:absolute;
    bottom:16px;
    float:left;
    font-size:12px;
}
#__actionboxcover
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:black;
}
.__actionboxcover_hidden
{
    z-index:-1;
    opacity:0;
}
.__actionboxcover_visible_delayed
{
    z-index:82;
    opacity:0.3;
    transition:opacity 200ms linear 350ms;
}

/* BUTTONS */
.__buttongroup_left,.__buttongroup_right,.__buttongroup_messageboxright
{
    margin-top:24px;
}
.__buttongroup_left
{
}
.__buttongroup_right,.__buttongroup_messageboxright
{
    float:right;
}
.__buttongroup_messageboxright
{
    margin-right:-16px;
}
.__button_flat_visible,.__button_raised_visible
{
    float:left;
    margin-top:8px;
    vertical-align:middle;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    border-radius:3px;
    outline:none;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__button_flat_visible
{
    min-width:48px;
}
.__button_flat_hidden
{
    display:none;
}
.__button_flat_visible:hover
{
    background-color:#f0f0f0;
}
.__button_flat_visible:active
{
    background-color:#e0e0e0;
}
.__button_flat_visible:focus,.__button_raised_visible:focus
{
    outline-width:1px;
    outline-style:dotted;
}
.__button_raised_visible
{
    min-width:72px;
    background-color:#f0f0f0;
}
.__button_raised_hidden
{
    display:none;
}
.__button_raised_visible:hover
{
    background-color:#e0e0e0;
    box-shadow:0px 1px 2px 0px #a0a0a0;
}
.__button_raised_visible:active
{
    background-color:#e0e0e0;
    box-shadow:1px 3px 4px 0px #a0a0a0;
}
.__button_ingroup
{
    margin-left:8px;
}
.__button_regular
{
    padding:8px 12px 10px 12px;
}
.__button_small
{
    padding:4px 12px 6px 12px;
}
.__button_disabled
{
    pointer-events:none;
}

/* DRAWER */
#__drawerbacking
{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:black;
}
.__drawerbacking_hidden
{
    z-index:-1;
    opacity:0;
}
.__drawerbacking_visible,.__drawerbacking_visible_delayed
{
    z-index:70;
    opacity:0.3;
}
.__drawerbacking_visible_delayed
{
    transition:opacity 200ms linear 350ms;
}

#__navdrawer
{
    position:fixed;
    top:0;
    left:0;
    z-index:71;
    opacity:1;
    float:left;
    height:100%;
    width:350px;
    background-color:#f0f0f0;
    overflow-y:auto;
    overflow-x:hidden;
    transition:box-shadow 200ms linear 0ms;
    transition:margin-left 200ms ease 0ms;
    
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__navdrawer_closed
{
    margin-left:-350px;
    box-shadow:none;
}
.__navdrawer_opened
{
    margin-left:0px;
    box-shadow:6px 0px 15px 0px #888888;
}
#__navdrawer_hiddencloser
{
    position:absolute;
    width:68px;
    height:50px;
    cursor:pointer;
}
#__navdrawer_header
{
    width:100%;
    clear:both;
    margin-bottom:8px;
}
#__navdrawer_image
{
    width:350px
}
#__navdrawer_menuitems
{
    width:100%;
    cursor:pointer;
}
.__navdrawer_menuitem
{
    display:flex;
    height:36px;
    padding:6px 0px 6px 48px;
    align-self:center;
    color:inherit;
    text-decoration:none;
    overflow:hidden;
}
    .__navdrawer_menuitem:hover
    {
        background-color:#e0e0e0;
    }
.__navdrawer_menuitem_icon
{
    width:24px;
    height:24px;
    align-self:center;
}
.__navdrawer_menuitem_icon_hidden
{
    display:none;
}
.__navdrawer_menuitem_text
{
    padding-left:16px;
    align-self:center;
    font-size:20px;
    white-space:nowrap;
    font-weight:600;
}

.__navdrawer_menuitem_menuitems_hidden
{
    overflow:hidden;
    max-height:0;
    transition:max-height 200ms ease 0ms;
}
.__navdrawer_menuitem_menuitems_visible
{
    overflow:hidden;
    /*max-height implemented in script*/
    transition:max-height 200ms ease 0ms;
}

#__actiondrawer
{
    position:fixed;
    top:0;
    right:0;
    z-index:71;
    width:350px;
    height:100%;
    background-color:white;
    transition:box-shadow 200ms linear 0ms;
    transition:margin-right 200ms ease 0ms;
}
.__actiondrawer_closed
{
    margin-right:-350px;
    box-shadow:none;
}
.__actiondrawer_opened
{
    margin-right:0px;
    box-shadow:-6px 0px 15px 0px #888888;
}
#__actiondrawer_handle
{
    float:left;
    width:35px;
    height:100px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    background-color:white;
    margin-top:170px;
    margin-left:-35px;
    box-shadow:-3px 0px 10px 0px #888888;
    cursor:pointer;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
    #__actiondrawer_handle img
    {
        align-self:center;
        margin-left:11px;
    }
.__actiondrawer_handle_hidden
{
    display:none;
}
.__actiondrawer_handle_visible
{
    display:flex;
}
.__actiondrawer_handle_icon_hidden
{
    display:none;
}
.__actiondrawer_handle_icon_visible
{
    display:block;
}
#__actiondrawer_contentcontainer
{
    float:left;
    background-color:white;
    width:100%;
    height:100%;
    overflow-y:auto;
}
.__actiondrawer_menugroup
{
    display:block;
}
.__actiondrawer_menugroup_hidden
{
    display:none;
}
.__actiondrawer_menugroup_allchilditemshidden_hidden
{
    display:none;
}
.__actiondrawer_menuheader
{
    background-color:#efefef;
    height:50px;
    width:100%;
    font-size:18px;
    position:relative;
    z-index:1;
    display:flex;
    box-shadow:0px 5px 5px -5px #767676;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__actiondrawer_menuheader_text
{
    margin-left:24px;
    align-self:center;
    font-weight:600;
}
.__actiondrawer_menuheader_subheader
{
    background-color:#efefef;
    height:50px;
    width:100%;
    position:relative;
    z-index:1;
    display:flex;
    border-bottom: #767676;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__actiondrawer_menuheader_subheader_text
{
    margin-left:76px;
    align-self:center;
}
.__actiondrawer_menuitem
{
    position:relative;
    z-index:0;
    height:60px;
    width:100%;
    display:flex;
    cursor:pointer;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
    .__actiondrawer_menuitem:hover
    {
        background-color:#e0e0e0;
    }
.__actiondrawer_menuitem_hidden
{
    display:none;
}
.__actiondrawer_menuitem_notmulticapable_hidden
{
    display:none;
}
.__actiondrawer_menuitem:link,.__actiondrawer_menuitem:visited
{
    text-decoration:none;
    color:inherit;
    cursor:inherit;
}
.__actiondrawer_menuitem_text
{
    margin-left:16px;
    align-self:center;
}
.__actiondrawer_menuitem_icon
{
    margin-left:24px;
    height:36px;
    width:36px;
    align-self:center;
}
.__actiondrawer_menuitem_icon_hidden
{
    display:none;
}
.__actiondrawer_menuitemcontainer
{
    overflow:hidden;
    max-height:2000px; /* arbitrary height, larger than will ever be consumed by the menu items */
    transition:max-height 400ms ease 0ms;
    border-bottom:solid 1px #efefef;
}
.__actiondrawer_menuitemcontainer_hidden
{
    max-height:0;
    transition:max-height 200ms ease 0ms;
    border-bottom:none;
}

#__userdrawer
{
    position:fixed;
    top:60px;
    right:16px;
    z-index:201;
    padding-top:8px;
    background-color:white;
    border-radius:2px;
    box-shadow:0px 0px 15px 0px #888888;
    font-size:16px;
    cursor:pointer;
    
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__userdrawer_closed
{
    display:none;
}
.__userdrawer_opened
{
    display:block;
}
#__userdrawer_top
{
    position:absolute;
    top:-15px;
    right:12px;
}
.__userdrawer_menuitem
{
    display:flex;
    height:24px;
    padding:6px 24px 6px 16px;
    align-self:center;
    color:inherit;
    text-decoration:none;
}
    .__userdrawer_menuitem:hover
    {
        background-color:#e0e0e0;
    }
.__userdrawer_menuitem_icon
{
    width:24px;
    height:24px;
}
.__userdrawer_menuitem_icon_hidden
{
    display:none;
}
.__userdrawer_menuitem_text
{
    padding-left:16px;
}
.__userdrawer_bubblecontent_container
{
    display:block;
    padding-left:2px;
    color:white;
    float:right;
    position:relative;
    top:-4px;
}
.__userdrawer_bubblecontent_container_hidden
{
    display:none;
}
.__userdrawer_bubblecontent
{
    border-radius:10px;
    padding:0px 6px 1px 6px;
}
.__userdrawer_signout
{
    background-color:#f0f0f0;
    border-top:solid 1px #d0d0d0;
    margin-top:8px;
    padding-top:16px;
    padding-bottom:16px;
}

/* INFOBAR */
#__infobar
{
    clear:both;
    width:100%;
    min-width:783px;
    font-size:14px;
    background-color:#f0f0f0;
    height:30px;
    border-bottom:solid 1px #c0c0c0;
    position:fixed;
    top:50px;
    left:0;
    z-index:20;
}
#__infobar_primaryinfo
{
    float:left;
    padding:5px 0px 0px 72px;
    color:#222222;
}
.__infobar_primaryinfo_hidden,__infobar_primaryinfo_v2_hidden
{
    display:none;
}
.__infobar_primaryinfo_visible
{
    display:block;
}
.__infobar_primaryinfo_v2_visible
{
    display:flex;
}
#__infobar_primaryinfo_v1,#__infobar_primaryinfo_numbertotal
{
    float:left;
}
#__infobar_primaryinfo_v2
{
    float:left;
    flex-direction:row;
}
#__infobar_primaryinfo_v2_visibleitemsseparator
{
    width:16px;
}
#__infobar_primaryinfo_numbervisible
{
    float:left;
    padding-left:16px;
}
.__infobar_primaryinfo_numbervisible_hidden
{
    display:none;
}
#__infobar_primaryactions
{
    float:left;
    height:100%;
    padding:0px 16px 0px 49px;
}
#__infobar_secondaryinfo
{
    float:left;
    padding:5px 0px 0px 16px;
    color:#767676;
}
.__infobar_secondaryinfo_hidden,.__infobar_secondaryinfo_numberselected_hidden
{
    display:none;
}
.__infobar_secondaryinfo_visible,.__infobar_secondaryinfo_numberselected_visible
{
    display:block;
}
.__infobar_divider
{
    float:left;
}
#__infobar_actions
{
    position:absolute;
    right:0;
    height:100%;
    padding:0px 24px 0px 16px;
}
.__infobar_actionbutton_container_visible
{
    display:block;
    float:left;
    height:100%;
}
.__infobar_actionbutton_container_hidden
{
    display:none;
}
.__infobar_actionbutton_visible,.__infobar_actionbutton_textonly,.__infobar_actionbutton_disabled
{
    float:left;
    padding:0px 8px;
    height:100%;
    text-decoration:none;
    display:flex;
}
.__infobar_actionbutton_visible
{
    color:#767676;
    cursor:pointer;
}
.__infobar_actionbutton_disabled
{
    color:#a0a0a0;
}
.__infobar_actionbutton_textonly,.__infobar_actionbutton_textonly_selectable
{
    color:#767676;
}
.__infobar_actionbutton_textonly_selectable
{
    user-select:all;
    -webkit-touch-callout:all;
    -webkit-user-select:all;
    -khtml-user-select:all;
    -moz-user-select:all;
    -ms-user-select:all;
}
.__infobar_actionbutton_hidden
{
    display:none;
}
.__infobar_actionbutton_visible:hover
{
    background-color:#eaeaea;
}
.__infobar_actionbutton_visible:active
{
    background-color:#e0e0e0;
}
.__infobar_actionbutton_visible span,.__infobar_actionbutton_textonly span,.__infobar_actionbutton_textonly_selectable span,.__infobar_actionbutton_disabled span
{
    align-self:center;
}
    .__infobar_actionbutton_visible img
    {
        align-self:center;
    }
.__infobar_actionbutton_bubblecontent_container_visible
{
    display:block;
    padding-top:3px;
    color:white;
    font-size:smaller;
}
.__infobar_actionbutton_bubblecontent_container_hidden
{
    display:none;
}
.__infobar_actionbutton_bubblecontent
{
    border-radius:9px;
    padding:0 6px 0 6px;
}

/* CONTENT CONTAINER (partial) */
#__contentcontainer
{
}
#__contentaddbutton
{
    z-index:50;
    position:fixed;
    bottom:32px;
    right:32px;
    width:48px;
    height:48px;
    border-radius:24px;
    display:flex;
    align-content:center;
    cursor:pointer;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
    #__contentaddbutton img
    {
        margin-left:6px;
    }
    #__contentaddbutton:hover
    {
        box-shadow:0px 0px 5px #a0a0a0;
    }
.__content_card
{
    position:relative;
    z-index:1;
    float:left;
    background-color:white;
    overflow:hidden;
    cursor:pointer;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}   
.__content_card_info0
{
    z-index:2;
    margin:16px 0px 16px 16px;
    overflow-x:hidden;
}
.__content_card_info0_primarytext
{
    font-weight:bold;
}
.__content_card_info0_secondarytext_visible
{
    padding-top:10px;
    font-weight:bold;
    color:#767676;
}
.__content_card_info0_secondarytext_hidden
{
    display:none;
}
.__content_card_info1,.__content_card_info2,.__content_card_info3
{
    z-index:2;
    color:#767676;
    overflow-x:hidden;
}
.__content_card_info1_overlay
{
    margin:16px 0px 0px 16px;
}
.__content_card_metadatagroup
{
}
.__content_card_metadata
{
}
.__content_card_metadata_name
{
    font-weight:bold;
}
.__content_card_metadata_value
{
}
.__content_card_metadata_value_trailing_image
{
    height: 12px;
    vertical-align: middle;
}
.__content_card_marginbottom
{
    background-color:white;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:16px;
}
.__content_card_thumbnail
{
    position:absolute;
    z-index:2;
    top:0;
    margin:16px 16px 0px 0px;
    max-height:194px;
    overflow:hidden;
}
.__content_card_thumbnail_text
{
    text-align: center;
    line-height: 100px;
    font-size: 40px;
}
.__content_card_thumbnail_img
{
    margin-bottom:-3px;
    height:auto;
}
.__content_card_thumbnail_overlay_hidden
{
    display:none;
}
.__content_card_thumbnail_overlay_visible
{
    display:block;
    position:absolute;
    border:1px solid #767676;
    left:0;
    right:0;
    top:0;
    bottom:1px;
}
.__content_card_thumbnail_overlay_filetype
{
    float:right;
    padding:0px 8px;
    height:27px;
    width:auto;
    background-color:#767676;
    color:white;
    font-size:16px;
}
.__content_card_thumbnail_overlay_filetype_text
{
}
.__content_card_actionbar_visible
{
    position:absolute;
    z-index:3;
    bottom:0;
    left:0;
    display:none;
    height:56px;
    width:100%;
    font-size:14px;
    border-top:solid 1px #e8e8e8;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    background-color:#f8f8f8;
    cursor:pointer;
}
.__content_card_actionbar_visible
{
    display:block;
}
.__content_card_actionbar_hidden
{
    display:none;
}
.__content_card_selector_hidden
{
    display:none;
}
.__content_card_selector_visible
{
    display:block;
    float:left;
    padding:16px 0px 0px 16px;
}
.__content_card_selector_checkbox
{
}
.__content_card_selector_checkbox_label
{
}
.__content_card_actionbar_actions_static,.__content_card_actionbar_actions_dynamic_visible
{
    float:right;
    padding:12px 16px 0px 0px;
}
.__content_card_actionbar_actions_dynamic_hidden
{
    display:none;
}
.__content_card_actionbar_actions_dynamic_visible
{
    display:block;
}
.__content_card_actionbar_actions_action_inactive_hidden
{
    display:none;
}
.__content_card_actionbar_actions_action_listonly
{
    display:none;
}
.__content_card_actionbar_actions_action
{
    float:left;
    width:32px;
    height:32px;
    margin-left:8px;
    border-radius:3px;
}
.__content_card_actionbar_actions_action_favorite
{
    margin-left:24px;
}
    .__content_card_actionbar_actions_action:hover
    {
        background-color:#e0e0e0;
    }
    .__content_card_actionbar_actions_action:active
    {
        background-color:#d0d0d0;
    }
    .__content_card_actionbar_actions_action img
    {
        margin:4px 0px 0px 4px;
        width:24px;
        height:24px;
    }

/* CONTENT PAGER */
#__contentpager
{
    clear:both;
    float:left;
    width:100%;
    text-align:center;
    color:#767676;
    font-size:16px;
    background-color:#f0f0f0;
    padding:20px;
    border-radius:3px;
    
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__contentpager_hidden
{
    display:none;
}
.__contentpager_visible
{
    display:block;
}
    .__contentpager_visible:hover
    {
        box-shadow:0px 0px 5px #a0a0a0;
    }
    .__contentpager_visible:active
    {
        background-color:#e0e0e0;
    }

/* INPUT */
input
{
    color:#222222;
}
input[type="checkbox"]
{
    opacity:0;
    position:absolute;
    margin-top:-1px;
    margin-left:-2px;
    width:26px;
    height:26px;
}
input[type="checkbox"] + label span
{
    display:inline-block;
    height:24px;
    padding-left:32px;
    font-size:18px;
    line-height:23px;
    white-space:nowrap;
    background:url(../../images/md/icons/shared/checkbox-unchecked.png) left top no-repeat;
    cursor:pointer;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
    input[type="checkbox"]:checked:enabled + label span
    {
        background:url(../../images/md/icons/shared/checkbox-checked-enabled.png) left top no-repeat;
    }
    input[type="checkbox"]:checked:disabled + label span
    {
        background:url(../../images/md/icons/shared/checkbox-checked-disabled.png) left top no-repeat;
    }

/* CHECKBOX */
.__checkbox_container
{
    height:32px;
    padding-top:8px;
    position:relative;
}
.__checkbox_focuselement,.__checkbox_focuselement_focus
{
    position:absolute;
    margin-top:-1px;
    margin-left:-2px;
    height:26px;
    width:26px;
}
.__checkbox_focuselement
{
}
.__checkbox_focuselement_focus
{
    border:1px dotted black;
}
.__checkbox_label_standalone
{
    display:block;
    margin-bottom:12px;
}

/* TOOLTIP */
#__tooltip
{
    position:absolute;
    z-index:999;
    padding:16px;
    background-color:white;
    max-width:250px;
    font-size:14px;
    border-radius:3px;
    box-shadow:0px 0px 5px #a0a0a0;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__tooltip_hidden
{
    display:none;
}
.__tooltip_visible
{
    display:block;
}

/* TEXTBOX */
.__textbox, .__textbox_multiline
{
    clear:both;
    width:100%;
    
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__textbox
{
    height:78px;
}
.__textbox_multiline
{
    min-height:78px;
}
.__textbox_multiline textarea
{
    overflow:hidden;
    height:24px;
    font-family:Segoe UI;
    font-size:18px;
    font-weight:600;
}
.__textbox_label, .__textbox_label_ashint
{
    clear:both;
    position:relative;
    height:20px;
    margin-top:4px;
    color:#a0a0a0;
    padding-left:1px;
    transition:top 100ms ease 0ms;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__textbox_label
{
    top:0px;
    font-size:14px;
}
.__textbox_label_ashint
{
    pointer-events:none;
    top:20px;
    font-size:16px;
}
.__textbox_input,.__textbox_input_disabled,.__textbox_textarea_multiline,.__textbox_textarea_multiline_disabled
{
    outline:none;
    font-family:Segoe UI;
    font-size:18px;
    font-weight:600;
    border:none;
    width:100%;
    background:none;
    border-bottom:1px solid #e0e0e0;
    padding-top:2px;
    padding-bottom:8px;
}
.__textbox_input:focus,.__textbox_textarea_multiline:focus
{
    border-bottom-width:2px;
    border-bottom-style:solid;
}
.__textbox_input:focus
{
    margin-bottom:-1px;
}
.__textbox_input::-ms-clear
{
    display:none;
    width:0;
    height:0;
}
.__textbox_textarea_multiline:focus
{
    margin-bottom:0px;
}
.__textbox_input_disabled,.__textbox_textarea_multiline_disabled
{
    color:#a0a0a0;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.__textbox_input_hidden
{
    display:none;
}
.__textbox_textarea_hidden
{
    display:none;
}
.__textbox_textarea_multiline
{
    resize:none;
}
.__textbox_infocontainer
{
    padding-top:4px;
    height:18px;
}
.__textbox_charactercounter_hidden
{
    display:none;
}
.__textbox_charactercounter_visible
{
    display:block;
    float:right;
    font-size:12px;
    color:#a0a0a0;
}
.__textbox_message_hidden
{
    display:none;
}
.__textbox_message_visible,.__textbox_errormessage_visible
{
    display:block;
    clear:both;
    float:left;
    font-size:12px;
    overflow:hidden;
    color:#a0a0a0;
}
.__textbox_errormessage_visible
{
    color:#f44336;
}

/* TAB */
.__tabgroup_primarycontainer
{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* align items in Main Axis */
    align-items: stretch; /* align items in Cross Axis */
    align-content: stretch; /* Extra space in Cross Axis */
}
.__tabgroup_tabbuttoncontainer
{
    flex: 0 0 auto;
    width: 100%;
    height: 48px;
    display: flex;
    font-weight: 600;
    border-bottom: 1px solid #e0e0e0;

    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.__tabgroup_tabbutton
{
    color: #a0a0a0;
    height: 48px;
    flex-basis: 100%;
    min-width: 72px;
    display: flex;
    justify-content: center; /* align contents horizontal */
    align-items: center; /* align contents vertical */
}
    .__tabgroup_tabbutton:hover
    {
        background-color: #eaeaea;
    }
    .__tabgroup_tabbutton:active
    {
        background-color: #e0e0e0;
    }
.__tabgroup_tabbutton_selected
{
    color: inherit;
    height: 47px;
    border-bottom: 2px solid #767676;
}
.__tabgroup_tabbutton_subsequent
{
    padding-left: 12px;
}
.__tab_text
{
    width: 100%;
    text-align: center;
    align-self: center;
}
.__tabgroup_tabcontentcontainer
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start; /* align items in Main Axis */
    align-items: stretch; /* align items in Cross Axis */
    align-content: stretch; /* Extra space in Cross Axis */
    flex: 1;
    overflow: hidden;
}
.__tabgroup_tabcontent
{
    display: none;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.__tabgroup_tabcontent_selected
{
    display: inline;
}

/* UPLOAD */
.__upload_primaryContainer
{
    width:100%;
}
.__upload_fileUploadContainer
{
    width:100%;
}

/* SPINNER http://cssload.net/en/spinners */ 
#__drawerbacking_spinner,#__actionboxcover_spinner{
	position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:50px;
    margin:auto;

    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;

	width:93px;
	height:93px;
	transform:scale(0.6);
		-o-transform:scale(0.6);
		-ms-transform:scale(0.6);
		-webkit-transform:scale(0.6);
		-moz-transform:scale(0.6);
}

.f_circleG{
	position:absolute;
	background-color:rgb(255,255,255);
	height:17px;
	width:17px;
	border-radius:9px;
		-o-border-radius:9px;
		-ms-border-radius:9px;
		-webkit-border-radius:9px;
		-moz-border-radius:9px;
	animation-name:f_fadeG;
		-o-animation-name:f_fadeG;
		-ms-animation-name:f_fadeG;
		-webkit-animation-name:f_fadeG;
		-moz-animation-name:f_fadeG;
	animation-duration:0.882s;
		-o-animation-duration:0.882s;
		-ms-animation-duration:0.882s;
		-webkit-animation-duration:0.882s;
		-moz-animation-duration:0.882s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#frotateG_01{
	left:0;
	top:38px;
	animation-delay:0.3295s;
		-o-animation-delay:0.3295s;
		-ms-animation-delay:0.3295s;
		-webkit-animation-delay:0.3295s;
		-moz-animation-delay:0.3295s;
}

#frotateG_02{
	left:11px;
	top:11px;
	animation-delay:0.446s;
		-o-animation-delay:0.446s;
		-ms-animation-delay:0.446s;
		-webkit-animation-delay:0.446s;
		-moz-animation-delay:0.446s;
}

#frotateG_03{
	left:38px;
	top:0;
	animation-delay:0.5525s;
		-o-animation-delay:0.5525s;
		-ms-animation-delay:0.5525s;
		-webkit-animation-delay:0.5525s;
		-moz-animation-delay:0.5525s;
}

#frotateG_04{
	right:11px;
	top:11px;
	animation-delay:0.659s;
		-o-animation-delay:0.659s;
		-ms-animation-delay:0.659s;
		-webkit-animation-delay:0.659s;
		-moz-animation-delay:0.659s;
}

#frotateG_05{
	right:0;
	top:38px;
	animation-delay:0.7755s;
		-o-animation-delay:0.7755s;
		-ms-animation-delay:0.7755s;
		-webkit-animation-delay:0.7755s;
		-moz-animation-delay:0.7755s;
}

#frotateG_06{
	right:11px;
	bottom:11px;
	animation-delay:0.882s;
		-o-animation-delay:0.882s;
		-ms-animation-delay:0.882s;
		-webkit-animation-delay:0.882s;
		-moz-animation-delay:0.882s;
}

#frotateG_07{
	left:38px;
	bottom:0;
	animation-delay:0.9985s;
		-o-animation-delay:0.9985s;
		-ms-animation-delay:0.9985s;
		-webkit-animation-delay:0.9985s;
		-moz-animation-delay:0.9985s;
}

#frotateG_08{
	left:11px;
	bottom:11px;
	animation-delay:1.105s;
		-o-animation-delay:1.105s;
		-ms-animation-delay:1.105s;
		-webkit-animation-delay:1.105s;
		-moz-animation-delay:1.105s;
}



@keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

.__ieIframeCover
{
    border:0;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:-1;
}