@charset "utf-8";
/* CSS Document */
.logout
{
color:#660099; font-weight:bold; margin-right:80px;
}
.nav ul {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  width: 50%;
  display:none;
 
}
.nav ul a {
  color: #aeb2b7;
  padding: 8px 0 8px 25px;
font-size: 12px;
  text-decoration: none;
  transition: all .5s ease;
}
.nav ul a:hover {
  color: #f98a0e;
}
.nav-box{padding-left: 53px !important;}
.nav li {
  display: inline-block;
}
.nav #menu-toggle {
  display: none;
}
.nav .label-toggle {
  display: none;
}
.nav .wrapper {
  align-items: left;
  display: flex;
  justify-content: space-between;
}


.box-hi{width: 100%;
}
@media screen and (max-width: 768px) {
	.pushmenu{ display:none;}
 . nav nav ul a {
    color: #53354A;
  }
 .nav ul {
    background-color: #293949;
    display: block;
    height: 0;
    list-style-type: none;
    opacity: 0;
    transition: all 1s ease;
   width: 100%;
    overflow:scroll !important; height:400px !important;
    visibility: hidden;
	margin-top: 37px !important;
  }
  .nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #53354A;
    display: block;
    font-size: 1.5em;
    padding: 5px 0;
  }
  .nav #menu-toggle:checked ~ ul {
    opacity: 1;
    height: 100vh;
    visibility: visible;
  }
  .nav .label-toggle {
    background: linear-gradient(to bottom, #293949 0%, #293949 20%, transparent 20%, transparent 40%, #293949 40%, #293949 60%, transparent 60%, transparent 80%, #293949 80%, #293949 100%);
cursor: pointer;
display: block;
float: right;
height: 18px;
margin-top:-30px;
width: 24px;
z-index: 999;
right: 16px;
margin-right: -20px
  }
  .nav .wrapper {
    display: block;
	height:10px;
  }
      .header_full #header_main {
    margin-left: 0 !important;
    z-index: 1214;
    height: 82px ;
}
.heading_actions{margin-top: 50px;}
#page_heading{width: 100%;
position:absolute;
top: 82px !important;}
.heading_actions {
    /*margin-top: 309px;*/
}
	.ui-widget-content {
  
    width: 31% !important;
}
.box-hi{width: 100%;
height: 114px;
overflow: auto;}
/*#consumermanage{margin-top: 49px !important;}*/
}
@media screen and (max-width: 640px) {
	.pushmenu{ display:none;}
 . nav nav ul a {
    color: #53354A;
  }
 .nav ul {
    background-color: #293949;
    display: block;
    height: 0;
    list-style-type: none;
    opacity: 0;
    transition: all 1s ease;
   width: 100%;
    overflow:scroll !important; height:400px !important;
    visibility: hidden;
	margin-top: 37px !important;
  }
  .nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #53354A;
    display: block;
    font-size: 1.5em;
    padding: 5px 0;
  }
  .nav #menu-toggle:checked ~ ul {
    opacity: 1;
    height: 100vh;
    visibility: visible;
  }
  .nav .label-toggle {
    background: linear-gradient(to bottom, #293949 0%, #293949 20%, transparent 20%, transparent 40%, #293949 40%, #293949 60%, transparent 60%, transparent 80%, #293949 80%, #293949 100%);
cursor: pointer;
display: block;
float: right;
height: 18px;
margin-top:-30px;
width: 24px;
z-index: 999;
right: 16px;
margin-right: -20px
  }
  .nav .wrapper {
    display: block;
	height:10px;
  }
      .header_full #header_main {
    margin-left: 0 !important;
    z-index: 1214;
    height: 82px ;
}
.heading_actions{margin-top: 50px;}
#page_heading{width: 100%;
position:absolute;
top: 82px !important;}
.heading_actions {
    margin-top: 309px;
}
	.ui-widget-content {
  
    width: 36% !important;
}
.box-hi{width: 100%;
height: 114px;
overflow: auto;}
/*#consumermanage{margin-top: 49px !important;}*/
}
@media screen and (max-width: 480px) {
	.pushmenu{ display:none;}
 . nav nav ul a {
    color: #53354A;
  }
  .nav ul {
    background-color: #293949;
    display: block;
    height: 0;
    list-style-type: none;
    opacity: 0;
    transition: all 1s ease;
   width: 464px;
    overflow:scroll !important; height:400px !important;
    visibility: hidden;
	margin-top: -35px;
  }
  .nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #53354A;
    display: block;
    font-size: 1.5em;
    padding: 5px 0;
  }
  .nav #menu-toggle:checked ~ ul {
    opacity: 1;
    height: 100vh;
    visibility: visible;
  }
  .nav .label-toggle {
    background: linear-gradient(to bottom, #293949 0%, #293949 20%, transparent 20%, transparent 40%, #293949 40%, #293949 60%, transparent 60%, transparent 80%, #293949 80%, #293949 100%);
    cursor: pointer;
    display: block;
    float: right;
  height: 18px;
margin-top:-66px;
width: 25px;
  }
  .nav .wrapper {
    display: block;
	height:10px;
  }
      .header_full #header_main {
    margin-left: 0 !important;
    z-index: 1214;
    height: 82px ;
}
#page_heading{width: 100%;
position:absolute;
top: 82px !important;}
.heading_actions {
    margin-top: 50px;
}
	.ui-widget-content {
  
    width: 49% !important;
}
.box-hi{width: 100%;
height: 114px;
overflow: auto;}
/*#consumermanage{margin-top: 49px !important;}*/
}
@media screen and (max-width: 360px) {
	.pushmenu{ display:none;}
 . nav nav ul a {
    color: #53354A;
  }
  .nav ul {
    background-color: #293949;
    display: block;
    height: 0;
    list-style-type: none;
    opacity: 0;
    transition: all 1s ease;
   width: 344px;
    overflow:scroll !important; height:400px !important;
    visibility: hidden;
	margin-top: -35px;
  }
  .nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #53354A;
    display: block;
    font-size: 1.5em;
    padding: 5px 0;
  }
  .nav #menu-toggle:checked ~ ul {
    opacity: 1;
    height: 100vh;
    visibility: visible;
  }
  .nav .label-toggle {
    background: linear-gradient(to bottom, #293949 0%, #293949 20%, transparent 20%, transparent 40%, #293949 40%, #293949 60%, transparent 60%, transparent 80%, #293949 80%, #293949 100%);
    cursor: pointer;
    display: block;
    float: right;
  height: 18px;
margin-top: -6em;
width: 25px;
margin-right: -9px;
  }
  .nav .wrapper {
    display: block;
	height: 10px;
  }
    .header_full #header_main {
    margin-left: 0 !important;
    z-index: 1214;
    height: 82px ;
}
#page_heading{width: 100%;
position:absolute;
top: 82px !important;}
.heading_actions {
    margin-top: 66px;
}
	.ui-widget-content {
  
    width: 81% !important;
}
.box-hi{width: 100%;
height: 114px;
overflow: auto;}
/*#consumermanage{margin-top: 49px !important;}*/
}
@media screen and (max-width: 320px) {
	.box-hi{width: 100%;
height: 114px;
overflow: auto;}
	.ui-widget-content {
  
    width: 81% !important;
}
	.pushmenu{ display:none;}
 . nav nav ul a {
    color: #53354A ;
  }
  .logout
{
color:#000 !important; font-weight:bold; float:left;
}
  .nav ul {
    background-color: #293949;
    display: block;
    height: 0;
    list-style-type: none;
    opacity: 0;
    transition: all 1s ease;
   width: 304px;
    visibility: hidden;
	 overflow:scroll !important; height:400px !important;
	margin-top: -35px !important;
  }
  .sc{overflow:auto;}
  .nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #53354A;
    display: block;
    font-size: 1.5em;
    padding: 5px 0;
  }
  .nav #menu-toggle:checked ~ ul {
    opacity: 1;
    height: 100vh;
    visibility: visible;
  }
  .nav .label-toggle {
    background: linear-gradient(to bottom, #293949 0%, #293949 20%, transparent 20%, transparent 40%, #293949 40%, #293949 60%, transparent 60%, transparent 80%, #293949 80%, #293949 100%);
cursor: pointer;
display: block;
float: right;
height: 18px;
margin-top: -5em;
width: 25px;
  }
  .nav .wrapper {
    display: block ;
	height: 10px;
  }
  .header_full #header_main {
    margin-left: 0 !important;
    z-index: 1214;
    height: 82px ;
}
#page_heading{width: 100%;
position:absolute;
top: 82px !important;}
.heading_actions {
    margin-top: 86px;
}
/*#consumermanage{margin-top: 49px !important;}*/
}