@font-face {
    font-family: 'vazir';
    src: url('../fonts/Vazir.ttf') format('truetype'),
    url('../fonts/Vazir.eot?#iefix') format('embedded-opentype');
}

.tahoma {
  font-family: Tahoma;
}

.ltr {
  direction: ltr !important;
}

.pointer {
  cursor: pointer;
}

body {
  /*background: url(http://127.0.0.1/power/public/images/bg1.jpg) no-repeat center center fixed;*/
  font-family: vazir, Tahoma;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#mainContent {
  min-height: calc(100vh - 113px);
}

#overlay {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  /* Black background with opacity */
  z-index: 1030;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
}

@media (min-width: 992px) {
  #superMenuToggler {
    display: none;
  }
}

@media (max-width: 991px) {
  #superMenuToggler {
    display: block;
  }

  .navbar {
    z-index: 1040;
  }

  #superMenuBox {
    position: fixed;
    width: 230px;
    display: block;
    background: #2e8cb8;
    top: 0;
    right: -230px;
    bottom: 0;
    overflow-y: auto;
    z-index: 1040;
    -webkit-box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #superMenuContainer {
    padding: 0;
  }

  .sm-blue a .sub-arrow {
    left: 4px;
    right: auto;
  }

  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
    padding-right: 20px;
  }

  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
    border-left: 0;
  }

  #superMenuBox.show {
    right: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #superMenuBox .container {
    padding: 0;
  }

  #superMenuBox::-webkit-scrollbar {
    width: 3px;
  }

  #superMenuBox::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
  }
}

/* ****** Responsive Left Sidebar ***** */
@media (min-width: 992px) {
  #leftMenuToggler {
    display: none;
  }
}

@media (max-width: 991px) {
  #leftMenuToggler {
    display: block;
  }

  #leftMenu {
    position: fixed;
    width: 230px;
    display: block;
    /* background: #2e8cb8; */
    background: #eee;
    top: 0;
    left: -230px;
    bottom: 0;
    overflow-y: auto;
    z-index: 1040;
    padding: 2px;
    -webkit-box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #leftMenu.show {
    left: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #leftMenu::-webkit-scrollbar {
    width: 3px;
  }

  #leftMenu::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
  }
}

/****************/
.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, .125);
}

input, input[type='checkbox'], select, textarea, .btn {
  outline: none !important;
  box-shadow: none !important;
}

input:focus, textarea:focus {
  border: 1px solid blue !important;
}

/****************/
/****************/
/***** Home CSS ***********/

.bg-banner1 {
  background: url(../images/banner1.jpg) no-repeat center center fixed;
  /* background: url(../images/banner1.jpg); */
  /* background-repeat: no-repeat; */
  background-size: cover;
}

.mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
/****************/