/* ==============================*/
/* Left navigation menu foldable */
/* ==============================*/

img.img_linkedin_icon_left_side_foldable_menu
{
    max-width: 25px;
    padding-right: 5px;
    padding-left: 32px;
}

div.left_navigation_menu_show_foldable_menu_button
    {
        font-family: verdana,arial,sans-serif;
        color: #000000;
        font-size:30px;
        cursor:pointer;
        border-style: solid;
        border-width: 2px;
        border-radius: 5px;
        border-color: #818181;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 10px;
    }

div.left_navigation_menu_foldable_menu
{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

a.left_navigation_menu_foldable_menu_element
{
    font-family: verdana,arial,sans-serif;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

a.left_navigation_menu_foldable_menu_element:hover
{
    color: #f1f1f1;
}

form.left_navigation_menu_foldable_menu_element
{
    font-family: verdana,arial,sans-serif;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: inline;
    border-style: none;
    background-color: #000000;
    transition: 0.3s;
}



input.left_navigation_menu_foldable_menu_element
{
    font-family: verdana,arial,sans-serif;
    padding: 8px 8px 8px 32px;
    max-width: 250px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    border-style: none;
    background-color: #000000;
    white-space: normal;
    text-align: left;
    transition: 0.3s;

}

input.left_navigation_menu_foldable_menu_element:hover
{
    color: #f1f1f1;
}

a.left_navigation_menu_foldable_menu_close_button
{
    font-family: verdana,arial,sans-serif;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

a.left_navigation_menu_foldable_menu_linkedin_logo_link
{
    color: #818181;
    display: inline;
    font-family: verdana,arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-bottom;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

a.left_navigation_menu_foldable_menu_linkedin_logo_link:visited
{
    color: #818181;
    display: inline;
    font-family: verdana,arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-bottom;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}



/* ==============================*/
/* ==============================*/
/* ==============================*/




/* ==================================================================*/
/* Left navigation menu. Non foldable. With dropdown feature*/
/* ==================================================================*/


a.left_navigation_menu_linkedin_logo_link
{
    color: #575555;
    display: inline;
    font-family: verdana,arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-bottom;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

a.left_navigation_menu_linkedin_logo_link:visited
{
    color: #575555;
    display: inline;
    font-family: verdana,arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-bottom;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

img.img_linkedin_icon_left_side_menu
{
    max-width: 25px;
    padding-right: 5px;
    padding-left: 16px;
}

div.left_navigation_menu_first_level
{
    /* COLOR: #000000; */
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;

    padding: 6px 8px 6px 16px;
    /* text-decoration: none; */
    /* font-size: 20px; */
    color: #818181;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;

}

/* Arrow down (caret) symbol for the dropdown */
i.left-side-dropdown-menu-caret-down:before
{
    /* */
    content:"▼";
    /* */
}

/* Arrow down (caret) symbol for the dropdown */
i.left-side-dropdown-menu-caret-up:before
{
    /* */
    content:"▲";
    /* */
}

.left-side-dropdown-menu-caret-down
{
    float: right;
    padding-right: 10px;
}

.left-side-dropdown-menu-caret-up
{
    float: right;
    padding-right: 10px;
}

/* On mouse-over */
div.left_navigation_menu_first_level:hover
{
    color: #DCDCDC;
}

/* ------------------------ */
/* Left navigation sub menu */
/*------------------------- */

div.left_navigation_menu_second_level
{
    background: none;
    text-align: right;
    /* vertical-align: middle; */
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;

    /*
    display: none;
    */

    overflow: hidden;
    transition: height 200ms;

}
div.left_navigation_menu_first_extra_menu
{
    width: 200px;
    background: none;
    text-align: right;
    /* vertical-align: middle; */
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    display: none;


}
form.left_navigation_menu_TDS_login_form
{
    box-sizing: border-box;
    min-width: 160px;
    max-width: 160px;
}
div.left_navigation_menu_TDS_login_username_text
{
    text-align: left;
}
div.left_navigation_menu_TDS_login_password_text
{
    text-align: left;
}
input.left_navigation_menu_TDS_login_field
{
    box-sizing: border-box;
    min-width: 160px;
    max-width: 160px;
}




div.left_navigation_menu_second_level_element
{
    background: none;
    text-align: right;
    /* vertical-align: middle; */
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}

a.left_navigation_menu_second_level_element
{
    color: #818181;
    /* * /
    color: #000000;
    /* */
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}

a.left_navigation_menu_second_level_element:hover
{
    color: #000000;
    /* * /
    color: #CC6600;
    /* */
    font-weight: normal;
    content: ">";
}
a.left_navigation_menu_second_level_element:hover:before
{
    content: ">";
}

/* ==============================*/
/* ==============================*/
/* ==============================*/

/* ==================================================================*/
/* Left dashboard menu. With dropdown feature*/
/* ==================================================================*/

/* ============================================*/
/* Left dashboard menu container*/

div.left_navigation_dashboard_menu
{
    width: 220px;
    background-color: #6599FF;
}
/* ============================================*/

/* ============================================*/
/* Left dashboard menu first level*/

div.left_navigation_dashboard_menu_first_level
{
    height: 50px;
}
div.left_navigation_dashboard_menu_first_level:hover
{
    background-color: #7FA2FF;
    cursor: pointer;
}

a.left_navigation_dashboard_menu_menu_element
{
    padding-left: 20px;
    line-height: 50px;
    color: white;
    text-decoration: none;
    font-size: 13px;
}
/* ============================================*/

/* ==============================*/
/* ==============================*/
/* ==============================*/












/* ******************************************** [ All except mobiles - mid and high res ] ***************************** */
@media handheld, only screen and (min-width: 800px), only screen and (min-device-width: 800px)
{
    div.left_navigation_menu_show_foldable_menu_button
    {
        display: none;
    }
    div.left_navigation_menu_first_level
    {
        display: block;
    }
    table.left_navigation_menu_table
    {
        display: block;
    }
    div.left_navigation_menu_second_level_element
    {
        display: block;
    }
}


/* ******************************************** [ Mobile - low res ] **************************** */
@media handheld, only screen and (max-width: 799px), only screen and (max-device-width: 799px)
{
    div.left_navigation_menu_show_foldable_menu_button
    {
        display: inline-block;
    }
    div.left_navigation_menu_first_level
    {
        display: none;
    }
    table.left_navigation_menu_table
    {
        display: none;
    }
    div.left_navigation_menu_second_level_element
    {
        display: none;
    }

}



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

/* =====================*/
/* =====================*/
/* =====================*/