/* Minification failed. Returning unminified contents.
(771,32): run-time error CSS1033: Expected closing bracket, found 'hoe-nav-placement'
(771,49): run-time error CSS1031: Expected selector, found '='
(771,49): run-time error CSS1025: Expected comma or open brace, found '='
(809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(814,20): run-time error CSS1036: Expected expression, found '@screen-xs-min'
(814,20): run-time error CSS1034: Expected closing parenthesis, found '@screen-xs-min'
(912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(914,21): run-time error CSS1039: Token not allowed after unary operator: '-responsive'
(920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(922,21): run-time error CSS1039: Token not allowed after unary operator: '-responsive'
(958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(960,21): run-time error CSS1039: Token not allowed after unary operator: '-responsive'
(966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(968,21): run-time error CSS1039: Token not allowed after unary operator: '-responsive'
(975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(977,21): run-time error CSS1039: Token not allowed after unary operator: '-responsive'
(984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(986,21): run-time error CSS1039: Token not allowed after unary operator: '-responsive'
(998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1000,21): run-time error CSS1039: Token not allowed after unary operator: '-responsive'
 */
/*
Created by: @Frank_Alfred
DEMO URL: http://gohooey.com/demo/sidebar/hoedemo.html

[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('bootstrap.min.css');
@import url('hoe-overlay-effect.css');
@import url('hoe-push-effect.css');
@import url('hoe-shrink-effect.css');
@import url('hoe-rightsidebar.css');
@import url('hoe-horizontal-navigation.css');
@import url('hoe-theme-color.css');
@import url('header.css');
/********** 2. RESET STYLES **********/
/*************************************/

/* ********** Default Theme Style************* */
body,html {
    
}
body{position:relative;}
#hoeapp-wrapper a:focus {
    outline: none;
}
#hoeapp-wrapper {
    background: #eef1f6;
    color: #7e7e7e;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
	font-family: Verdana, sans-serif;
	direction: ltr;
    line-height: 20px;
    font-size: 13px;
    /*overflow-x: hidden;
    overflow-y: hidden;*/
	margin: 0;
    padding: 0;
}
 
/************** 3. Theme Header Style Start Here ********************/

#hoe-header {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    z-index: 10;
	position:relative;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.hoe-left-header {
    background: #3498db;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    position: absolute;
    float: left;
    text-align: center;
    width: 230px;
    z-index: 999;
}
.hoe-left-header a {
    color: #FFF;
}
.hoe-left-header a:hover,
.hoe-left-header a:focus {
    color: #FFF;
    text-decoration: none;
}
.hoe-left-header a i {
    color: #003c70;
    font-size: 22px;
    position: relative;
    top: 3px;
}
.hoe-right-header {
    background: #fff none repeat scroll 0 0;
    height: 50px;
    line-height: 50px;
    z-index: 101;
	margin-left: 230px;
	position: relative;
}
.hoe-right-header > ul {
    display: block;
    margin: 0;
    padding: 0;
}
.hoe-right-header li {
  display: inline;
  float: left;
}
.hoe-right-header > li  a {
    color: #7e7e7e;
    padding: 17px 15px;
}
.hoe-right-header li a:hover,
.hoe-right-header li a:focus {
    background: #efefef;
    text-decoration: none;
}
.hoe-right-header a i {
    color: #7e7e7e;
    font-size: 14px;
}
.right-navbar {
    float: right;
	padding-right: 7px !important;
}
.right-navbar li a i {
    font-size: 14px;
}
.left-navbar > li:first-child {
    padding-left: 50px;
}
.hoe-sidebar-toggle a:after {
    background: transparent;
    border: 0px solid #efefef;
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 50px;
    padding: 0px 17px;
    position: absolute;
    color: #7e7e7e;
    z-index: 1000;
}
.hoe-sidebar-toggle a:hover:after {
    background: #efefef;
}
.hoe-left-header > .hoe-sidebar-toggle > a {
    display: none
}
#hoe-header .hoe-left-header[hoe-position-type="relative"] {
    position: relative;
}
#hoe-header .hoe-left-header[hoe-position-type="absolute"] {
    position: absolute;
}
#hoe-header .hoe-left-header[hoe-position-type="fixed"] {
    position: fixed;
}
#hoe-header .hoe-right-header[hoe-position-type="relative"] {
    position: relative;
}
#hoe-header .hoe-right-header[hoe-position-type="absolute"] {
    position: absolute;
}
#hoe-header .hoe-right-header[hoe-position-type="fixed"] {
	padding-right: 230px;
    position: fixed;
    width: 100%;
}
/*******************************Theme Header Style Close Here ***********************************/
/******************************* 4. main container Style start Here ***********************************/
#hoeapp-container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height:800px;
	position:relative;
	clear:both;
}
/************************* 4.1 Theme Left Panel Style Start Here *********************************/
#hoe-left-panel {
    background: #FFF none repeat scroll 0 0;
    color: #7e7e7e;
    width: 230px;
    top: 0;
	position:absolute;
	float:left;
	min-height:100%;
    z-index: 100;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
#hoe-left-panel .profile-box {
    border-bottom: 1px solid #efefef;
    min-height: 50px;
    padding: 5px 15px;
    position: relative;
}
#hoe-left-panel .profile-box .media a img {
    width: 40px;
    height: 40px;
}

#hoe-left-panel .profile-box .media {
    position: relative;
}
#hoe-left-panel .profile-box .media a {
    margin-top: 2px;
}
#hoe-left-panel .profile-box .media a > img {
    border: 1px solid #efefef;
}
 

#hoe-left-panel ul {
    margin: 0;
    padding: 0;
}
#hoe-left-panel .nav-level {
    padding: 5px 15px;
    border-top: 1px solid #efefef;
    font-weight: bold;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {
  list-style: none;}

#hoe-left-panel .nav-level:first-child {
    border-top: 0px solid #efefef;
}
#hoe-left-panel .panel-list > li > a {
    background: #FFF;
    border-top: 1px solid #efefef;
    color: #7e7e7e;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 10px;
    position: relative;
}
#hoe-left-panel .panel-list > li:last-child > a {
    border-bottom: 1px solid #efefef;
}
#hoe-left-panel .panel-list > li:first-child > a {
    border-top: 0px solid #efefef;
}
#hoe-left-panel .panel-list > li > a:hover,
#hoe-left-panel .panel-list > li > a:focus {
    color: #000;
    background: #f1f1f1;
}
#hoe-left-panel .panel-list > li.active > a {
    background: #f1f1f1;
    border-top: 1px solid #efefef;
    color: #000;
}
#hoe-left-panel .panel-list > li > a > i {
    display: inline;
    font-size: 14px;
    padding-right: 6px;
}
#hoe-left-panel .panel-list > li > a span.menu-text {
    display: inline-block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 15px;
    position: relative;
    float: right;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > a {
    background: #f1f1f1;
    color: #000;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > a:after {
    font-family: FontAwesome;
    content: "\f106" !important;
    font-size: 15px;
    float: right;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f103";
    font-size: 15px;
    position: relative;
    float: right;
}
#hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu.opened > a:after {
    font-family: FontAwesome;
    content: "\f102";
    font-size: 15px;
    position: relative;
    float: right;
}
#hoe-left-panel .panel-list ul {
    background: #fafafa;
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
#hoe-left-panel .panel-list ul.hoe-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;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {
    display: none;
}
#hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:hover,
#hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    text-decoration: none;
    color: #000;
    background: #f1f1f1;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul ul {
    display: none;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > ul > li.hoe-has-menu.opened > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > ul > li.hoe-has-menu.opened > ul > li.hoe-has-menu.opened > ul {
    display: block;
}

#hoe-left-panel .panel-list > li.hoe-has-menu.active > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.active > ul > li.hoe-has-menu.active > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.active > ul > li.hoe-has-menu.active > ul > li.hoe-has-menu.active > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li > a span.menu-text {
    padding-left: 15px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {

  list-style: outside none none;
}
#hoe-left-panel .panel-list > li.hoe-has-menu  li.hoe-has-menu > ul.hoe-sub-menu {

  list-style: outside none none;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {

  list-style: outside none none;

}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li.hoe-has-menu > ul > li > a span.menu-text {
    padding-left: 25px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li.hoe-has-menu > ul > li > ul > li > a span.menu-text {
    padding-left: 35px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li.hoe-has-menu > ul > li > ul > li > ul > li > a span.menu-text {
    padding-left: 40px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 14px;
    position: relative;
    float: left;
    left: 4px;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 12px;
    position: relative;
    float: left;
    left: 15px;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 14px;
    position: relative;
    float: left;
    left: 18px;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 12px;
    position: relative;
    float: left;
    left: 30px;
}
#hoe-left-panel .panel-list li.active > a .selected {
    border-bottom: 7px solid transparent;
    border-right: 7px solid #7e7e7e;
    border-top: 7px solid transparent;
    display: inline-block;
    height: 0;
    position: absolute;
    right: 0;
    top: 13px;
    vertical-align: middle;
    width: 0;
}
#hoe-left-panel .panel-list li.hoe-has-menu.active > a .selected {
    display: none;
}
#hoe-left-panel .panel-list li a .label {
    border-radius: 0.25em;
    color: #7e7e7e;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 4px 3px;
    position: absolute;
    right: 10px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.sul {
    background-color: #ebebeb;
}

#hoe-left-panel[hoe-position-type="relative"] {
    position: relative;
}
#hoe-left-panel[hoe-position-type="absolute"] {
    position: absolute;
}
#hoe-left-panel[hoe-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: 230px;
	position:relative;
}
/******************* Theme Content Section Style Close Here *******************************/
/****************** 4.3 Minimized Left Panel Style Start Here *********************************/
#hoe-header.hoe-minimized-lpanel > .hoe-right-header[hoe-position-type="fixed"] {
  margin-left: 50px;
  padding-right: 50px;
}
#hoe-header.hoe-minimized-lpanel > .hoe-left-header {
    width: 50px;
}
#hoe-header.hoe-minimized-lpanel > .hoe-left-header > a > span {
    display: none;
}
#hoe-header.hoe-minimized-lpanel > .hoe-right-header {
  margin-left: 50px;
  padding-right:0px;
}
.hoe-minimized-lpanel #hoe-left-panel {
    width: 50px;
}
.hoe-minimized-lpanel #hoe-left-panel .profile-box {
    border-bottom: 0px solid #efefef;
}
.hoe-minimized-lpanel #hoe-left-panel .media-body {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .profile-box {
    padding: 5px;
}
.hoe-minimized-lpanel #hoe-left-panel .nav-level {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li > a span.menu-text {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > a:after {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li > a > i {
    display: inline;
    font-size: 15px;
    padding-left: 6px;
    padding-right: 6px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:hover > a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:focus > a {
    display: block;
    position: relative;
    width: 230px;
    margin-bottom: -1px;
    border-radius: 0px 4px 4px 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:hover > a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:focus > a {
    border-radius: 0px 4px 4px 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    background: #f1f1f1;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:hover > a span.menu-text,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:focus > a span.menu-text {
    display: inline-block;
    position: absolute;
    left: 52px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list ul.hoe-sub-menu li {
    list-style: none;
}

.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {
    display: none !important;
    position: absolute;
    left: 50px;
    width: 180px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > ul.hoe-sub-menu {
    display: block !important;
    border-right: 1px solid #efefef;
	width: 180px;
	left: 50px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu ul.hoe-sub-menu {
    display: none !important;
    position: absolute;
    width: 180px;
    left: 0;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > ul.hoe-sub-menu ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > ul.hoe-sub-menu ul.hoe-sub-menu {
    display: none !important;
    left: 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:hover > ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:focus > ul.hoe-sub-menu {
    display: block !important;
    position: relative;
    left: 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:hover > ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:focus > ul.hoe-sub-menu {
    display: block !important;
    position: relative;
    left: 0px;
}

.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu > a:after {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f103";
    font-size: 15px;
    position: relative;
    float: right;
    display: block;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu:hover > a:after,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu:focus > a:after {
    font-family: FontAwesome;
    content: "\f102";
    font-size: 15px;
    position: relative;
    float: right;
    display: block;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li.hoe-has-menu.active > li.active a .selected {
    display: block;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.active:hover > a .selected,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.active:focus > a .selected {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu li > a span.menu-text {
    padding-left: 15px;
    position: relative;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    left: 4px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    left: 4px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li .label {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li:hover a .label {
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu.opened > a {
    background: #f1f1f1;
    color: #000;
}
.hoe-minimized-lpanel #main-content {
    margin-left: 50px;
}
/****************** Minimized Left Panel Style Start Here *********************************/

/******************* 4.4 Theme Style for Phone start here***************************************/
 
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-left-panel {
    display: none;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header{
    position:none;
	height:100px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-left-header {
    width: 100%;
    float: none;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-left-panel[hoe-position-type="fixed"] {
  top: 100px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-right-header {
    width: 100%;
	padding-left: 0px !important;
	position: relative;
	z-index: 999;
	top: 50px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-left-panel {display:none;}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel .hoe-right-header {
  margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-right-header {
  margin-left: 0px;
}

#hoeapp-wrapper[hoe-device-type="phone"] #hoe-left-panel {
    display: block;
    z-index: 1024;
}
#hoeapp-wrapper[hoe-device-type="phone"] #main-content {
    margin-left: 0px;
}



#hoeapp-wrapper[hoe-device-type="phone"] .hoe-left-header > .hoe-sidebar-toggle > a {
    display: block;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header > .hoe-right-header .hoe-sidebar-toggle a:after {
    display: none !important;
}
#hoeapp-wrapper[hoe-device-type="desktop"] .hoe-left-header .hoe-sidebar-toggle a:after {
    display: none !important;
}
#hoeapp-wrapper[hoe-device-type="tablet"] .hoe-left-header .hoe-sidebar-toggle a:after {
    display: none !important;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-left-header .hoe-sidebar-toggle a:after {
    background: transparent;
    border-radius: 4px;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    left: 5px;
    line-height: 39px;
    padding: 1px 13px;
    position: absolute;
    top: 3px;
    z-index: 1000;
    display: block !important;
    color: #003c70;
    border: 0px solid #003c70;
    font-size: 14px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel  #hoeapp-container[hoe-lpanel-effect="shrink"] #main-content {
  margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"]  #hoeapp-container[hoe-lpanel-effect="shrink"] #main-content {
  margin-left: 230px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel  #hoeapp-container[hoe-lpanel-effect="overlay"] #main-content {
   margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"]  #hoeapp-container[hoe-lpanel-effect="overlay"] #main-content {
   margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel  #hoeapp-container[hoe-lpanel-effect="push"] #main-content {
   margin-left: 0px;
   margin-right: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"]  #hoeapp-container[hoe-lpanel-effect="push"] #main-content {
   margin-left: 230px;
   margin-right:-230px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"]#hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}

#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	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"] #hoeapp-wrapper[hoe-device-type="desktop"] {
	width:96%;
	margin:0 auto;
}
/*Boxed Theme Layout Style Close*/
 
/*Theme Background Color in Start */
body[theme-layout="box-layout" hoe-nav-placement="right"] #hoeapp-wrapper[hoe-device-type="desktop"]{
	margin:0 auto;
}
body[theme-bg="bg1"]{
	 background-image: url("../images/bg1.png");
}
body[theme-bg="bg2"]{
	 background-image: url("../images/bg2.png");
}
body[theme-bg="bg3"]{
	 background-image: url("../images/bg3.png");
}
body[theme-bg="bg4"]{
	 background-image: url("../images/bg4.png");
}
body[theme-bg="bg5"]{
	 background-image: url("../images/bg5.png");
}
body[theme-bg="bg6"]{
	 background-image: url("../images/bg6.png");
}
body[theme-bg="bg7"]{
	 background-image: url("../images/bg7.png");
}
body[theme-bg="bg8"]{
	 background-image: url("../images/bg8.png");
}
body[theme-bg="bg9"]{
	 background-image: url("../images/bg9.png");
}
/*Theme Background Color in Close */





* {
    /* Typography */
    --main-font: 'Verdana 16px', sans-serif;
    /* Calculation */
    --responsive: calc((var(--min-font) * 1px) + (var(--max-font) - var(--min-font)) * ((100vw - 420px) / (1200 - 420))); /* Ranges from 421px to 1199px */
}

@media (max-width: @screen-xs-min) {
    .modal-xs {
        width: auto;
    }

    #wrapper {
        padding-left: 0;
    }
}

.sbazcontainer {
    margin-left:5px;
}

.spacer{
    height:5px;
}

.form-group {
    margin-bottom: 0px!important;
}
#main {
    overflow-y: auto!important;
    max-height: 800px!important;
}

.container {
    width: 97% !important;
    max-width: 100%;
    height: 100%;
    padding-right: 5px !important;
    padding-left: 5px !important;
}
#pdfDiv {
    width: 100%;
}

#outsidediv {
    height: 100%;
    overflow-y: auto;
}

.myButtons {
    height: 35px;
    width: 35px;
    color: black;
    background-color: aliceblue;
    font-family: 'Verdana';
    font-size: 20px;
    margin-top: 2px;
    margin-left: 1px;
}

.iconimage{
    width:30px;
    height:30px;
}

#gplus i {
    color: red !important;
}

.rating {
    font-size: 25px;
    color: blueviolet;
}

.modalrating {
    font-size: 35px;
}

.rating-base-layer {
    color: green;
}

body {
    background-color: #eef1f6;
    width: 100%;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 5px;
    padding-right: 5px;
    background-color: cornsilk;
}

.slideshowcontainer {
    width: 100%;
}

.slider img {
    width: 100%;
    box-shadow: 5px 5px 3px #888888;
}

#addservice .h4 {
    font-family: 'Verdana';
    --max-font: 16;
    --min-font: 12;
    font-size: var(--responsive);
    color: #000;
}

#intro h3 .h3 {
    font-family: 'Verdana';
    --max-font: 16!important;
    --min-font: 12!important;
    font-size: var(--responsive)!important;
    color: #000;
}

.cycle-slideshow {
    width: 100%;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 600px;
}

input[type=text] {
    height: 32px;
}

.insttext {
    font-size: 16px;
    font-family: 'Comic Sans MS';
    color: blue;
}


h3, h4 {
    color: #33355c;
    font-family: 'Verdana';
    --max-font: 22!important;
    --min-font: 16!important;
    font-size: var(--responsive)!important;
}

.sbsrvtext {
    color: #2a2d76;
    font-family: 'Verdana';
    --max-font: 16;
    --min-font: 13;
    font-size: var(--responsive);
}

.sbsrvtexthighlighted {
    color: #2a2d76;
    background-color: yellow;
    font-family: 'Verdana';
    --max-font: 16;
    --min-font: 13;
    font-size: var(--responsive);
}

.sbsrvpagetitles {
    color: #2a2d76 !important;
    font-family: 'Verdana' !important;
    /*font-size: 3.2vmin !important;*/
    --max-font: 25;
    --min-font: 16;
    font-size: var(--responsive);
}
.sbsrvheadlineblue {
    color: #2a2d76 !important;
    font-family: 'Verdana';
    font-size: 30px;
    font-weight: bold !important;
    padding-left: 20px;
}

.sbsrvparagraphtitles {
    font-family: 'Verdana';
    --max-font: 25;
    --min-font: 16;
    font-size: var(--responsive);
    color: #2a2d76;
}

.pageslider {
    height: 300px;
    width: 100%;
}
/*css for center boxes*/
.top {
    top: 0
}

.l1 {
    left: 0;
}

.l2 {
    left: 18%;
    padding-left: 3%;
}

.l3 {
    left: 36%;
    padding-left: 3%;
}

.l4 {
    left: 54%;
    padding-left: 3%;
}

.l5 {
    left: 72%;
    padding-left: 3%;
}

#img1, #img2, #img3, #img4, #img5 {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 5px;
}

/*Sidebar styling*/
body, html, .row-offcanvas {
    height: 100%;
}

.modal-header {
    background-color: #33355c;
    padding: 0px !important;
}

    .modal-header h3 {
        color: #d5d5d5 !important;
    }

    .modal-header .close {
        color: white !important;
        padding-right: 15px !important;
        font-size: 40px;
    }