/*Close Icon Css*/
/*.close-icon {position: relative;width: 100%;height: 50px;background: #303f9f;color:#fff;}*/
.close-icon button {border: 0;position:absolute;right: 0;z-index: 111;height: 50px;color: #fff;background: #2C394C;width: 50px;border-radius: 0;
font-size: 20px;}
.menu-title{position: absolute;left: 28px;top: 13px;}

/*Menu Bar Icon*/
.bar1, .bar2, .bar3 {width: 35px;height: 5px;background-color: #fff;margin: 6px 0;transition: 0.4s;}
.hamburger{ margin:0; padding:0;float: right;box-sizing:border-box; cursor:pointer;display:none;}
amp-sidebar{ background:#fff}
.navbar {
    position: fixed;
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    background: #2C394C;
    padding: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1)
}


.navbar a span.menu-icon {
    display: inline-block!important;
    font-size: 16px!important;
    margin-bottom: 0!important;
    margin-right: 5px!important;
    line-height: 1px;
}

.quick-add-buttons a label span{
    border: 1px solid #ccc;
    padding: 5px !important;
}
.menu-accordion li.quick-add-buttons label {
    padding: 0 !important;
}
.navbar a span.menu-icon.icon-plus {
    margin: 0 !important;
}
.navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #333;
}
.navbar ul li {display: block;position: relative;cursor: pointer}
.navbar ul li li {background: #fff;/*border-bottom: 1px solid #e8eaf6*/}
.navbar ul li li:last-child {border-bottom: 0 none}
/* This hides the dropdowns */
.navbar ul label span, .navbar ul li a span{
    /*font-weight: normal !important;*/
}
.navbar ul a, .navbar ul label{display: block;text-decoration: none;color: white; cursor:pointer;margin-bottom: 0;text-align: left;}

.menu-accordion li a, .menu-accordion li label{
    padding:6px 6px!important;
    font-weight: normal !important;
}
.menu-accordion ul li a, .menu-accordion ul li label{
    padding:10px 11px!important;
    font-weight: normal !important;
}

.navbar ul li li a, .navbar ul li li label {
    color: #333;
    display: block;
    white-space:nowrap;
    text-align: left;
}
.navbar ul label:before {position: absolute;right: 13px;top:24px;width: 0;height: 0;border: solid #303f9f;border-width: 0 1px 1px 0;clear: both;padding: 3px;transform: rotate(45deg);
    webkit-transform: rotate(315deg);
    border: solid #fff;
    border-width: 0 1px 1px 0;
}
.navbar ul li ul li label:before {content: "";position: absolute;right: 13px;top:15px;width: 0;height: 0;border: solid #303f9f;border-width: 0 1px 1px 0;clear: both;padding: 3px;transform: rotate(315deg);
    webkit-transform: rotate(315deg);
    border: solid #fff;
    border-width: 0 1px 1px 0;
}

/*.navbar ul li:hover>a, .navbar ul li:hover>label {background: #fff; color:#333;}*/
/*.navbar ul li:hover>a{color:#333;}*/
.navbar ul li:hover>label:before  {border: solid #fff;border-width: 0 1px 1px 0;}

.navbar ul ul li a > label{ padding: 0px !important;}

/* Simple clearfix */
.navbar ul:before,
.navbar ul:after {content: " "; /* 1 */display: table; /* 2 */}
.navbar ul:after { clear: both; }

.navbar .menu-accordion li:hover>a, .navbar .menu-accordion li:hover>label {
    background: #49576B;
    color: #fff;
}

.navbar .menu-accordion .active ,.navbar .menu-accordion .active>label{
    background: #49576B;
    color: #fff;
}

.navbar .menu-accordion ul li:hover>a, .navbar .menu-accordion ul li:hover>label {
    background: #3f4454;
    color: #fff;
}

.navbar .menu-accordion ul .active>a, .navbar .menu-accordion ul .active>label {
    background: #3f4454;
    color: #fff;
}

.topmenu-outer ul li{
    width: 100%;
    display: inline-block;
}
.topmenu-outer ul {
    border-radius: 0;
}

.topmenu-outer ul li>a{
    color: inherit;
}

.topmenu-outer .office-logo {
    /*padding-top: 9px;*/
    padding-right: 0;
}

.topmenu-outer .office-logo div img {
    max-width: 100%;
    max-height: 35px;
}

.topmenu-outer .office-logo div{
    background: #fff;
    padding: 2px;
    margin-left: 7px;
}
.topmenu-outer .user-name{
    padding-top: 5px;
    padding-left: 0;
    padding-right: 3px;
}
.topmenu-outer .user-image{
    /*padding-top: 5px;*/
    padding-left: 0;
}

/*--------------------------------------------------------------------Media For Desktop view--------------------------------------------------------*/
.navbar .menu-accordion ul li{
    background: #48576A !important;
}
.navbar .menu-accordion ul li a, .navbar .menu-accordion ul li label{
    color: #ffffff;
}

.navbar .menu-accordion ul li.border_top:before {
    content: "";
    border-style: double;
    border-width: 1px;
    margin: 5px 10px;
    width: 75%;
    border-color: white;
    display: block;
}


@media(min-width:1024px) {
    .navbar ul li li label:before{position: absolute;}
    .navbar ul li {display:inline-block}
    .navbar ul li li {width:100%;}

    /* This hides the dropdowns */
    .carousel-preview { height:585px; overflow:auto}
    .navbar ul ul {visibility: hidden; position: absolute;opacity: 0;z-index:11;/*display:table;width: 100%;*/
        transition: opacity 0.5s linear; /* vendorless fallback */
        -o-transition: opacity 0.5s linear; /* opera */
        -ms-transition: opacity 0.5s linear; /* IE 10 */
        -moz-transition: opacity 0.5s linear; /* Firefox */
        -webkit-transition: opacity 0.5s linear; /*safari and chrome */
    }

    .left-sidebar-menu{
        display: none;
    }
    .navbar.top-menu{
        display: block;
    }
    .topmenu-outer{
        /*height: 0px;*/
        width: 225px;
    }
    /* Display the dropdown */
    .navbar li:hover:not(.quick-search-box-desktop) > ul {opacity:1;visibility: visible; }
    /* Displays second level dropdowns to the right of the first level dropdown */
    .navbar ul ul ul {left: 100%;top:0px;}
    .navbar ul ul{box-shadow: 0 3px 2px -1px rgba(0,0,0,.5);width: 250px;background: #363b4a;}
    .navbar > ul > li > label:before {content: "";position: absolute;right: 6px;top: 44%;width: 0;height: 0;border: solid #303f9f;border-width: 0 1px 1px 0;clear: both; padding:3px;transform: rotate(45deg);webkit-transform: rotate(45deg);}
}
.quick-search-box-desktop .show{
    opacity: 1;
    visibility: visible;
    transition: none;
    padding: 5px 10px;
    box-shadow: none;
}

@media(max-width:1023px) {

    .left-sidebar-menu{
        display: block;
    }
    .navbar.top-menu{
        display: none;
    }

    .topmenu-outer{
        height: 48px;
        width: 225px;
    }

    .navbar, .navbar.left-sidebar-menu .logo-box, .topmenu-outer	{height:48px;}
    .sidebar-menu ul label {position: relative;}
    .sidebar-menu ul li ul label {position: relative;}
    .sidebar-menu {width:250px;text-align: left; position:inherit}
    .sidebar-menu ul:first-child li:hover>a, .sidebar-menu ul:first-child li:hover>label {background: #323642;color: #fff;width: 250px}
    .sidebar-menu ul li ul li:hover>a, .sidebar-menu ul li ul li:hover>label {background: #f9f9f9;color: #333;}
    .sidebar-menu ul label, .sidebar-menu ul a {cursor: pointer;padding:12px 18px !important;font-weight: normal; display:block;color: #fff;margin-bottom: 0;}
    .sidebar-menu.horizontal-bar .sidebar-menu ul{ width: 250px;height: 100%;}
    .sidebar-menu a span.menu-icon, .sidebar-menu label span.menu-icon{font-size: 18px;}
    /*.sidebar-menu ul li:hover label:before{border: solid #333;border-width: 0 1px 1px 0;}*/
    /*.sidebar-menu ul label:before {right: 20px;top: 26px;}*/
    .sidebar-menu ul input[type=checkbox] {position: absolute;visibility: hidden;}
    .sidebar-menu ul div {overflow-y: scroll;overflow-x:hidden;position: fixed;top:0px;right: 0;bottom: 0;left: 0;transform: translateX(-100%);transition: transform 233ms cubic-bezier(0, 0, 0.21, 1);z-index:2;/*background-color: #fff*/}
    /*.navbar ul div ul {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}*/
    .sidebar-menu ul div ul {position: absolute;top: 50px; right: 0; bottom: 0;left: 0;width: 250px;}
    .sidebar-menu ul label input:checked + div {transform: translateX(0);background:#3f4454;width: 250px;}
    /*.navbar .back {display: block;position: absolute;color: #303f9f;width:75%;padding: 14px 10px 14px 30px}*/
    .sidebar-menu .back {display: block;color: #fff;width: 250px;padding: 15px 10px 17px 30px;top:0px;z-index: 99999999;background: #2C394C;}
    .sidebar-menu .back:before {content: "";position: absolute;left: 12px;top:21px;width: 0;height: 0;border: solid #fff;border-width: 0 1px 1px 0;clear: both;padding: 3px;transform: rotate(135deg);
        webkit-transform: rotate(135deg);}

    .sidebar-menu > ul > li > label:before, .sidebar-menu > ul > li ul > li label:before {content: "";position: absolute;right: 20px;top: 44%;width: 0;height: 0;border: solid white;border-width: 0 1px 1px 0;clear: both; padding:3px;transform: rotate(-45deg);webkit-transform: rotate(-45deg);}

    /*.navbar ul a{padding: 20px 30px;}*/
    /*.hidden-xs {display: none;}*/
    /*.visible-xs {display: block    !important;    }*/
    .hamburger{ display:block;}
    .page-horizontal-bar.page-sidebar-fixed .sidebar-menu { z-index: 22;}
    /*.sidebar-menu ul {background: #363b4a;}*/
    .top-menu .navbar-nav > li > a {padding: 15px 15px 0px 0 !important;}

    .push-sidebar{padding:14px 18px;}
    .navbar .logo-box .logo-text{line-height:48px;text-align:left;padding-left:50px;width:auto;float:left;}

    .sidebar-pusher {
        display: block;
    }

    .navbar .logo-box {
        margin: 0 auto;
        background: transparent;
        text-align: center;
        border: 0!important;
    }
    .navbar .logo-box a {
        color: #5F5F5F!important;
    }
    .navbar .logo-box .logo-text {
        width: 100%;
        display: inline-block!important;
    }

    .logo-lg > img {height: 34px;}

    .page-horizontal-bar.page-header-fixed .horizontal-bar{position:fixed;top:50px;padding-top:0;}

    .small-sidebar .sidebar.visible,  .page-horizontal-bar .sidebar.visible {
        margin-right: -65px;
        opacity: 1;
        visibility: visible;
        width: 65px;
        display: block;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .sidebar {
        opacity: 0;
        visibility: hidden;
        display: none;
        width: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    body:not(.small-sidebar) .sidebar.visible {
        height: 100%;
        overflow: auto !important;
        padding-top: 0;
        position: fixed;
        top: 0px;
        width: 250px;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        opacity: 1;
        z-index: 333333;
    }
    .small-sidebar .sidebar,  .horizontal-bar {
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .page-sidebar-fixed:not(.page-header-fixed) .logo-box {
        position: relative;
        display: block;
    }

    .small-sidebar .page-inner.sidebar-visible,  .page-horizontal-bar .page-inner.sidebar-visible {
        -webkit-transform: translate3d(250px, 0, 0);
        transform: translate3d(250px, 0, 0);
    }
}

/*Start:  From menu.css */
/*.topmenu-outer {height: 60px;!*background: #fff;*!!*margin-left: 160px;*!color: white;float: right;}*/
.small-sidebar .topmenu-outer {margin-left: 65px;}
.topmenu-outer {
    display: inline-block;
    /* padding: 15px 17px 15px 17px; */
    color: #FFFFFF;
    border: none;
    position: relative;
    line-height: 20px;
    border-radius: 0;
    /* background: #323642; */
    float: right;
}

.topmenu-outer a{
    color: white;
}
.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {margin-left: 65px;}
.nav>li>a:focus, .nav>li>a:hover {background: none!important;}
@media (max-width: 1200px) {
    .menu-accordion > li > a > label > span.text {display: none;}
    /*body:not(.small-sidebar) .horizontal-bar .accordion-menu > li > a > .menu-icon {*/
    /*float: none!important;*/
    /*margin: 0!important;*/
    /*}*/
    .horizontal-bar .accordion-menu ul {top: 50px!important;}
}
@media(max-width:481px) {
    .topmenu-outer{
        width: 230px;
    }
}
/* End:  From menu.css */