body {
  font-family: 'Poppins', sans-serif !important;
}

body a {
  cursor: pointer;
  text-decoration: none !important;
}

html {
  height: 100%;
  min-height: inherit !important;
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
  overflow-y: auto;
}

.zsiq_theme1.zsiq_floatmain {
  display: none !important;
}

#wrapper {
  position: relative;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow-y: auto;
  overflow: hidden;
  height: 100%;
}

body {
  position: relative;
  padding: 0;
  margin: 0;
  min-height: inherit !important;
}

a {
  text-decoration: none;
}

/*--------------login page start ------------------------*/

.log_section {
  position: relative;
  width: 100%;
  background-color: #fff;
  height: 100vh;
  /*max-height: 960px;*/
  display: block;
  max-width: 1920px;
  margin: auto;
}

.log_section .login {
  display: flex;
}

.login .left_section .left_content {
  height: 700px;
  background-color: #fff;
}

.login .left_section {
  position: relative;
  display: flex;
  height: 100vh;
  justify-content: center;
  margin-top: 55px;
}

.flex-container>.logobox {
  color: black;
}

.logobox h1 {
  font-size: 42px;
  font-weight: bold;
  color: #2ab7e3;
}

.right_content {
  position: relative;
  align-items: center;
  height: 100vh;
  justify-content: center;
  color: #fff;
  display: flex;
}

.flex-container {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -60%);
  width: 400px;
}

.flex-container .right_form h2 {
  font-size: 38px;
  font-weight: bold;
  color: #590000;
  margin-bottom: 20px;
}

.input-information input.form-control {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
  padding: 12px;
  border: 1px solid #590000;
  --webkit-appearance: none;
}

.input-information a {
  text-decoration: none !important;
}

.input-information a h5 {
  text-align: right;
  color: #590000;
  font-size: 17px;
  margin-bottom: 20px;
}

.right_content {
  background: url(../images/bg_sero1.png)no-repeat;
  background-position: right;
}

.flex-container .right_form button {
  padding: 14px;
  width: 400px;
  background-color: #fff;
  font-weight: 700;
  color: #590000;
  font-weight: bold;
  border-radius: 4px;
  background-color: #590000;
  color: #fff;
  outline: none;
  border: 1px solid #590000;
  transition: color ease 2s;
  cursor: pointer;
}

.flex-container .right_form button:hover {
  background-color: #f79633;
  color: #fff;
  border: 1px solid #f79633;
}

/*--------------login page ends--------------------*/
/*-------------dashboard page charts-------------*/

.app-wrapper {
  margin: 10px 10px;
  border-radius: 3px;
  overflow: auto;
  padding: 0px 5px;
  .chartWrap {
    float: left;
    position: relative;
    width: 25%;
    background: white;
    height: 330px;
    border: 1px solid silver;
    margin: 0 4%;
    #onFeedChart {
      height: 100%;
    }

    #photoUploadChart {
      height: 100%;
    }

    #vendorChart {
      height: 100%;
    }

    .highcharts-container {
      max-height: 300px;
    }
  }
}

.chck-btn label {
  display: inline-block;
}

.small-box-1 {
  margin-top: 20px;
  border-radius: 4px;
  background-color: #fff !important;
  box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
}

.small-box-1 .dash-filter p {
  font-size: 25px;
  /*font-weight: 700;*/
  color: #590000;
}

.dash-filter {
  padding: 10px;
  display: inline-block;
  width: 100%;
}

.user_detail table thead {
  background-color: #590000;
  color: #fff;
}

.table {
  margin-bottom: 0 !important;
}

.user_detail table thead tr th {
  padding: 5px 15px 5px 15px;
  white-space: nowrap;
}

.user_detail table tbody tr td {
  padding: 5px;
}

.tbl_center {
  text-align: center !important;
}

.tbl_left {
  text-align: start !important;
}

.tbl_right {
  text-align: end !important;
}

.user_detail table tbody tr td .btn-info {
  padding: 8px;
}

.user_detail table tbody tr td .btn-danger {
  padding: 8px;
  color: #fff;
}

.user_detail table tbody tr td .btn-success {
  padding: 8px;
  color: #fff;
}

.form-inline .form-control {
  margin-left: 10px;
}

/*------------dashboard page charts ends----------*/
/*-----------modal--------*/

.modal-dialog {
  right: auto;
  left: 0 !important;
  width: 950px !important;
  padding-top: 30px;
  padding-bottom: 30px;
}

.vendor_time {
  min-height: inherit !important;
}

/*---------modal ends--------*/
/*---------dashboard menu start-------------------*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic);
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);

body {
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
  min-height: inherit !important;
  background: #fff !important;
  overflow: hidden;
  font-family: 'Poppins', sans-serif !important;
}

ul.dropdown-menu.inner.selectpicker {
  max-height: 200px !important;
}

a.dropdown-display {
  border: 0;
}

.dropdown-multiple.active .dropdown-display {
  border: 0;
}

a {
  color: #3c8dbc;
  border: 0;
}

a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}

.no-print {
  display: none;
}

.wrapper {
  min-height: inherit !important;
}

.wrapper:before,
.wrapper:after {
  display: table;
  content: " ";
}

.wrapper:after {
  clear: both;
}

/* Header */

body>.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

/* Define 2 column template */

.right-side,
.left-side {
  display: block;
}

.user-menu a span {
  font-size: 15px;
  color: #590000;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700;
}

.user-menu a i.fa {
  color: #590000;
  font-size: 22px;
}

/*right side - contins main content*/

.right-side {
  position: relative;
  background-color: #f8f9fc;
  left: 220px;
  width: calc(100% - 220px);
  height: auto;
  min-height: 100%;
  padding: 90px 20px 30px 20px;
  -webkit-transition: left 400ms linear;
  transition: left 400ms linear;
}

.dashbord_wrap {
  z-index: -1;
}

.navbar-right .nav>li>a:hover {
  background-color: transparent;
}

.navbar-right .nav>li>a:focus {
  background-color: transparent;
}

/*left side - contains sidebar*/

.left-side {
  position: fixed;
  width: 220px;
  top: 95px;
  left: 0;
  bottom: 0;
  background-color: #590000;
  overflow: hidden;
  overflow-y: auto;
  min-height: inherit !important;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
  z-index: 99;
}

body.fixed>.header,
body.fixed .left-side,
body.fixed .navbar {
  position: fixed;
}

body.fixed>.header {
  top: 0;
  right: 0;
  left: 0;
}

body.fixed .navbar {
  left: 0;
  right: 0;
}

body.fixed .wrapper {
  margin-top: 50px;
}

/* Content */

.content {
  position: relative;
  margin-bottom: 20px;
}

.content .main-heading {
  margin-left: auto;
}

.box {
  padding: 15px 0px;
  min-height: 150px;
}

.graph_wrap {
  margin-top: 60px;
}

/* Page Header */

.page-header {
  margin: 10px 0 20px 0;
  font-size: 22px;
}

.page-header>small {
  color: #666;
  display: block;
  margin-top: 5px;
}

/* All images should be responsive */

img {
  max-width: 100% !important;
}

.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}

/* 10px padding and margins */

.pad {
  padding: 10px;
}

.margin {
  margin: 10px;
}

/* Display inline */

.inline {
  display: inline;
  width: auto;
}

/* Background colors */

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
  color: #f9f9f9 !important;
}

.bg-gray {
  background-color: #eaeaec !important;
}

.bg-black {
  background-color: #222222 !important;
}

.bg-red {
  background-color: #f56954 !important;
}

.bg-yellow {
  background-color: #f39c12 !important;
}

.bg-aqua {
  background-color: #00c0ef !important;
}

.bg-blue {
  background-color: #0073b7 !important;
}

.user-menu li.add_brnch a {
  font-size: 16px;
}

.user-menu li a i.fa {
  font-size: 22px;
  color: #333;
}

.user-menu .dropdown-menu>li>a {
  background-color: #fff;
  color: rgb(1, 194, 157);
  padding: 10px;
  text-align: center;
}

.user-menu .dropdown-menu>li>a:hover {
  background-color: #fff;
  color: rgb(1, 194, 157);
}

.bg-green {
  background-color: #00a65a !important;
}

.bg-navy {
  background-color: #001f3f !important;
}

.bg-teal {
  background-color: #39cccc !important;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-orange {
  background-color: #ff851b !important;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-purple {
  background-color: #932ab6 !important;
}

.bg-maroon {
  background-color: #85144b !important;
}

/* Text colors */

.text-red {
  color: #f56954 !important;
}

.text-yellow {
  color: #f39c12 !important;
}

.text-aqua {
  color: #00c0ef !important;
}

.text-blue {
  color: #0073b7 !important;
}

.text-light-blue {
  color: #3c8dbc !important;
}

.text-green {
  color: #00a65a !important;
}

.text-navy {
  color: #001f3f !important;
}

.text-teal {
  color: #39cccc !important;
}

.text-olive {
  color: #3d9970 !important;
}

.text-lime {
  color: #01ff70 !important;
}

.text-orange {
  color: #ff851b !important;
}

.text-fuchsia {
  color: #f012be !important;
}

.text-purple {
  color: #932ab6 !important;
}

.text-maroon {
  color: #85144b !important;
}

/*Hide elements by display none only*/

.hide {
  display: none !important;
}

/* Remove borders */

.no-border {
  border: 0px !important;
}

/* Remove padding */

.no-padding {
  padding: 0px !important;
}

/* Remove margins */

.no-margin {
  margin: 0px !important;
}

/* Remove box shadow */

.no-shadow {
  box-shadow: none !important;
}

/* Don't display when printing */

@media print {
  .no-print {
    display: none;
  }
  .left-side,
  .header,
  .content-header {
    display: none;
  }
  .right-side {
    margin: 0;
  }
}

/* Remove border radius */

.flat {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* Change the color of the striped tables */

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #f3f4f5;
}

/* .text-center in tables */

table.text-center td,
table.text-center th {
  text-align: center;
}

/* _fix for sparkline tooltip */

.jqstooltip {
  padding: 5px !important;
  width: auto !important;
  height: auto !important;
}


body>.header {
  position: fixed;
  max-height: 100px;
  z-index: 1030;
  height: 90px;
  background-color: #fff;
  box-shadow: 0px 15px 28px 0px rgba(0, 0, 0, 0.09);
}

body>.header .navbar {
  margin-bottom: 0;
  margin-left: 220px;
}

body>.header .navbar .sidebar-toggle {
  position: absolute;
  left: -200px;
  padding: 9px 5px;
  margin-top: 22px;
  margin-right: 0;
  margin-bottom: 8px;
  margin-left: -6px;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 50% !important;
}

.navbar-right.right-icons {
  display: inline-block;
  margin-right: auto;
  width: 25%;
}

body>.header .navbar .sidebar-toggle:hover .icon-bar {
  background: #333;
}

body>.header .navbar .sidebar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #590000;
}

body>.header .navbar .sidebar-toggle .icon-bar+.icon-bar {
  margin-top: 4px;
}

body>.header .navbar .nav>li.user>a {
  font-family: 'Montserrat-Regular';
}

body>.header .navbar .nav>li.user>a:hover {
  background-color: transparent;
}

body>.header .navbar .nav>li.user>a:focus {
  background-color: transparent;
}


body>.header .navbar .nav>li.user>a>.fa,
body>.header .navbar .nav>li.user>a>.glyphicon,
body>.header .navbar .nav>li.user>a>.ion {
  margin-right: 5px;
}

body>.header .navbar .nav>li>a>.label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  right: -2px;
  font-size: 13px;
  font-weight: normal;
  width: 18px;
  height: 18px;
  line-height: 1.0em;
  text-align: center;
  padding: 2px;
  background-color: #ffb22b !important;
}

.messages-menu .dropdown-menu {
  background: #fff;
}

.messages-menu .pull-left i {
  font-size: 27px;
  color: #04c998;
  padding: 3px;
}

body>.header .logo {
  float: left;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  padding: 3px 10px;
  width: 115px;
  font-family: 'Montserrat-Regular';
  font-weight: 500;
  height: 80px;
  margin-top: 10px;
  margin-left: -150px;
  display: block;
}

.header .logo img {
  max-width: 100%;

}

.dash_contnt h3 {
  font-size: 40px;
  color: #590000;
  margin-left: 25px;
}

.headingtext p {
  color: #808080;
  font-weight: 400 !important;
}

body>.header .logo .icon {
  margin-right: 10px;
}

.right-side>.content-header {
  position: relative;
  padding: 15px 15px 10px 20px;
}

.right-side>.content-header>h1 {
  margin: 0;
  font-size: 30px;
  color: #02beab;
  font-weight: 600;
}

.right-side>.content-header>h1>small {
  font-size: 15px;
  display: inline-block;
  padding-left: 4px;
  font-weight: 300;
}

.right-side>.content-header>.breadcrumb {
  float: right;
  background: transparent;
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.add-brnch-wrp {
  padding-left: 10px;
}

.right-side>.content-header>.breadcrumb>li>a {
  color: #444;
  text-decoration: none;
}

.right-side>.content-header>.breadcrumb>li>a>.fa,
.right-side>.content-header>.breadcrumb>li>a>.glyphicon,
.right-side>.content-header>.breadcrumb>li>a>.ion {
  margin-right: 5px;
}

.right-side>.content-header>.breadcrumb>li+li:before {
  content: '>\00a0';
}

@media screen and (max-width: 767px) {
  .right-side>.content-header>.breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #efefef;
  }
}

@media screen and (max-width: 560px) {
  body>.header {
    position: fixed;
  }
  body>.header .logo,
  body>.header .navbar {
    position: relative !important;
  }

  body>.header .navbar {
    margin: 0;
  }

  body.fixed>.header {
    position: fixed;
  }

  body.fixed>.wrapper,
  body.fixed .sidebar-offcanvas {
    margin-top: 100px !important;
  }

}

.wrapper .row-offcanvas .row-offcanvas-left {
  min-height: inherit !important;
}


.sidebar {
  margin-bottom: 5px;
  background-color: #590000;
}

.sidebar .sidebar-form input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: transparent !important;
}

.sidebar .sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #590000;
}

.sidebar .sidebar-menu>li {
  margin: 0;
  border: 1px solid white;
  color: #fff;
  background: #590000;
}

.sidebar .sidebar-menu>li>ul>li {
  margin: 0;
  border: 1px solid white;
  color: #fff;
  background: #590000;
}

.user_detail {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  margin-top: 10px;
}

.chart {
  width: 0px;
  margin: 0 auto;
}

.white {
  background-color: #fff;
  margin-right: 10px;
}

.sidebar .sidebar-menu>li:first-child {
  border-top: 0;
}

.sidebar .sidebar-menu>li:last-child {
  border-bottom: 0;
}

.sidebar ul.sidebar-menu>li.active>a {
  background: #dcdde0;
  color: #590000;
}

.sidebar ul.sidebar-menu>li>a:hover {
  background-color: #fff;
  color: #590000;
  border-bottom: 1px solid #fff;
}

.sidebar .sidebar-menu>li>a {
  padding: 0px;
  display: block;
  color: #fff;
  font-size: 15px;
  padding: 20px 10px;
  text-decoration: none;
  font-weight: 400;
}

.sidebar .sidebar-menu>li>a>.fa,
.sidebar .sidebar-menu>li>a>.glyphicon,
.sidebar .sidebar-menu>li>a>.ion {
  width: 20px;
}

.sidebar .sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar .sidebar-menu .treeview-menu>li {
  margin: 0;
}

.sidebar .sidebar-menu .treeview-menu>li>a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 15px;
  margin: 0px 0px;
  font-family: 'Montserrat-Regular';
  text-decoration: none;
  color: #fff;
  
}

.sidebar .sidebar-menu .treeview-menu>li>a>.fa,
.sidebar .sidebar-menu .treeview-menu>li>a>.glyphicon,
.sidebar .sidebar-menu .treeview-menu>li>a>.ion {
  width: 25px;
}

.user_detail table>thead>tr>th {
  vertical-align: middle;
}

.headingtext h2 {
  font-size: 23px;
  margin: 20px 0px 10px 0px;
  margin-left: 0px;
  font-weight: 700;
}

.user-panel {
  padding: 10px;
}

.user_detail table>tbody>tr>td .btn-info {
  color: #fff;
  background-color: #3279b5;
}

.user-panel:before,
.user-panel:after {
  display: table;
  content: " ";
}

.user-panel:after {
  clear: both;
}

.user-panel>.image>img {
  width: 45px;
  height: 45px;
}

.user-panel>.info {
  font-weight: 600;
  padding: 5px 5px 5px 15px;
  font-size: 14px;
  line-height: 1;
}

.user-panel>.info>p {
  margin-bottom: 9px;
}

.user-panel>.info>a {
  text-decoration: none;
  padding-right: 5px;
  margin-top: 3px;
  font-size: 11px;
  font-weight: normal;
}

.user-panel>.info>a>.fa,
.user-panel>.info>a>.ion,
.user-panel>.info>a>.glyphicon {
  margin-right: 3px;
}

.dropdown-menu {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  z-index: 2300;
}

.dropdown-menu>li>a>.glyphicon,
.dropdown-menu>li>a>.fa,
.dropdown-menu>li>a>.ion {
  margin-right: 10px;
}

.dropdown-menu>li>a:hover {
  background-color: #3c8dbc;
  color: #f9f9f9;
}


.skin-blue .navbar .dropdown-menu>li>a {
  color: #444444;
}


.navbar-nav>.notifications-menu>.dropdown-menu {
  max-width: 270px;
  min-width: 270px;
  position: relative;
  z-index: 9;
}

.navbar-nav>.messages-menu>.dropdown-menu {
  max-width: 280px;
  min-width: 280px;
  background: #fff !important;
}

.dropdown-menu .slimScrollDiv ul.menu {
  overflow: hidden !important;
  width: 100% !important;
  height: 214px !important;
  max-height: 250px !important;
  overflow-y: auto !important;
}

.navbar-nav>.tasks-menu>.dropdown-menu {
  padding: 0 0 0 0 !important;
  margin: 0 !important;
  top: 100%;
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.header,
.navbar-nav>.messages-menu>.dropdown-menu>li.header,
.navbar-nav>.tasks-menu>.dropdown-menu>li.header {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.header:after,
.navbar-nav>.messages-menu>.dropdown-menu>li.header:after,
.navbar-nav>.tasks-menu>.dropdown-menu>li.header:after {
  bottom: 100%;
  left: 92%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  margin-left: -7px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #f4f4f4;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444444;
  text-align: center;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {
  background: #f4f4f4;
  text-decoration: none;
  font-weight: normal;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
  display: inline-block;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
  display: block;
  white-space: nowrap;
  border-bottom: 1px solid #f4f4f4;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
  background: #f6f6f6;
  text-decoration: none;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
  font-size: 12px;
  color: #444444;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {
  font-size: 20px;
  width: 50px;
  text-align: center;
  padding: 15px 0px;
  margin-right: 5px;
  color: #f9f9f9;
  color: rgba(255, 255, 255, 0.7);
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon.danger,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa.danger,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion.danger {
  background: #f56954;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon.warning,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa.warning,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion.warning {
  background: #f39c12;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon.success,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa.success,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion.success {
  background: #00a65a;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon.info,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa.info,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion.info {
  background: #00c0ef;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {
  margin: 0px;
  line-height: 20px;
  padding: 10px 15px 10px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
  color: #999999;
  font-size: 10px;
  float: right;
}

.messages-menu .dropdown-toggle i {
  color: #fff;
  font-size: 22px;
  top: 1px;
  position: relative;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
  display: table;
  content: " ";
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
  clear: both;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
  padding: 10px;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {
  padding: 0;
  margin: 0;
}

.navbar-nav>.user-menu>.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 240px;
  margin-right: 15px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
  height: auto;
  padding: 10px;
  background-color: #fff;
  text-align: center;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header a {
  display: table;
  width: 100%;
  padding: 0px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header .user_img {
   width: 70px;
  height: 70px;
  float: left;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background: #000;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header .user_img img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header .user_text {
  display: table-cell;
  width: 100%;
  text-align: left;
  padding-left: 10px;
  vertical-align: middle;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header .user_text p {
  color: #03babb;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: calc(240px - 95px);
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  border: 8px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
  z-index: 5;
  color: #f9f9f9;
  color: #333;
  font-size: 17px;
  margin-top: 10px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
  display: block;
  font-size: 12px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-body:before,
.navbar-nav>.user-menu>.dropdown-menu>li.user-body:after {
  display: table;
  content: " ";
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-body:after {
  clear: both;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-body>div>a {
  color: #0073b7;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-footer {
  background-color: #f9f9f9;
  padding: 10px;
  text-align: center;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-footer:before,
.navbar-nav>.user-menu>.dropdown-menu>li.user-footer:after {
  display: table;
  content: " ";
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-footer:after {
  clear: both;
}

.header .navbar-nav>.user-menu>.dropdown-menu>li.user-footer .btn-default {
  background-color: #590000;
  border-radius: 4px;
  font-family: 'Montserrat-Regular';
  color: #fff;
  cursor: pointer;
  border: 0px;
  outline: none;
}

.slimScrollBar {
  width: 0 !important;
}


@media screen and (max-width: 767px) {
  .navbar-nav>.notifications-menu>.dropdown-menu,
  .navbar-nav>.user-menu>.dropdown-menu,
  .navbar-nav>.tasks-menu>.dropdown-menu,
  .navbar-nav>.messages-menu>.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    background: #ffffff;
  }
}

/* Fix menu positions on xs screens to appear correctly and fully */

@media screen and (max-width: 480px) {
  .navbar-nav>.notifications-menu>.dropdown-menu>li.header:after,
  .navbar-nav>.tasks-menu>.dropdown-menu>li.header:after,
  .navbar-nav>.messages-menu>.dropdown-menu>li.header:after {
    border-width: 0px !important;
  }

  .navbar-nav>.tasks-menu>.dropdown-menu {
    position: absolute;
    right: -120px;
    left: auto;
  }

  .navbar-nav>.notifications-menu>.dropdown-menu {
    position: absolute;
    right: -170px;
    left: auto;
  }

  .navbar-nav>.messages-menu>.dropdown-menu {
    position: absolute;
    right: -210px;
    left: auto;
  }
}

body .footer {
  position: fixed;
  max-height: 50px;
  z-index: 9;
  height: 50px;
  bottom: 0;
  width: 100%;
  background-color: #590000;
  box-shadow: 0px 15px 28px 0px rgba(0, 0, 0, 0.09);
}

.footer h4 {
  text-align: center;
  color: #fff;
}

/*---------------------user detail page start ------------*/

.user_detail table td a {
  text-decoration: none;
  color: #333;
  padding: 0px 10px;
}

.user_detail table th {
  text-align: center;
}

.user_detail table td {
  text-align: center;
  word-break: break-word;
}

/*---------------------user detail page ends---------------*/

#example_paginate {
  text-align: right;
}

#example_wrapper {
  padding: 10px;
}

#example_wrapper #example_length {
  width: 50%;
  float: left;
}

#example_wrapper #example_filter {
  width: 50%;
  text-align: right;
  margin-left: 50%;
}

.headingtext {
  position: relative;
}

.headingtext h2 {
  font-size: 23px;
  margin: 20px 0px 0px 0px;
}

.headingtext .sde-btn {
  float: right;
  margin-top: 20px;
}

/*----------------------------------------*/

.edt_btn {
  padding: 10px;
}

.event_add input {
  margin-bottom: 30px;
}

.event_add input.btn-block {
  width: 165px !important;
  padding: 12px;
  text-align: center;
  margin: 25px auto;
  margin-bottom: 0px;
  border: 0;
  border-radius: 5px;
  margin-bottom: 20px;
  font-size: 17px;
  outline: none;
  background-color:#590000 !important;
  color: white !important;
}

/*---------------------------add user------------------------*/

.user_list .form-group {
  margin-bottom: 30px;
}

.user_list select {
  width: 250px;
}

.user_list input.btn-block {
  width: 165px !important;
  padding: 12px;
  text-align: center;
  margin: 20px auto;
  margin-bottom: 0px;
  border: 0;
  border-radius: 5px;
  margin-bottom: 70px;
  font-size: 17px;
  background-color: #590000 !important;
  outline: none;
  color: white !important;
}


/*--------------------subscription page start here-----------------*/

.plan_list {
  margin: 0 auto;
  background-color: #fff;
  padding: 15px;
  border-radius: 20px;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, .15);
}

.plan_list a.edit button.btn-default {
  background: #590000;
  color: #fff;
  padding: 5px 30px;
  font-size: 14px;
}

.plan_list .extra_cst {
  color: #e24848;
}

.pro_acctn {
  min-width: 170px;
}

.plan_list .btn-primary a {
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.plan_list button {
  margin: 0 auto;
  display: table;
  background-color: #590000;
  font-size: 19px;
  outline: none;
}

.plan__wrap {
  margin: 20px auto;
}

.chng_btn button {
  text-align: center;
  display: table;
  margin: 50px auto;
  font-size: 20px;
  background-color: #590000;
  text-transform: uppercase;
  outline: none;
}

*{
  box-sizing: border-box;
}

svg:not(:root) {
  overflow: hidden;
}

.upload-main-wrapper {
  width: 220px;
}

#file-upload-name {
  margin: 4px 0 0 0;
  font-size: 12px;
}

.upload-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 40px auto 0;
  position: relative;
  cursor: pointer;
  background-color: #f79633;
  padding: 8px 10px;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.2s linear all;
  color: #ffffff;
}

.upload-wrapper input[type="file"] {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1;
}

.upload-wrapper>svg {
  width: 50px;
  height: auto;
  cursor: pointer;
}

.upload-wrapper.success>svg {
  transform: translateX(-200px);
}

.upload-wrapper.uploaded {
  transition: 0.2s linear all;
  width: 60px;
  border-radius: 50%;
  height: 60px;
  text-align: center;
}

.upload-wrapper .file-upload-text {
  position: absolute;
  left: 80px;
  opacity: 1;
  visibility: visible;
  transition: 0.2s linear all;
}

.upload-wrapper.uploaded .file-upload-text {
  text-indent: -999px;
  margin: 0;
}

.file-success-text {
  opacity: 0;
  transition: 0.2s linear all;
  visibility: hidden;
  transform: translateX(200px);
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.file-success-text svg {
  width: 25px;
  height: auto;
}

.file-success-text span {
  margin-left: 15px;
}

.upload-wrapper.success .file-success-text {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.upload-wrapper.success.uploaded .file-success-text {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.upload-wrapper.success.uploaded .file-success-text span {
  display: none;
}

.upload-wrapper .file-success-text circle {
  stroke-dasharray: 380;
  stroke-dashoffset: 380;
  transition: 1s linear all;
  transition-delay: 1.4s;
}

.upload-wrapper.success .file-success-text circle {
  stroke-dashoffset: 0;
}

.upload-wrapper .file-success-text polyline {
  stroke-dasharray: 380;
  stroke-dashoffset: 380;
  transition: 1s linear all;
  transition-delay: 2s;
}

.upload-wrapper.success .file-success-text polyline {
  stroke-dashoffset: 0;
}

.upload-wrapper.success .file-upload-text {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.addprdct_wrap .form-group textarea {
  width: 100%;
}

.addprdct_btn button {
  width: 165px !important;
  padding: 12px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0px;
  border: 0;
  border-radius: 5px;
  margin-bottom: 20px;
  font-size: 17px;
  outline: none;
  background-color: #590000;
  text-align: center;
  margin: 0 auto;
  display: table;
}

.addprdct_wrap .form-group {
  margin-bottom: 30px;
}

.addprdct_wrap {
  padding: 10px;
}

/*/*=================================================================================*/

.right-side .rgt_wrd a {
  text-decoration: none;
  color: #333;
}

.subscription_wrap {
  position: relative;
}

.subscription_wrap .plan_list h3,
h4 {
  color: #f79735;
}

.user_detail table td a.edit_btn {
  text-decoration: none;
  color: #fff;
  padding: 5px 10px;
  font-size: 18px;
  background-color: #590000;
}

.user_detail table td a.edit_btn:hover {
  color: #f79633;
}


.add_plan_wrap {
  padding: 20px 0px;
}

.add_plan_wrap .form-group {
  margin-bottom: 25px;
}

.add_plan_wrap select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
  outline: none;
}

.add_btn input.btn-primary {
  width: 165px !important;
  padding: 12px;
  text-align: center;
  margin: 20px auto;
  display: block;
  border: 0;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
  font-size: 17px;
  outline: none;
  background-color: #590000;
  border: 1px solid #f79633;
}

/*==================================================================================*/
/*super admin ends*/
/*=======================================================================================*/

.add_user_wrap {
  margin: 30px 0px 0px -20px;
}

input.submit {
  background-color: #590000;
  border-radius: 8px;
  padding: 15px 40px;
  display: block;
  font-size: 17px;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  font-weight: 700;
  margin: 40px auto;
  outline: none;
}

input.submit:hover {
  background-color: #fff;
  border: 1px solid#590000;
  color: #590000;
}

.prodct_des {
  min-width: 250px;
  word-wrap: break-word;
}

.prodct_nam {
  min-width: 200px;
}

#getDetail .modal-header {
  border: 0 !important;
}

.dynamicEvent {
  margin-top: 40px;
}

.event_detail {
  margin-top: -10px;
}

.event_row {
  margin-bottom: 20px;
}

#getDetail .close {
  width: 30px;
  height: 30px;
  border: 1px solid #000;
  background-color: #000;
  opacity: 1;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
}

#getDetail .close span {
  margin-top: 2px;
  display: block;
}

.profile_dtl {
  border-top: 5px solid#f79633;
  width: 600px;
  margin: 0 auto;
  box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
}

.profile_img {
  width: 150px;
  margin: 0 auto;
  display: block;
}

.edt_profil {
  background-color: #fff;
  padding: 20px;
}

.profil_btn input.btn-block {
  width: 150px !important;
  height: 50px;
  margin: 30px auto;
  border: 0;
  display: block;
  background-color: #590000 !important;
  color:white !important;
}

.sidebar .treeview-menu li.active a {
  background: #dcdde0;
  color: #590000;
}

.sidebar .treeview-menu li.active {
  background-color: #dcdde0;
}

.all-dtls {
  width: 75%;
  display: inline-block;
}

.covr-dtls {
  width: 100%;
  display: block;
  position: relative;
}

.navbar-nav {
  float: right !important;
}

.plan_list h3 {
  text-transform: uppercase;
  margin-top: 20px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 15px;
}

.edit_tem {
  margin: 10px 0px 0px 0px;
  padding: 1px 0px;
  background-color: #fff;
}

.right-side .form-group {
  width: 100%;
}

.right-side .form-group input.form-control {
  height: 45px;
  width: 100%;
  border-color: #590000;
}

.right-side .form-group select.form-control {
  height: 45px;
  width: 100%;
  border-color: #590000;
}

.right-side .form-group textarea.form-control {
  height: 100%;
  width: 100%;
  border-color: #590000;
}

.couponTotal h2 {
  font-size: 24px;
  margin: 0;
}

.couponTotal h3 {
  font-size: 20px;
  margin: 10px 0px;
}

.edit_tem .form-group {
  margin-bottom: 10px;
}

.calendar_input {
  position: relative;
}

.calendar_input .fa {
  position: absolute;
  top: 11px;
  right: 135px;
}

.form-group .cke_chrome {
  width: 100% !important;
}

.plan_list h3 {
  text-transform: uppercase;
  margin-top: 20px;
  color: #333 !important;
  font-weight: 600;
  margin-bottom: 15px;
}

.plan_list h4 {
  color: #fff;
  text-align: left;
  font-size: 16px;
}

.bscinfo h2 {
  margin: 0px 0px 20px 0px;
  font-weight: 700;
}

.sde-btn a.btn-primary {
  color: #fff;
  background-color: #590000;
  border-color: #590000;
}

.form-group .bootstrap-select>.dropdown-toggle {
  width: 100% !important;
  height: 45px;
}

.form-group .form-control {
  box-shadow: none !important;
}

.hiide {
  display: none;
}


.dash_contnt h3 {
  color: #590000;
}


.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.statusCode input:checked+.slider {
  background-color: #590000 !important;
  border-color: #590000 !important;
}

.bottom-row {
  text-align: center;
  color: #590000;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 9px;
  padding-top: 20px;
}

.alert-success{
  background-color: #f79633 !important;
  border-color: #f79633 !important;
  color: #590000 !important;
}
.btn-edit{
  font-size: 14px !important;
  background-color: #f79633 !important;
  border: #f79633 !important;
  color: white !important;
  touch-action:none !important;
  border: none !important;
  outline: none !important;
}

.loaderClass {
  width: 165px !important;
  padding: 7px;
  text-align: center;
  margin: 20px auto;
  margin-bottom: 0px;
  border: 0;
  border-radius: 5px;
  margin-bottom: 70px;
  font-size: 17px;
  outline: none;
  cursor: not-allowed;
  background-color: #590000 !important;
  color: white !important;
}

.loaderClass img {
  width: 35px;
}

.loaderClassMenu {
  width: 165px !important;
  padding: 7px;
  text-align: center;
  margin: 20px auto;
  margin-bottom: 0px;
  border: 0;
  border-radius: 5px;
  margin-bottom: 70px;
  font-size: 17px;
  outline: none;
  cursor: not-allowed;
  color: white !important;
}

.loaderClassMenu img {
  width: 35px;
}

.action-button{
  margin: 0 auto;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  padding: 8px 20px;
  display: grid;
  font-size: 17px;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 0px solid transparent;
  line-height: 1.42857143;
  border-radius: 10px;
  background-color: #590000 !important;
  color: white !important;
}

.action-button:hover{
  background-color: #f79633 !important;
  border: #f79633 !important;
}

.edit-pencile{
  font-size: 18px;
  color: #590000;
}

.edit-pencile:hover{
  color: #f79633 !important;
  border: #f79633 !important;
}

input[type="radio"]:checked {
  accent-color: #590000 !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
  width: 100% !important;
}

input.error {
  border-color: red;
}

.error-message {
  min-height: 20px;
  color: red;
  font-size: 10px;
}

.form-box {
  margin: 10px 10px 10px 10px;
  padding: 15px 0px;
  background-color: #fff;
}