.red_div{background:#f5a70d; min-height:150px; width:100%; border-radius:5px; box-shadow:2px 2px 5px #ccc; margin-bottom:10px; border:solid 1px #c4c4c4;}
.red_div h1 {margin: 0px; padding: 10px;  border-radius:5px; text-align: left; font-weight: bold; color: #fff; font-size: 16px;}
.red_div p {margin: 0px; padding: 8px 10px;     text-align: left; font-weight: bold; color: #fff; font-size: 13px;}
.red_div span {float: right;}

.green_div {
    background: #3a86db;
    min-height: 150px;
    width: 100%;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #ccc;
    margin-bottom: 10px;
}
.green_div h1 {margin: 0px; padding: 10px;  border-radius:5px; text-align: left; font-weight: bold; color: #fff; font-size: 16px;}
.green_div p {margin: 0px; padding: 8px 10px;     text-align: left; font-weight: bold; color: #fff; font-size: 13px;}
.green_div span {float: right;}
.graph_div img{width:100%;}
.panelhead{text-align:left; text-transform:uppercase;}
.green_grid{background:#65cea7!important; color:#fff!important;}
.red_grid{background:#fc8675!important; color:#fff!important;}
.yellow_grid{background:#c6c12b!important; color:#fff!important;}

.full {
    background: url(../images/2.jpg) no-repeat center center fixed;
   background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height:100%!important;

}
.radio {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.grey_bg{background:#eee; border-radius:5px; margin-bottom:10px;}
.home_bg{clear:both; position:relative; text-align:center; }
.inputdate{padding:0px 10px!important}

.green{color:green;}
.blue{color:blue;}
.olcatalog {
    width: 90%;
    text-align: center;
    border-radius: 5px;
    border: solid 2px #294785;
    background: #e62f33;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    text-transform: uppercase;
}
.center_div{padding:0px!important;}
.left_part{ height:100%!important; position:absolute; right:0px;  height:auto; padding-bottom:10px;}
.form1{width:auto; margin:20px auto 10px 0;text-align:left;}
.form1 h1{font-size:18px; margin:0px 0 10px 20px!important; padding:0px 0 0 0; color:#000; font-weight:bold; text-transform:uppercase;}
.form1 p{font-size:11px; margin:20px 0 0 20px; padding:0px; text-transform:uppercase; color:#000;}
.footer_text{width:90%; margin:10px auto 0;}
.footer_text ul{margin:0px; padding:0px; list-style-type:none;}
.footer_text li{line-height:20px; color:#000;}
.forget {
    color: red;
    font-size: 11px;
    text-decoration: none;
	text-align:center;
	margin:10px auto!important
}
.powerol {
    width: 100%;
	text-align:center;
}
.inputtext1 {
    width: 90%;
   
    margin: 10px 0 10px 20px;
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
}
.login{background: url(../images/button_bg.jpg) repeat-x; width:101px; font-size:12px; border:solid 1px #373636; cursor:pointer; font-weight:bold; color:#fff; padding:5px; height:33px; color:#040404;  border-radius:5px; margin:5px 0 0px 0;}



.btn_fault{float:right; margin:3px 10px; border-radius:5px; font-size:12px;  padding:0 10px; line-height:25px;}
.btn_fault a{color:#fff; }
.btn_fault a:hover{color:#f1fe27; }
.header-wrap {
   
    padding: 0 ;
}
.header-wrap-nav {
    background: #000!important;
    padding: 0 22px;
	margin:65px 0 0 0;
}
.txtGeneral_normal {
    width: 90%;
    height: 24px;
}
.navbar-default {border:none!important;}
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #707173;
    text-decoration: none;
    background: none!important;
}
.content_m{margin:95px 0 0 0;}

#test h3 {
    position: relative;
    padding: 5px 10px 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    background: #393838;
	
	margin:0px
}
.content_login{margin:95px  auto 0 }
.header-right-bg {
    width: 18%;
    float: right;
    height: 65px;
    background-image: url(../images/header-right-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.main {
	width: 90%;
	margin: 0 auto;
	position: relative;
	padding:100px 0 0 0 ;
}
.emanual_logo {
    float: right;
    padding: 15px 5px 0 0;
}
.forgot{margin:10px auto; text-align:center; padding:10px 0;}
.forgot a{color:#000; text-decoration:underline}
.forgot a:hover{color:#e62f32; }
.main h1{font-size:20px; color:#fff; font-weight:bold; text-align:center; margin:0px; padding:0 0 15px 0;}
.form_div{width:316px; height:118px; background:url(../images/base_bg.png) no-repeat; margin:0 auto; padding:15px 0; position:relative;}
.un{width:280px; margin:0 auto 10px ; background:url(../images/input_bg.jpg) repeat-x; height:35px; border:solid 1px #e4dfdf}
.user{width:34px; height:34px; float:left; background:url(../images/user.jpg) no-repeat; border-right:solid 1px #ddd8d8;}
.pass{width:34px; height:34px; float:left; background:url(../images/password.jpg) no-repeat; border-right:solid 1px #ddd8d8;}
.inputtext{width:215px; float:left; background:url(../images/input_bg.jpg) repeat-x; border:none; height:33px; padding:0 0 0 5px; color:#777; font-size:13px; line-height:33px; }
.submit{width:63px; height:66px; position:absolute; background:url(../images/button_submit.png) no-repeat; border:none; cursor:pointer; top: 23px;
    left: 268px; }
.header-container {
    background: #fff;
    overflow: hidden;
	border-top: solid 2px #e1dfdd;
	width:100%;
	
	
}
.header-container-new {
    
    overflow: hidden;
	max-width: 960px;
    margin: 0 auto;
	background:#fff;
	height:100%;
	
}
 
footer.white {
    background: #e62f32;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
.footer_btm {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    line-height: 30px!important;
}
.top-nav {
    float: right;
    margin: 0;
    padding: 0;
}
.top-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-nav ul li {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: url(../images/top-nav-bg.jpg) right top no-repeat;
    color: #fff;
    padding: 27px 27px 0 0;
    text-decoration: none;
    font-style: italic;
    text-transform: uppercase;
	font-weight:bold;
}
.top-nav ul li a:hover {
    color: #fff;
    text-decoration: none;
}
.logo { 
    float: left;
    margin: 0 0 0 0;
}

.ecatLogo {
    width: 180px;
    
    float: left;
    margin: 18px 0 0 200px;
}
.navigation-wrap {
    background: #000;
    padding: 0 22px;
}




.btn_login{background:#294785!important;}
#loginbox{margin-top: 80px;}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #e62f32;
    border-color: #ccc;
}
.panel-info {
    border-color: #ccc;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    color: inherit;
	color:#333333!important;
	font-weight:bold;
}
.panel-heading a {
    color: #fff!important;
}
.panel-body li:last-child{border:none!important;}
.panel-default>.panel-heading{border-color: #53565a;}
@media only screen and (min-width : 401px) and (max-width : 567px) {
.header-right-bg {width: 22%;height: 73px;background-image: url(../images/header-right-bg-400.png);}
	.full {
    background:#fff;
   background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height:100%;

}

}

@media only screen and (max-width: 767px) and (min-width: 1px){
.dash_board_index{width:100%!important;}
.top-nav{display:none;}
.full {
    background: #fff;
   background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height:100%;

}
#loginbox{margin-top: 130px;}
}

@media only screen and (max-width: 400px) and (min-width: 1px){
.header-right-bg {
    width: 22%;
    height: 57px;
    background-image: url(../images/header-right-bg-300.png);
}
.top-nav{display:none;}
#loginbox{margin-top: 130px;}
html, body{overflow:auto;}
}

.layout-boxed html,
.layout-boxed body {
  height: 100%;
}

/* Layout */
.wrapper {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.wrapper:before,
.wrapper:after {
  content: " ";
  display: table;
}
.wrapper:after {
  clear: both;
}
.layout-boxed .wrapper {
  max-width: 1250px;
  margin: 0 auto;
  min-height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  position: relative;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
/*
 * Component: Main Header
 * ----------------------
 */
.main-header {
  position: fixed;
  max-height: 65px;
  z-index: 1030;
 width:100%;
 top:0px;
 
}
.main-header .navbar {
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  margin-bottom: 0;
 
  border: none;
  min-height: 50px;
  border-radius: 0;
  
  
}
.layout-top-nav .main-header .navbar {
  margin-left: 0;
}
.main-header #navbar-search-input.form-control {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}
.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.9);
}
.main-header #navbar-search-input.form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder {
  color: #ccc;
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
  color: #ccc;
}
.main-header .navbar-custom-menu,
.main-header .navbar-right {
  float: right;
}
@media (max-width: 991px) {
  .main-header .navbar-custom-menu a,
  .main-header .navbar-right a {
    color: inherit;
    background: transparent;
  }
  .main-header .navbar {
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  margin-bottom: 0;
 
  border: none;
  min-height: 50px;
  border-radius: 0;
   background:none;
}
}
@media (max-width: 767px) {
  .main-header .navbar-right {
    float: none;
  }
  .navbar-collapse .main-header .navbar-right {
    margin: 7.5px -15px;
  }
  .main-header .navbar-right > li {
    color: inherit;
    border: 0;
  }
}
.main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 15px 15px;
  font-family: fontAwesome;
}
.main-header .sidebar-toggle:before {
  content: "\f0c9";
}
.main-header .sidebar-toggle:hover {
  color: #fff;
}
.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active {
  background: transparent;
}
.main-header .sidebar-toggle .icon-bar {
  display: none;
}
.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .ion {
  margin-right: 5px;
}
.main-header .navbar .nav > li > a > .label {
  position: absolute;
  top: 9px;
  right: 7px;
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: .9;
}
.main-header .logo {
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  display: block;
  float: left;

  font-size: 20px;

  text-align: left;
  
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 2px 5px;
  font-weight: 300;
  
}
.main-header a{color:#fff!important;}
.main-header a:hover{color:#fff!important; background:#e31837!important;}
.main-header .logo .logo-lg {
  display: block;
      margin: 0 0 0 0;
}
.main-header .logo .logo-mini {
  display: none;
}
.main-header .navbar-brand {
  color: #fff;
}

.navbar-toggle {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 5px 5px;
}
.dms{  }
@media (max-width: 991px) {
  .navbar-custom-menu .navbar-nav > li {
    float: left;
  }
  .navbar-custom-menu .navbar-nav {
    margin: 0;
    float: left;
  }
  .navbar-custom-menu .navbar-nav > li > a {
   
    line-height: 20px;
  }

}
@media (max-width: 767px) {
  .main-header {
    position: relative;
  }

  .main-header .navbar {
    margin: 0;
  }
  .main-header .navbar-custom-menu {
    float: right;
  }
  .dms img{width:120%; margin:-20px 10px 0 -45px!important;}
 
}

.yellow{color:#e6a527;}
.list-group-item {
    position: relative;
    display: block;
    padding: 5px 15px!important;
    margin-bottom: -1px;
    background-color: #fff;
     border: none!important;
}

.navbar-nav {
 display: flex;
 flex-direction: row;
 padding-left: 0;
 margin-bottom: 0;
 list-style: none;
}
.navbar-header{display:none;}
.collapse:not(.show) {
    display: block;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
a {
    color: #428bca;
    text-decoration: none;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.close {
    opacity: .8;
    margin: 5px 10px !important;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.close:hover {
    opacity: 0.5; 
}
.modal-header {
    background: #e1dfdd;
}
.modal-title {
    padding: 8px 12px !important;
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.panel-body {
    padding: 15px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
}

.btn-warning {
     font-size: 12px;
    font-weight: bold;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    border-color: #ccc;
}
select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' class='feather feather-chevron-down' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.1rem center;
  background-size: 16px 14px;
}
.form-control:focus {
  border-color: #e1dfdd; 
  box-shadow: none;
  outline: none;
}