﻿/*

[TABLE OF CONTENTS]

1.  IMPORTS
2.  RESET STYLES
3.  HEADER STYLES
4.  MAIN THEME CONTAINER STYLES
    4.1 LEFT PANEL STYLES
    4.2 CONTENT SECTION STYLES
	4.3 MINIMIZED LEFT PANEL STYLE
	4.4 THEME STYLE ACCORDING PHONE
5.	Boxed Theme Layout Style
6.	Theme Background Color Style
*/


/********** 1. IMPORTS **********/
/********************************/
@import url('../bootstrapLess/bootstrap.min.css');

@import url('mmb-overlay-effect.css');

@import url('mmb-push-effect.css');

@import url('mmb-shrink-effect.css');

@import url('mmb-rightsidebar.css');

@import url('mmb-horizontal-navigation.css');

@import url('mmb-theme-color.css');

@import url('header.css');

/********** 2. RESET STYLES **********/

/*************************************/

/* ********** Default Theme Style************* */

body { background-color: #303031; }

body {
    position: relative;
    /*overflow-y: auto;*/
}

#mmb-wrapper a:focus { outline: none; }


#mmb-wrapper {
    direction: ltr;
    height: 100%;
    /*background: #eef1f6;*/
    /*color: #7e7e7e;*/
    margin: 0;
    /*line-height: 30px;*/
    overflow-x: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    /*overflow-y: hidden;*/
}

/************** 3. Theme Header Style Start Here ********************/

#mmb-header {
    background: transparent;
    border-bottom: solid 1px #484849;
    height: 50px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 10;
    /*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);*/
}

.mmb-left-header {
    /*background: hsla(240, 1%, 15%, 0.8);*/
    float: left;
    font-size: 24px;
    font-weight: 200;
    line-height: 49px;
    position: absolute;
    /*text-align: center;*/
    width: 255px;
    z-index: 999;
}

.mmb-left-header a { color: #9CA270; }

.mmb-left-header a:hover,
.mmb-left-header a:focus {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    color: #C6CAB3;
    text-decoration: none;
    transition: all 0.5s ease;
}

.mmb-left-header a i {
    background-size: cover;
    /*background: url('/Images/logo.png') no-repeat #282827;*/
    /*color: #9CA270;*/
    /*font-size: 22px;*/
    position: relative;
    /*top: 6px;*/
}

.mmb-right-header {
    background: transparent;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 101;
}

.mmb-right-header > ul {
    display: block;
    margin: 0;
    padding: 0;
}

.mmb-right-header li {
    display: inline;
    float: left;
}

.mmb-right-header > li a { padding: 17px 15px; }

.mmb-right-header li a:hover,
.mmb-right-header li a:focus { text-decoration: none; }

#mmb-header > div.mmb-right-header > ul > li > a > span.ng-binding {
    text-indent: 5px;
    text-transform: uppercase;
}

.mmb-right-header a i { font-size: 14px; }

.right-navbar {
    float: right;
    padding-right: 7px !important;
    margin-bottom: 0;
}

.right-navbar li a i { font-size: 14px; }

.left-navbar > li:first-child { padding-left: 50px; }

.mmb-sidebar-toggle a:hover,
.mmb-sidebar-toggle a:active,
.mmb-sidebar-toggle a:focus {
    color: #9CA270;
    outline: none;
}

.mmb-left-header > .mmb-sidebar-toggle > a { display: none; }

#mmb-header .mmb-left-header[mmb-position-type="relative"] { position: relative; }

#mmb-header .mmb-left-header[mmb-position-type="absolute"] { position: absolute; }

#mmb-header .mmb-left-header[mmb-position-type="fixed"] { position: fixed; }

#mmb-header .mmb-right-header[mmb-position-type="relative"] { position: relative; }

#mmb-header .mmb-right-header[mmb-position-type="absolute"] { position: absolute; }

#mmb-header .mmb-right-header[mmb-position-type="fixed"] {
    padding-right: 255px;
    position: fixed;
    width: 100%;
}

/*******************************Theme Header Style Close Here ***********************************/

/******************************* 4. main container Style start Here ***********************************/

#mmb-container {
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

/*.mmb-page .content-holder{
    max-width:974px !important;
    margin-left:auto;
    margin-right:auto;

}*/

/************************* 4.1 Theme Left Panel Style Start Here *********************************/

#mmb-left-panel {
    /*background: #FFF none repeat scroll 0 0;*/
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    /*color: #7e7e7e;*/
    float: left;
    line-height: 30px;
    min-height: 100%;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 255px;
    z-index: 100;
}

#mmb-left-panel .profile-box {
    border-bottom: 1px solid #efefef;
    min-height: 50px;
    padding: 5px 15px;
    position: relative;
}

#mmb-left-panel .profile-box .media a img {
    height: 40px;
    width: 40px;
}

#mmb-left-panel .profile-box .media { position: relative; }

#mmb-left-panel .profile-box .media a { margin-top: 2px; }

#mmb-left-panel .profile-box .media a > img { border: 1px solid #efefef; }


#mmb-left-panel ul {
    margin: 0;
    padding: 0;
}

#mmb-left-panel ul li i {
    margin-left: -10px;
    margin-top: -10px;
}

#mmb-left-panel > ul > li > a {
    line-height: 30px;
    min-height: 50px;
}

#mmb-left-panel .nav-level {
    border-top: 1px solid #efefef;
    font-weight: bold;
    padding: 5px 15px;
}

#mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu { list-style: none; }

#mmb-left-panel .nav-level:first-child { border-top: 0 solid #efefef; }

#mmb-left-panel .panel-list > li > a {
    background: #303031;
    /*border-top: 1px solid #efefef;*/
    color: #7e7e7e;
    display: block;
    min-height: 51px;
    /*font-size: 13px;
        font-weight: 500;*/
    padding: 10px 10px;
    position: relative;
}

/*#mmb-left-panel .panel-list > li:last-child > a { border-bottom: 1px solid #efefef; }

#mmb-left-panel .panel-list > li:first-child > a { border-top: 0 solid #efefef; }*/

#mmb-left-panel .panel-list > li > a:hover,
#mmb-left-panel .panel-list > li > a:focus {
    /*background: #f1f1f1;*/
    color: #000;
}

#mmb-left-panel .panel-list > li.active > a {
    background: #f1f1f1;
    border-top: 1px solid #efefef;
    color: #000;
}

#mmb-left-panel .panel-list > li > a > i {
    display: inline;
    font-size: 14px;
    opacity: 0.4;
    padding-right: 6px;
}

#mmb-left-panel .panel-list > li > a span.menu-text { display: inline-block; }

#mmb-left-panel .panel-list > li.mmb-has-menu > a:after {
    content: "\f107";
    float: right;
    font-family: FontAwesome;
    font-size: 15px;
    position: relative;
}

#mmb-left-panel .panel-list > li.mmb-has-menu.opened > a {
    background: #f1f1f1;
    color: #000;
}

#mmb-left-panel .panel-list > li.mmb-has-menu.opened > a:after {
    content: "\f106" !important;
    float: right;
    font-family: FontAwesome;
    font-size: 15px;
    position: relative;
}

#mmb-left-panel .panel-list > li.mmb-has-menu li.mmb-has-menu > a:after {
    content: "\f103";
    float: right;
    font-family: FontAwesome;
    font-size: 15px;
    position: relative;
}

#mmb-left-panel .panel-list > li.mmb-has-menu li.mmb-has-menu.opened > a:after {
    content: "\f102";
    float: right;
    font-family: FontAwesome;
    font-size: 15px;
    position: relative;
}

#mmb-left-panel .panel-list ul {
    background: #fafafa;
    box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}

#mmb-left-panel .panel-list ul.mmb-sub-menu li > a {
    background: transparent;
    /*border-top: 1px solid #efefef;*/
    color: #7e7e7e;
    display: block;
    /*font-size: 13px;*/
    /*font-weight: 500;*/
    padding: 10px 10px;
    position: relative;
}

#mmb-left-panel > ul > li.mmb-has-menu.opened > ul > li {
    line-height: 30px;
    min-height: 50px;
}

#mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu { display: none; }

#mmb-left-panel .panel-list li.mmb-has-menu > ul.mmb-sub-menu li > a:hover,
#mmb-left-panel .panel-list li.mmb-has-menu > ul.mmb-sub-menu li > a:focus {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}

#mmb-left-panel .panel-list > li.mmb-has-menu > ul ul { display: none; }

#mmb-left-panel .panel-list > li.mmb-has-menu.opened > ul { display: block; }

#mmb-left-panel .panel-list > li.mmb-has-menu.opened > ul > li.mmb-has-menu.opened > ul { display: block; }

#mmb-left-panel .panel-list > li.mmb-has-menu.opened > ul > li.mmb-has-menu.opened > ul > li.mmb-has-menu.opened > ul { display: block; }

#mmb-left-panel .panel-list > li.mmb-has-menu.active > ul { display: block; }

#mmb-left-panel .panel-list > li.mmb-has-menu.active > ul > li.mmb-has-menu.active > ul { display: block; }

#mmb-left-panel .panel-list > li.mmb-has-menu.active > ul > li.mmb-has-menu.active > ul > li.mmb-has-menu.active > ul { display: block; }

#mmb-left-panel .panel-list > li.mmb-has-menu > ul > li > a span.menu-text {
    padding-left: 15px;
    position: relative;
}

#mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu { list-style: outside none none; }

#mmb-left-panel .panel-list > li.mmb-has-menu li.mmb-has-menu > ul.mmb-sub-menu { list-style: outside none none; }

#mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu { list-style: outside none none; }

#mmb-left-panel .panel-list > li.mmb-has-menu > ul > li.mmb-has-menu > ul > li > a span.menu-text {
    padding-left: 25px;
    position: relative;
}

#mmb-left-panel .panel-list > li.mmb-has-menu > ul > li.mmb-has-menu > ul > li > ul > li > a span.menu-text {
    padding-left: 35px;
    position: relative;
}

#mmb-left-panel .panel-list > li.mmb-has-menu > ul > li.mmb-has-menu > ul > li > ul > li > ul > li > a span.menu-text {
    padding-left: 40px;
    position: relative;
}

#mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu > ul.mmb-sub-menu > li > a span.menu-text:before {
    content: "\f0da";
    float: left;
    font-family: FontAwesome;
    font-size: 14px;
    left: 18px;
    position: relative;
}

#mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu > ul.mmb-sub-menu > li > a span.menu-text:before {
    content: "\f0da";
    float: left;
    font-family: FontAwesome;
    font-size: 12px;
    left: 30px;
    position: relative;
}

#mmb-left-panel .panel-list li.active > a .selected {
    height: 50px;
    margin: -10px 0 0 -10px;
    padding: 0;
    position: absolute;
    right: 0;
    vertical-align: middle;
    width: 3px;
}

#mmb-left-panel .panel-list li.mmb-has-menu.active > a .selected { display: none; }

#mmb-left-panel .panel-list li a .label {
    border-radius: 0.25em;
    color: #7e7e7e;
    display: inline;
    font-size: 14px;
    font-weight: 200;
    line-height: 14px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 14px;
    vertical-align: baseline;
    white-space: nowrap;
}

.sul { background-color: #ebebeb; }

#mmb-left-panel[mmb-position-type="relative"] { position: relative; }

#mmb-left-panel[mmb-position-type="absolute"] { position: absolute; }

#mmb-left-panel[mmb-position-type="fixed"] {
    position: fixed;
    top: 50px;
}

/********************************** Theme Left Panel Style Close Here ******************************/

/*************************** 4.2 Theme Content Section Style Start Here ********************************/

#main-content {
    margin-left: 255px;
    position: relative;
}

/******************* Theme Content Section Style Close Here *******************************/

/****************** 4.3 Minimized Left Panel Style Start Here *********************************/

#mmb-header.mmb-minimized-lpanel > .mmb-right-header[mmb-position-type="fixed"] {
    margin-left: 50px;
    padding-right: 50px;
}

#mmb-header.mmb-minimized-lpanel > .mmb-left-header { width: 50px; }

#mmb-header.mmb-minimized-lpanel > .mmb-left-header > a > span { display: none; }

#mmb-header.mmb-minimized-lpanel > .mmb-right-header {
    margin-left: 50px;
    padding-right: 0;
}

.mmb-minimized-lpanel #mmb-left-panel { width: 50px; }

.mmb-minimized-lpanel #mmb-left-panel .profile-box {
    border-bottom: 0 solid #efefef;
    padding: 5px;
}

.mmb-minimized-lpanel #mmb-left-panel .media-body { display: none; }

.mmb-minimized-lpanel #mmb-left-panel .nav-level { display: none; }

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li > a span.menu-text {
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    /*opacity: 0;*/
    display: none;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu > a:after { display: none; }

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li > a > i {
    display: inline;
    font-size: 15px;
    opacity: 1;
    padding-left: 6px;
    padding-right: 6px;
}
        

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li:hover > a,
.mmb-minimized-lpanel #mmb-left-panel .panel-list > li:focus > a {
    display: block;
    position: relative;
    /*width: 255px;*/
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu:hover > a,
.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu:focus > a { /*background: #f1f1f1;*/ }

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu.opened > a span.menu-text {
    display: inline-block;
    left: 52px;
    position: absolute;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list ul.mmb-sub-menu li {
    line-height: 30px;
    list-style: none;
}

#mmb-left-panel > ul > li.mmb-has-menu.opened { width: 255px; }

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu {
    display: none !important;
    left: 50px;
    position: absolute;
    width: 180px;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu.opened > ul.mmb-sub-menu {
    display: block !important;
    left: 50px;
    width: 205px;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu ul.mmb-sub-menu {
    display: none !important;
    left: 0;
    position: absolute;
    width: 180px;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu:hover > ul.mmb-sub-menu ul.mmb-sub-menu,
.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu:focus > ul.mmb-sub-menu ul.mmb-sub-menu {
    display: none !important;
    left: 0;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu:hover > ul.mmb-sub-menu,
.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu:focus > ul.mmb-sub-menu {
    display: block !important;
    left: 0;
    position: relative;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu:hover > ul.mmb-sub-menu,
.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu:focus > ul.mmb-sub-menu {
    display: block !important;
    left: 0;
    position: relative;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu li.mmb-has-menu:hover > a:after,
.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu li.mmb-has-menu:focus > a:after {
    content: "\f102";
    display: block;
    float: right;
    font-family: FontAwesome;
    font-size: 15px;
    position: relative;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list li.mmb-has-menu.active > li.active a .selected { display: block; }

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.active:hover > a .selected,
.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.active:focus > a .selected { display: none; }

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu > ul.mmb-sub-menu li > a span.menu-text {
    padding-left: 15px;
    position: relative;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu > ul.mmb-sub-menu > li > a span.menu-text:before { left: 4px; }

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu > ul.mmb-sub-menu > li.mmb-has-menu > ul.mmb-sub-menu > li > a span.menu-text:before { left: 4px; }

.mmb-minimized-lpanel #mmb-left-panel .panel-list li .label { display: none; }

.mmb-minimized-lpanel #mmb-left-panel .panel-list li:hover a .label {
    display: block;
    position: absolute;
    right: 10px;
    top: 15px;
}

.mmb-minimized-lpanel #mmb-left-panel .panel-list > li.mmb-has-menu.opened > a {
    /*background: #f1f1f1;*/
    background: #303031;
    color: #efefe1;
    /*color: #000;*/

}

.mmb-minimized-lpanel #main-content { margin-left: 50px; }

/****************** Minimized Left Panel Style Start Here *********************************/

/******************* 4.4 Theme Style for Phone start here***************************************/

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-left-panel { display: none; }

#mmb-wrapper[mmb-device-type="phone"] #mmb-header {
    height: 100px;
    position: none;
}

#mmb-wrapper[mmb-device-type="phone"] .mmb-left-header {
    float: none;
    width: 100%;
}

#mmb-wrapper[mmb-device-type="phone"] #mmb-left-panel[mmb-position-type="fixed"] { top: 100px; }

#mmb-wrapper[mmb-device-type="phone"] .mmb-right-header {
    padding-left: 0 !important;
    position: relative;
    top: 50px;
    width: 100%;
    z-index: 999;
}

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-left-panel { display: none; }

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel .mmb-right-header { margin-left: 0; }

#mmb-wrapper[mmb-device-type="phone"] .mmb-right-header { margin-left: 0; }

#mmb-wrapper[mmb-device-type="phone"] #mmb-left-panel {
    display: block;
    z-index: 1024;
}

#mmb-wrapper[mmb-device-type="phone"] #main-content { margin-left: 0; }



#mmb-wrapper[mmb-device-type="phone"] .mmb-left-header > .mmb-sidebar-toggle > a { display: block; }

#mmb-wrapper[mmb-device-type="phone"] #mmb-header > .mmb-right-header .mmb-sidebar-toggle a:after { display: none !important; }

#mmb-wrapper[mmb-device-type="desktop"] .mmb-left-header .mmb-sidebar-toggle a:after { display: none !important; }

#mmb-wrapper[mmb-device-type="tablet"] .mmb-left-header .mmb-sidebar-toggle a:after { display: none !important; }

#mmb-wrapper[mmb-device-type="phone"] .mmb-left-header .mmb-sidebar-toggle a:after {
    background: transparent;
    border: 0 solid #003c70;
    border-radius: 4px;
    color: #003c70;
    content: "";
    display: block !important;
    font-family: FontAwesome;
    left: 5px;
    line-height: 39px;
    padding: 1px 13px;
    position: absolute;
    top: 3px;
    z-index: 1000;
}

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-container[mmb-lpanel-effect="shrink"] #main-content { margin-left: 0; }

#mmb-wrapper[mmb-device-type="phone"] #mmb-container[mmb-lpanel-effect="shrink"] #main-content { margin-left: 255px; }

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-container[mmb-lpanel-effect="overlay"] #main-content { margin-left: 0; }

#mmb-wrapper[mmb-device-type="phone"] #mmb-container[mmb-lpanel-effect="overlay"] #main-content { margin-left: 0; }

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-container[mmb-lpanel-effect="push"] #main-content {
    margin-left: 0;
    margin-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"] #mmb-container[mmb-lpanel-effect="push"] #main-content {
    margin-left: 255px;
    margin-right: -255px;
}

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-header[mmb-lpanel-effect="shrink"] .mmb-right-header[mmb-position-type="relative"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-header[mmb-lpanel-effect="shrink"] .mmb-right-header[mmb-position-type="fixed"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"] #mmb-header[mmb-lpanel-effect="shrink"] .mmb-right-header[mmb-position-type="relative"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"] #mmb-header[mmb-lpanel-effect="shrink"] .mmb-right-header[mmb-position-type="fixed"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-header[mmb-lpanel-effect="overlay"] .mmb-right-header[mmb-position-type="relative"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-header[mmb-lpanel-effect="overlay"] .mmb-right-header[mmb-position-type="fixed"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"]#mmb-header[mmb-lpanel-effect="overlay"] .mmb-right-header[mmb-position-type="relative"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"] #mmb-header[mmb-lpanel-effect="overlay"] .mmb-right-header[mmb-position-type="fixed"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-header[mmb-lpanel-effect="push"] .mmb-right-header[mmb-position-type="relative"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"].mmb-hide-lpanel #mmb-header[mmb-lpanel-effect="push"] .mmb-right-header[mmb-position-type="fixed"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"] #mmb-header[mmb-lpanel-effect="push"] .mmb-right-header[mmb-position-type="relative"] {
    margin-left: 0;
    padding-right: 0;
}

#mmb-wrapper[mmb-device-type="phone"] #mmb-header[mmb-lpanel-effect="push"] .mmb-right-header[mmb-position-type="fixed"] {
    margin-left: 0;
    padding-right: 0;
}

/****************************** Theme Style for Phone Close here **********************************/

/*******************************main container Style Close Here ***********************************/

/****************************** Default Theme Style Close ******************************************/

/*Boxed Theme Layout Style Start*/

body[theme-layout="box-layout"] #mmb-wrapper[mmb-device-type="desktop"] {
    margin: 0 auto;
    width: 96%;
}

/*Boxed Theme Layout Style Close*/

/*Theme Background Color in Start */

body[theme-layout="box-layout" mmb-nav-placement="right"] #mmb-wrapper[mmb-device-type="desktop"] { margin: 0 auto; }

body[theme-bg="bg1"] { background-image: url('/Images/bg1.png'); }

body[theme-bg="bg2"] { background-image: url('/Images/bg1.png'); }

body[theme-bg="bg3"] { background-image: url('/Images/bg1.png'); }

body[theme-bg="bg4"] { background-image: url('/Images/bg1.png'); }

body[theme-bg="bg5"] { background-image: url('/Images/bg1.png'); }

body[theme-bg="bg6"] { background-image: url('/Images/bg1.png'); }

body[theme-bg="bg7"] { background-image: url('/Images/bg1.png'); }

body[theme-bg="bg8"] { background-image: url('/Images/bg1.png'); }

body[theme-bg="bg9"] { background-image: url('/Images/bg1.png'); }

/*Theme Background Color in Close */

.row.row-no-margin-sides {
    margin-left: 0;
    margin-right: 0;
}

.uib-datepicker-popup,
.uib-datepicker-popup ul,
.uib-datepicker-popup li { outline: none !important; }