/*==STRUCTURE==*/
#header {
    position: sticky;
    /* height: 60px !important; */
    /* clear: both; */
    /* z-index: 99999; */
    /* top: 0px; */
    /* -webkit-box-shadow: 0px 4px 10px 0px rgba(102,102,102,0.3); */
    -moz-box-shadow: 0px 4px 10px 0px rgba(102,102,102,0.3);
    /* box-shadow: 0px 4px 10px 0px rgba(102,102,102,0.3); */
    /* -webkit-transition: max-height 1s; */
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    /* transition: max-height 1s; */
    /* background: #146835; */
    overflow: hidden;
    max-height: 19px;
    border-radius: 0;
    /* -webkit-transform: translate3d(0, 0, 0); */
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    /* transform: translate3d(0, 0, 0); */
}

#left_bar {
    /* max-width: 270px; */
    /* width: 15.875rem; */
    /* float:left; */
    /* min-height: 100vh; */
    /* position:relative; */
    /* overflow:hidden; */
    position: fixed;
    /* background-size: cover; */
    /* background-image: url(../../branding/left-glass.webp); */
    /* background-repeat: repeat-y; */
    /* min-height: 150vh; */
    /* margin-bottom: -5000px; */ /* any large number will do */
    /* padding-bottom: 5000px; */
    /* position: absolute; */
    top: 0;
    bottom: 0;
    display: inline-block;
    height: calc(100vh - 100px);
}

#container {
    /*overflow:hidden;*/
}

#content {
    /* margin: 0px 0 0px 1%; */
    position: relative;
    background-color: #ffffff;
    background-image: url(../../branding/bg.webp);
    background-position: right bottom;
    background-repeat: no-repeat;
    border-radius: 10px;
    min-height: 99vh;
}
/*.full_block #content,.full_block .switch_bar{ margin:0px !important;}
.grid_container .full_block { width:100% !important; margin:0px !important;}
.full_block .widget_wrap{ margin:0px !important;}
*/

#primary_nav {
    height: 100%;
    width: 70px;
    position: fixed;
}

    #primary_nav ul li {
        height: 70px;
        position: relative;
    }

    #primary_nav li a {
        height: 70px;
        width: 70px;
        display: block;
    }

#sidebar {
    min-width: 200px;
    /*margin-left:70px;*/
    display: list-item;
    /* float: right; */
    /* background-image: url(../../branding/left-glass.webp); */
    /* background-repeat: repeat-y; */
    width: 232px;
    border-right: 1px solid #87000030;
    margin: 0;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease;
}

#secondary_nav {
    /* margin:10px; */
    /* height: 100vh; */
    width: 100%;
}

    #secondary_nav ul li {
        margin-bottom: 0px;
        position: relative;
        /* border: #00502ef7 1px solid; */
        /* border: #bad4b5 1px solid; */
        /* color: #0f7c3a; */
        /* background-position: 0 -289px; */
        font-weight: 400;
        /* From https: //css.glass */
        /* background: rgba(255, 255, 255, 0.2); */
        /* border-radius: 16px; */
        box-shadow: inset 0 4px 30px rgb(190 243 233 / 21%);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        /* border: 1px solid rgba(255, 255, 255, 0.3); */
    }

        #secondary_nav ul li a.active {
            font-weight: bold;
            border-bottom: 3px solid #075b329c !important;
        }

#theme-default .acitem li {
    margin-bottom: 0px !important;
    border-radius: 0;
    border-color: transparent;
}

#secondary_nav ul li a {
    line-height: 35px;
    display: block;
    text-decoration: none;
    padding-left: 38px;
}

.top_search {
    height: 49px;
    width: 270px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.page_title {
    height: 30px;
    position: relative;
    clear: both;
}

.primary_active {
    height: 60px;
    width: 6px;
    display: block;
    position: absolute;
    right: -1px;
    top: 5px;
}
/*==GRID==*/
/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.grid_container {
    /* width:100%; */
    /* margin-bottom: 100px; */
    /* min-height: 100vh; */
    min-height: calc(100vh - 75px);
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0 !important;
}

.omega {
    margin-right: 0 !important;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_container .grid_1 {
    width: 6.333%;
}

.grid_container .grid_2 {
    width: 14.667%;
}

.grid_container .grid_3 {
    width: 23.0%;
}

.grid_container .grid_4 {
    width: 31.333%;
}

.grid_container .grid_5 {
    width: 39.667%;
}

.grid_container .grid_6 {
    width: 48.0%;
}

.grid_container .grid_7 {
    width: 56.333%;
}

.grid_container .grid_8 {
    width: 64.667%;
}

.grid_container .grid_9 {
    width: 73.0%;
}

.grid_container .grid_10 {
    width: 81.333%;
}

.grid_container .grid_11 {
    width: 89.667%;
}

.grid_container .grid_12 {
    width: 98.0%;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_container .prefix_1 {
    padding-left: 8.333%;
}

.grid_container .prefix_2 {
    padding-left: 16.667%;
}

.grid_container .prefix_3 {
    padding-left: 25.0%;
}

.grid_container .prefix_4 {
    padding-left: 33.333%;
}

.grid_container .prefix_5 {
    padding-left: 41.667%;
}

.grid_container .prefix_6 {
    padding-left: 50.0%;
}

.grid_container .prefix_7 {
    padding-left: 58.333%;
}

.grid_container .prefix_8 {
    padding-left: 66.667%;
}

.grid_container .prefix_9 {
    padding-left: 75.0%;
}

.grid_container .prefix_10 {
    padding-left: 83.333%;
}

.grid_container .prefix_11 {
    padding-left: 91.667%;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_container .suffix_1 {
    padding-right: 8.333%;
}

.grid_container .suffix_2 {
    padding-right: 16.667%;
}

.grid_container .suffix_3 {
    padding-right: 25.0%;
}

.grid_container .suffix_4 {
    padding-right: 33.333%;
}

.grid_container .suffix_5 {
    padding-right: 41.667%;
}

.grid_container .suffix_6 {
    padding-right: 50.0%;
}

.grid_container .suffix_7 {
    padding-right: 58.333%;
}

.grid_container .suffix_8 {
    padding-right: 66.667%;
}

.grid_container .suffix_9 {
    padding-right: 75.0%;
}

.grid_container .suffix_10 {
    padding-right: 83.333%;
}

.grid_container .suffix_11 {
    padding-right: 91.667%;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_container .push_1 {
    left: 8.333%;
}

.grid_container .push_2 {
    left: 16.667%;
}

.grid_container .push_3 {
    left: 25.0%;
}

.grid_container .push_4 {
    left: 33.333%;
}

.grid_container .push_5 {
    left: 41.667%;
}

.grid_container .push_6 {
    left: 50.0%;
}

.grid_container .push_7 {
    left: 58.333%;
}

.grid_container .push_8 {
    left: 66.667%;
}

.grid_container .push_9 {
    left: 75.0%;
}

.grid_container .push_10 {
    left: 83.333%;
}

.grid_container .push_11 {
    left: 91.667%;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_container .pull_1 {
    left: -8.333%;
}

.grid_container .pull_2 {
    left: -16.667%;
}

.grid_container .pull_3 {
    left: -25.0%;
}

.grid_container .pull_4 {
    left: -33.333%;
}

.grid_container .pull_5 {
    left: -41.667%;
}

.grid_container .pull_6 {
    left: -50.0%;
}

.grid_container .pull_7 {
    left: -58.333%;
}

.grid_container .pull_8 {
    left: -66.667%;
}

.grid_container .pull_9 {
    left: -75.0%;
}

.grid_container .pull_10 {
    left: -83.333%;
}

.grid_container .pull_11 {
    left: -91.667%;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    /* clear: both; */
    /* display: block; */
    /* overflow: hidden; */
    /* visibility: hidden; */
    /* width: 100px; */
    /* height: 0; */
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* FORM GRID --------------------------------------------------------------------------------------*/
.form_container {
    width: 100%;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.form_grid_1, .form_grid_2, .form_grid_3, .form_grid_4, .form_grid_5, .form_grid_6, .form_grid_7, .form_grid_8, .form_grid_9, .form_grid_10, .form_grid_11, .form_grid_12 {
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.form_container .form_grid_1 {
    width: 6.333%;
}

.form_container .form_grid_2 {
    width: 14.667%;
}

.form_container .form_grid_3 {
    width: 23.0%;
}

.form_container .form_grid_4 {
    width: 31.333%;
}

.form_container .form_grid_5 {
    width: 39.667%;
}

.form_container .form_grid_6 {
    width: 48.0%;
}

.form_container .form_grid_7 {
    width: 56.333%;
}

.form_container .form_grid_8 {
    width: 64.667%;
}

.form_container .form_grid_9 {
    width: 73.0%;
}

.form_container .form_grid_10 {
    width: 81.333%;
}

.form_container .form_grid_11 {
    width: 89.667%;
}

.form_container .form_grid_12 {
    width: 98.0%;
    clear: both;
    float: none;
}
.header_left h1 {
    position: relative;
    color: #fd7900;
    text-align: left;
    font-size: 1.3em;
    vertical-align: middle;
    height: 50px;
    text-indent: 3%;
}

/* Optimized for Mobile Devices */

@media screen and (min-width: 0px) and (max-width: 480px) {
    .login_container {
        width: 300px !important;
        margin: auto;
    }

    .login_header .login_branding {
        width: 300px !important;
    }

    .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12 {
        width: 96% !important;
        margin-left: 10px;
        margin-right: 10px;
    }

        .grid_container .grid_12 .grid_1, .grid_container .grid_12 .grid_2, .grid_container .grid_12 .grid_3, .grid_container .grid_12 .grid_4, .grid_container .grid_12 .grid_5, .grid_container .grid_12 .grid_6, .grid_container .grid_12 .grid_7, .grid_container .grid_12 .grid_8, .grid_container .grid_12 .grid_9, .grid_container .grid_12 .grid_10, .grid_container .grid_12 .grid_11, .grid_container .grid_12 .grid_12 {
            width: 100% !important;
            margin-left: 0px;
            margin-right: 0px;
        }

    #left_bar {
        display: none;
    }

    div#mobilemenu {
        display: block !important;
    }

    div#primary_nav {
        display: none;
    }

    div#left_bar {
        /* top: 40px; */
        width: 100%;
        /* position: fixed; */
    }

    .menuspace {
        display: none;
        /* margin-left: 200px !important; */
        /* -webkit-filter: blur(5px); */
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        /* filter: url(#blur); */
        /* filter: blur(2px); */
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3') grayscale(100%);
    }

    div#start_menu {
        display: none;
    }

    div#sidebar {
        margin-left: 0;
        width: 100%;
    }

    #container { /* margin-left: 200px !important; */ /* width: 100% !important; */ /* min-width: 100vw !important; */
    }

    #header {
        height: 120px !important;
    }

    .header_left {
        width: 100% !important;
        float: none;
    }

    #responsive_mnu {
        float: left !important;
        display: block !important;
    }

    .header_right {
        width: 435px !important;
    }

    .activities_s, .comments_s, .views_s, .user_s {
        width: 95% !important;
        float: none !important;
        margin-bottom: 20px;
    }

    .user_s {
        margin-bottom: 0px;
    }

    .table_content {
        overflow: scroll !important;
    }

    #widget_tab li a {
        padding: 0 10px !important;
    }

    .alpha, .omega {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .align_center, .align_right {
        text-align: left !important;
    }

    #chart1 table .jqplot-table-legend {
        display: none;
    }

    .item_widget .item_block {
        width: 160px !important;
        margin: 10px !important;
    }

    .item_block:last-child {
        float: left !important;
    }

    .invoice_tbl {
        overflow: scroll;
        width: 401px;
        border-left: #ccc 1px solid;
        border-bottom: #ccc 1px solid;
        border-right: #ccc 1px solid;
    }

    .widget_content .page_content {
        margin: 0px 18px !important;
    }

    .header_left h1 {
        width: 77vw;
        margin: 0;
        padding: 6px 0;
        height: 59px;
        line-height: 1.5rem;
        text-indent: 0;
    }

    .header_right {
        display: none;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
}




@media screen and (min-width: 481px) and (max-width: 768px) {
    .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12 {
        width: 97% !important;
        margin-left: 10px;
        margin-right: 10px;
    }

        .grid_container .grid_12 .grid_1, .grid_container .grid_12 .grid_2, .grid_container .grid_12 .grid_3, .grid_container .grid_12 .grid_4, .grid_container .grid_12 .grid_5, .grid_container .grid_12 .grid_6, .grid_container .grid_12 .grid_7, .grid_container .grid_12 .grid_8, .grid_container .grid_12 .grid_9, .grid_container .grid_12 .grid_10, .grid_container .grid_12 .grid_11, .grid_container .grid_12 .grid_12 {
            width: 100% !important;
            margin-left: 0px;
            margin-right: 0px;
        }

    #left_bar {
        display: none;
    }

    div#mobilemenu {
        display: block !important;
    }

    div#primary_nav {
        display: none;
    }

    div#left_bar {
        width: 200px;
    }

    div#start_menu {
        display: none;
    }

    div#sidebar {
        margin-left: 0;
    }

    #container {
        margin-left: 0px !important;
    }

    #header {
        height: 120px !important;
    }

    .header_left {
        width: 768px !important;
        float: none;
    }

    #responsive_mnu {
        float: left !important;
        display: block !important;
    }

    .header_right {
        width: 726px !important;
    }

    .activities_s, .comments_s, .views_s, .user_s {
        width: 95% !important;
        float: none !important;
        margin-bottom: 20px;
    }

    .user_s {
        margin-bottom: 0px;
    }

    .table_content {
        overflow: scroll !important;
    }

    #widget_tab li a {
        padding: 0 10px !important;
    }

    .alpha, .omega {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .align_center, .align_right {
        text-align: left !important;
    }

    #chart1 table .jqplot-table-legend {
        display: none;
    }

    .item_widget .item_block {
        width: 160px !important;
        margin: 10px !important;
    }

    .item_block:last-child {
        float: left !important;
    }

    .invoice_tbl {
        overflow: scroll;
        width: 768px;
        border-left: #ccc 1px solid;
        border-bottom: #ccc 1px solid;
        border-right: #ccc 1px solid;
    }

    .widget_content .page_content {
        margin: 0px 18px !important;
    }

    .header_left h1 {
        text-align: left;
        width: 50%;
        font-size: 1.0rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #left_bar {
        width: 200px !important;
    }

    #primary_nav, #start_menu {
        display: none !important;
    }

    #sidebar {
        margin-left: 0px !important;
    }

    .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12 {
        width: 97% !important;
        margin-left: 10px;
        margin-right: 10px;
    }

        .grid_container .grid_12 .grid_1, .grid_container .grid_12 .grid_2, .grid_container .grid_12 .grid_3, .grid_container .grid_12 .grid_4, .grid_container .grid_12 .grid_5, .grid_container .grid_12 .grid_6, .grid_container .grid_12 .grid_7, .grid_container .grid_12 .grid_8, .grid_container .grid_12 .grid_9, .grid_container .grid_12 .grid_10, .grid_container .grid_12 .grid_11, .grid_container .grid_12 .grid_12 {
            width: 100% !important;
            margin-left: 0px;
            margin-right: 0px;
        }

    .activities_s, .comments_s, .views_s, .user_s {
        width: 95% !important;
        float: none !important;
        margin-bottom: 20px;
    }

    .user_s {
        margin-bottom: 0px;
    }

    .item_widget .item_block {
        width: 140px !important;
        margin: 10px !important;
    }

    .item_block:last-child {
        float: left !important;
    }

    .header_left h1 {
        text-align: left;
        width: 50%;
        font-size: 1.0rem;
    }
}

.header_left, .header_right {
    display: none;
}

div#header:hover {
    min-height: 60px !important;
}

div#mobilemenu {
    position: absolute;
    cursor: pointer;
    margin-top: 10px;
    padding: 5px;
    right: 10px;
    display: none;
    width: 38%;
    float: left;
}

    div#mobilemenu #showmenu {
        /*  background: url(../../Uploads/mobile_menu_icon.png)no-repeat;
        background: url('../../Uploads/mobile_menu_icon (1).png')no-repeat;*/
        background: url('../../Uploads/burgerIcon.png')no-repeat;
        /* background-image: url('../../Uploads/btn_eorzea_sp_nav.png');
         background-image: url('../../Uploads/icon-menu.png');*/
        /* padding-left: 30px; */
        height: 35px;
        background-size: contain;
        /* color: #fff; */
        /* font-size: 20px; */
        /* line-height: 40px; */
        /* font-weight: bold; */
        /* text-transform: uppercase; */
        /* float: left; */
        /* padding-left: 22%; */
        margin-left: 47%;
        /* position: relative; */
    }

li.expand a.active {
    font-weight: bold;
    padding: 2px 0 6px;
}