@charset "UTF-8";
/* Reset CSS Start */
.body_color, h3,
h4,
h5,
h6 {
  color: #222222; }

.body_bg, .header-top-area .header-top-right .header-top-btns button {
  background: #889b91; }

.basic_color {
  color: #0ACACE; }

.basic_bg, .login-area .login-info-area .login-info-main-content .login-Heading h4.login-title::before, .login-area .login-info-area .login-info-main-content .login-info .login-button-area input.eku_login-btn.button.btn.btn-large {
  background: #0ACACE; }

.basic_button_color {
  color: #0ACACE; }

.basic_button_bg {
  background: #0ACACE; }

.title_heading_color {
  color: #2f2f2f; }

.title_heading_bg {
  background: #2f2f2f; }

.table_color {
  color: #44607d; }

.table_bg {
  background: #44607d; }

.white, .header-top-area .header-top-right .header-top-btns button {
  color: #ffffff; }

.white_bg, .header-top-area .header-top-right .header-top-user .user-image {
  background: #ffffff; }

.area_bg {
  color: #7800CC; }

.area_bg_bg {
  background: #7800CC; }

.off_white {
  color: #fafafa; }

.off_white_bg {
  background: #fafafa; }

.pest_color {
  color: #27d2cf; }

.pest_bg {
  background: #27d2cf; }

.pest_hover_color {
  color: #12b8b5; }

.pest_hover_bg {
  background: #12b8b5; }

.white_opacity {
  color: rgba(255, 255, 255, 0.7); }

.white_opacity_bg {
  background: rgba(255, 255, 255, 0.7); }

.violate_color {
  color: #7800CC; }

.violate_bg {
  background: #7800CC; }

.green_color {
  color: #30cf92; }

.green_bg {
  background: #30cf92; }

/* Embeded Font */
/* Reset CSS Start */
* {
  padding: 0;
  margin: 0;
  outline: none; }

html,
body {
  width: 100%;
  height: auto; }

a {
  display: inline-block;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s; }

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: none !important; }

img {
  max-width: 100%; }

h1,
h2 {
  @export .title_heading_color;
  font-weight: 700; }

h3,
h4,
h5,
h6 {
  font-family: "lucidagrande", sans-serif;
  font-weight: 500; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin-bottom: 10px; }

p {
  font-size: 12px; }
  @media (max-width: 767px) {
    p {
      font-size: 10px;
      line-height: 14px; } }

ul {
  padding: 0;
  margin: 0;
  list-style: none; }

body {
  font-family: "lucidagrande", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  position: relative;
  min-height: 100% !important;
  overflow-x: visible; }

/* default css Start */
.section-padding {
  padding: 100px 0; }

.section-padding2 {
  padding: 120px 0; }
  @media (max-width: 767px) {
    .section-padding2 {
      padding: 120px 0 90px; } }

/* default css End */
/* preloader Start */
.js div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: rgba(255, 255, 255, 0.8) url("images/loading3.gif") no-repeat center center; }

/* preloader End */
/* Header-area Start */
/* Section-Title-area Start */
.login-area {
  background: url("/assets/images/bg-pattern.jpg");
  background-repeat: repeat;
  background-position: right bottom;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-size: cover;
  font-family: "lucidagrande", sans-serif; }
  .login-area .login-info-area {
    margin-top: -8px; }
    .login-area .login-info-area .login-box-title {
      padding: 0;
      text-align: center;
      padding: 15px 0;
      margin-bottom: 20px;
      padding-top: 0; }
      .login-area .login-info-area .login-box-title h4 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 0; }
    .login-area .login-info-area .login-info-main-content {
      background: rgba(255, 255, 255, 0.8);
      padding: 20px 30px;
      border: 1px solid #ededed;
      box-shadow: 1px 1px 7px 0px rgba(192, 192, 192, 0.9);
      border-radius: 5px;
      position: relative;
      z-index: 1; }
      .login-area .login-info-area .login-info-main-content:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url("/assets/images/login-header-bg.jpg");
        background-position: center top;
        background-repeat: no-repeat;
        opacity: .05;
        background-size: cover;
        z-index: -1; }
      .login-area .login-info-area .login-info-main-content .login-Heading {
        text-align: center;
        padding: 5px 0;
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px; }
        .login-area .login-info-area .login-info-main-content .login-Heading h4.login-title {
          display: inline-block;
          margin-bottom: 10px;
          padding-bottom: 15px;
          position: relative;
          font-size: 18px; }
          .login-area .login-info-area .login-info-main-content .login-Heading h4.login-title::before {
            position: absolute;
            content: "";
            left: 30%;
            bottom: 0;
            width: 40px;
            height: 4px;
            opacity: .8; }
      .login-area .login-info-area .login-info-main-content .login-details {
        /*height: 100%;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        background: transparent;
        /*padding: 20px 0;*/
        position: relative; }
        .login-area .login-info-area .login-info-main-content .login-details:before {
          position: absolute;
          content: "";
          left: auto;
          right: 0;
          width: 1px;
          height: 90%;
          top: 5%;
          background: #ccc; }
        .login-area .login-info-area .login-info-main-content .login-details h3 {
          font-size: 24px;
          color: #fff;
          margin-bottom: 55px;
          font-weight: 700; }
        .login-area .login-info-area .login-info-main-content .login-details .company-image {
          display: block;
          height: 150px;
          margin: 0 auto; }
          .login-area .login-info-area .login-info-main-content .login-details .company-image img {
            height: 100%;
            margin: 0 auto;
            display: inherit; }
      .login-area .login-info-area .login-info-main-content .login-info {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 60px; }
        .login-area .login-info-area .login-info-main-content .login-info .login-single-info label {
          margin-bottom: 0;
          font-size: 11px;
          font-weight: 500; }
        .login-area .login-info-area .login-info-main-content .login-info .login-single-info .login-single-input {
          position: relative;
          margin-bottom: 10px; }
          .login-area .login-info-area .login-info-main-content .login-info .login-single-info .login-single-input input.form-control {
            display: block;
            width: 100%;
            padding: 0;
            font-size: 12px;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border-radius: 0;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            border: none;
            border-bottom: 1px solid #ced4da; }
          .login-area .login-info-area .login-info-main-content .login-info .login-single-info .login-single-input input {
            height: 25px;
            border: 1px solid #ccc !important;
            border-radius: 4px !important;
            padding-left: 5px !important; }
          .login-area .login-info-area .login-info-main-content .login-info .login-single-info .login-single-input input#password {
            font-size: 36px;
            line-height: 40px !important;
            color: #000; }
          .login-area .login-info-area .login-info-main-content .login-info .login-single-info .login-single-input input#password::placeholder {
            color: #000;
            font-size: 20px; }
        .login-area .login-info-area .login-info-main-content .login-info .login-button-area input.eku_login-btn.button.btn.btn-large {
          width: 60px;
          background-image: -moz-linear-gradient(center top, #4D90FE, #4787ED);
          border: 1px solid #0ACACE;
          color: #FFF;
          font-weight: bold;
          height: 25px;
          text-shadow: 0 1px rgba(0, 0, 0, 0.1);
          padding: 0;
          font-size: 11px;
          border-radius: 0;
          float: left;
          margin-right: 30px; }
          .login-area .login-info-area .login-info-main-content .login-info .login-button-area input.eku_login-btn.button.btn.btn-large:focus {
            box-shadow: none; }
        .login-area .login-info-area .login-info-main-content .login-info .login-button-area .login-checkbox {
          display: flex;
          float: right;
          width: 120px; }
          .login-area .login-info-area .login-info-main-content .login-info .login-button-area .login-checkbox input[type=checkbox] {
            box-sizing: border-box;
            padding: 0;
            cursor: pointer;
            position: relative;
            top: 8px;
            display: inline-block;
            width: 30px; }
          .login-area .login-info-area .login-info-main-content .login-info .login-button-area .login-checkbox label {
            font-size: 11px; }
    .login-area .login-info-area .login-footer {
      text-align: center; }
      .login-area .login-info-area .login-footer p {
        font-size: 11px; }

/* Section-Title-area Start */
/* color_change-area Start */
.color_change {
  background: #fff;
  height: 325px;
  padding: 50px 30px;
  -webkit-transition: .5s;
  transition: .5s;
  position: fixed;
  z-index: 9999;
  width: 300px;
  right: -301px;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
  top: 160px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .color_change {
      padding: 30px 30px;
      top: 70px; } }

#color_box {
  position: absolute;
  left: -57px;
  top: 130px;
  color: #fff;
  padding: 15px 20px;
  cursor: pointer;
  font-size: 20px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #f9bf3b; }
  @media (max-width: 767px) {
    #color_box {
      top: 130px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #color_box {
      top: 100px; } }

.color_change p {
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 40px;
  font-size: 13px;
  line-height: 22px; }

.color_change h3 {
  font-size: 18px;
  font-weight: 700;
  text-align: center; }

.color_change_bg {
  left: 0; }

.color_change ul {
  box-shadow: 0px 0px 3px -1px #000;
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 15px; }

.color_change ul li {
  display: inline-block;
  width: 23%;
  height: 50px;
  line-height: 50px;
  background: #f9bf3b;
  text-align: center;
  color: #fff; }
  .color_change ul li i.fa.fa-bar-chart {
    display: inline-block;
    margin-right: 8px; }

.color_change ul li.style_1 {
  background: #288ce5; }
.color_change ul li.style_2 {
  background: #3ef406; }
.color_change ul li.style_3 {
  background: #0ba21d; }
.color_change ul li.style_4 {
  background: #5703b6; }
.color_change ul li.style_5 {
  background: #f50516; }
.color_change ul li.style_6 {
  background: #00BCD4; }
.color_change ul li.style_7 {
  background: #2CC185; }

span#style_default i:focus,
span#style_default i:active,
span#style_default i:hover {
  background: #f9bf3b; }

span#style_1 i:focus,
span#style_1 i:active,
span#style_1 i:hover {
  background: #288ce5; }

span#style_2 i:focus,
span#style_2 i:active,
span#style_2 i:hover {
  background: #3ef406; }

span#style_3 i:focus,
span#style_3 i:active,
span#style_3 i:hover {
  background: #0ba21d; }

span#style_4 i:focus,
span#style_4 i:active,
span#style_4 i:hover {
  background: #5703b6; }

span#style_5 i:focus,
span#style_5 i:active,
span#style_5 i:hover {
  background: #f50516; }

span#style_6 i:focus,
span#style_6 i:active,
span#style_6 i:hover {
  background: #00BCD4; }

span#style_7 i:focus,
span#style_7 i:active,
span#style_7 i:hover {
  background: #2CC185; }

.style_1 .switcher_icon {
  background: #288ce5 !important; }
.style_1 .scroll_top_up {
  background: #288ce5 !important; }
.style_1 .header-top-area:before {
  background: #288ce5; }
.style_1 .header-top-area .header-top-right .user-name p {
  color: #fff; }
.style_1 .header-area:after {
  background: #288ce5; }
.style_1 .header-area nav.menu_bar ul.main_menu li a:hover {
  color: #288ce5; }
.style_1 .dashboard-area .dashboard-menu-area {
  background: #288ce5; }
  .style_1 .dashboard-area .dashboard-menu-area .dashboard-main-menu {
    background: #0576da; }
    .style_1 .dashboard-area .dashboard-menu-area .dashboard-main-menu ul.dashboard-navmenu li a {
      color: #fff;
      border-bottom: 1px solid #288ce5; }
  .style_1 .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox li a:hover {
    color: #288ce5 !important; }
.style_1 .dashboard-area .eku-form-btn.eku-report-lebel-btn {
  background: #288ce5;
  border: 1px solid #288ce5; }

.style_2 .switcher_icon {
  background: #3ef406 !important; }
.style_2 .scroll_top_up {
  background: #3ef406 !important; }
.style_2 .header-top-area:before {
  background: #3ef406; }
.style_2 .header-area:after {
  background: #3ef406; }
.style_2 .header-area nav.menu_bar ul.main_menu li a:hover {
  color: #3ef406; }
.style_2 .dashboard-area .dashboard-menu-area {
  background: #3ef406; }
  .style_2 .dashboard-area .dashboard-menu-area .dashboard-main-menu {
    background: #35d504; }
    .style_2 .dashboard-area .dashboard-menu-area .dashboard-main-menu ul.dashboard-navmenu li a {
      color: #fff;
      border-bottom: 1px solid #3ef406; }
  .style_2 .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox li a:hover {
    color: #3ef406 !important; }
.style_2 .dashboard-area .eku-form-btn.eku-report-lebel-btn {
  background: #3ef406;
  border: 1px solid #3ef406; }

.style_3 .switcher_icon {
  background: #0ba21d !important; }
.style_3 .scroll_top_up {
  background: #0ba21d !important; }
.style_3 .header-top-area:before {
  background: #0ba21d; }
.style_3 .header-top-area .header-top-right .user-name p {
  color: #fff; }
.style_3 .header-area:after {
  background: #0ba21d; }
.style_3 .header-area nav.menu_bar ul.main_menu li a:hover {
  color: #0ba21d; }
.style_3 .dashboard-area .dashboard-menu-area {
  background: #0ba21d; }
  .style_3 .dashboard-area .dashboard-menu-area .dashboard-main-menu {
    background: #0ba21d; }
    .style_3 .dashboard-area .dashboard-menu-area .dashboard-main-menu ul.dashboard-navmenu li a {
      color: #fff;
      border-bottom: 1px solid #0ba21d; }
  .style_3 .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox li a:hover {
    color: #0ba21d !important; }
.style_3 .dashboard-area .eku-form-btn.eku-report-lebel-btn {
  background: #0ba21d;
  border: 1px solid #0ba21d; }

.style_4 .switcher_icon {
  background: #5703b6 !important; }
.style_4 .scroll_top_up {
  background: #5703b6 !important; }
.style_4 .header-top-area:before {
  background: #5703b6; }
.style_4 .header-top-area .header-top-right .user-name p {
  color: #fff; }
.style_4 .header-area:after {
  background: #5703b6; }
.style_4 .header-area nav.menu_bar ul.main_menu li a:hover {
  color: #5703b6; }
.style_4 .dashboard-area .dashboard-menu-area {
  background: #5703b6; }
  .style_4 .dashboard-area .dashboard-menu-area .dashboard-main-menu {
    background: #5703b6; }
    .style_4 .dashboard-area .dashboard-menu-area .dashboard-main-menu ul.dashboard-navmenu li a {
      color: #fff;
      border-bottom: 1px solid #7d4cb4; }
  .style_4 .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox li a:hover {
    color: #5703b6 !important; }
.style_4 .dashboard-area .eku-form-btn.eku-report-lebel-btn {
  background: #5703b6;
  border: 1px solid #5703b6; }

.style_5 .switcher_icon {
  background: #f50516 !important; }
.style_5 .scroll_top_up {
  background: #f50516 !important; }
.style_5 .header-top-area:before {
  background: #f50516; }
.style_5 .header-top-area .header-top-right .user-name p {
  color: #fff; }
.style_5 .header-area:after {
  background: #f50516; }
.style_5 .header-area nav.menu_bar ul.main_menu li a:hover {
  color: #f50516; }
.style_5 .dashboard-area .dashboard-menu-area {
  background: #f50516; }
  .style_5 .dashboard-area .dashboard-menu-area .dashboard-main-menu {
    background: #d10303; }
    .style_5 .dashboard-area .dashboard-menu-area .dashboard-main-menu ul.dashboard-navmenu li a {
      color: #fff;
      border-bottom: 1px solid #f50516; }
  .style_5 .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox li a:hover {
    color: #f50516 !important; }
.style_5 .dashboard-area .eku-form-btn.eku-report-lebel-btn {
  background: #f50516;
  border: 1px solid #f50516; }

.style_6 .switcher_icon {
  background: #00BCD4 !important; }
.style_6 .scroll_top_up {
  background: #00BCD4 !important; }
.style_6 .header-top-area:before {
  background: #00BCD4; }
.style_6 .header-area:after {
  background: #00BCD4; }
.style_6 .header-area nav.menu_bar ul.main_menu li a:hover {
  color: #00BCD4; }
.style_6 .dashboard-area .dashboard-menu-area {
  background: #00BCD4; }
  .style_6 .dashboard-area .dashboard-menu-area .dashboard-main-menu {
    background: #01a5ba; }
    .style_6 .dashboard-area .dashboard-menu-area .dashboard-main-menu ul.dashboard-navmenu li a {
      color: #fff;
      border-bottom: 1px solid #00BCD4; }
  .style_6 .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox li a:hover {
    color: #00BCD4 !important; }
.style_6 .dashboard-area .eku-form-btn.eku-report-lebel-btn {
  background: #00BCD4;
  border: 1px solid #00BCD4; }

.style_7 .switcher_icon {
  background: #2CC185 !important; }
.style_7 .scroll_top_up {
  background: #2CC185 !important; }
.style_7 .header-top-area:before {
  background: #2CC185; }
.style_7 .header-area:after {
  background: #2CC185; }
.style_7 .header-area nav.menu_bar ul.main_menu li a:hover {
  color: #2CC185; }
.style_7 .dashboard-area .dashboard-menu-area {
  background: #2CC185; }
  .style_7 .dashboard-area .dashboard-menu-area .dashboard-main-menu {
    background: #01ae68; }
    .style_7 .dashboard-area .dashboard-menu-area .dashboard-main-menu ul.dashboard-navmenu li a {
      color: #fff;
      border-bottom: 1px solid #2CC185; }
  .style_7 .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox li a:hover {
    color: #2CC185 !important; }
.style_7 .dashboard-area .eku-form-btn.eku-report-lebel-btn {
  background: #2CC185;
  border: 1px solid #2CC185; }

.color_box_fix {
  right: 0; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

/* color_change-area End */
.full-header-area {
  z-index: 99 !important;
  width: 100%; }

/* Header-top-area Start */
.header-top-area {
  background: #222;
  padding: 7px 0;
  position: relative;
  z-index: 9;
  overflow: hidden; }
  @media (max-width: 767px) {
    .header-top-area {
      padding: 2px 0; } }
  .header-top-area:before {
    position: absolute;
    content: "";
    right: -2%;
    top: 0;
    width: 71%;
    /*background: #f5ab35;*/
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(95,158,160,1) 35%, rgba(0,212,255,1) 100%);
    height: 100%;
    transform: skewX(29deg);
    border-left: 5px solid #fff;
    z-index: -1; }
    @media (max-width: 767px) {
      .header-top-area:before {
        right: -5%;
        width: 74%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-top-area .container {
      max-width: 720px;
      padding: 0; } }
  .header-top-area .address-area {
    display: inline-block;
    width: 31%;
    float: left; }
    @media (max-width: 767px) {
      .header-top-area .address-area {
        width: 35%; } }
  .header-top-area .header-top-right-area {
    display: inline-block;
    float: left;
    width: 69%; }
    @media (max-width: 767px) {
      .header-top-area .header-top-right-area {
        width: 65%; } }
  .header-top-area .search-box {
    display: inline-block;
    float: left;
   /* width: 37%; */
  }
    @media (max-width: 767px) {
      .header-top-area .search-box {
        width: 25%; } }
  .header-top-area .header-top-user-area {
    display: inline-block;
    float: left;
   /* width: 25%;*/
    margin-left: 10%; }
  .header-top-area .header-top-btn-area {
    display: inline-block;
    width: 26%;
    float: left; }
  .header-top-area .header-top-left {
    position: relative;
    padding: 0 10px; }
    @media (max-width: 767px) {
      .header-top-area .header-top-left {
        padding: 0; } }
    .header-top-area .header-top-left p {
      color: #fff;
      font-size: 10px;
      margin-bottom: 0;
      line-height: 30px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .header-top-area .header-top-left p {
          font-size: 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-top-area .header-top-left p {
          font-size: 7px; } }
      @media (max-width: 767px) {
        .header-top-area .header-top-left p {
          font-size: 6px;
          height: 26px;
          line-height: 29px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .header-top-area .header-top-left p {
          font-size: 5px; } }
      .header-top-area .header-top-left p span.header-top-text.branch {
        display: inline-block;
        margin-right: 4px; }
        @media (max-width: 767px) {
          .header-top-area .header-top-left p span.header-top-text.branch {
            margin-right: 0; } }
      .header-top-area .header-top-left p span.header-top-text.date {
        display: inline-block;
        margin-left: 4px; }
  .header-top-area .header-top-right {
    display: block; }
    @media (max-width: 767px) {
      .header-top-area .header-top-right .header-top-btn-area {
        padding: 0;
        padding-right: 5px;
        width: 33%; } }
    .header-top-area .header-top-right .header-top-user-area {
      padding: 0 5px; }
      @media (max-width: 767px) {
        .header-top-area .header-top-right .header-top-user-area {
          margin-left: 0;
          width: 35%; } }
    .header-top-area .header-top-right .header-top-search-icon {
      float: left;
      width: 100%; }
      .header-top-area .header-top-right .header-top-search-icon .top-search-area {
        height: 30px;
        left: 20px;
        margin-top: 0;
        position: relative;
        width: 220px;
        top: -1.5px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .header-top-area .header-top-right .header-top-search-icon .top-search-area {
            left: 53px;
            width: 175px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .header-top-area .header-top-right .header-top-search-icon .top-search-area {
            left: 85px;
            width: 185px; } }
        @media (max-width: 767px) {
          .header-top-area .header-top-right .header-top-search-icon .top-search-area {
            height: 26px;
            top: 2px;
            width: 165px; } }
        .header-top-area .header-top-right .header-top-search-icon .top-search-area a {
          display: inline-block;
          line-height: 28px;
          position: absolute;
          right: -41px;
          top: 2px;
          text-align: center;
          display: inline-block;
          width: 39px;
          height: 28px;
          border: 1px solid #222;
          transform: skewX(32deg);
          z-index: 9999; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .header-top-area .header-top-right .header-top-search-icon .top-search-area a {
              right: auto;
              text-align: center;
              left: -51px;
              transform: skewX(31deg); } }
          @media (max-width: 767px) {
            .header-top-area .header-top-right .header-top-search-icon .top-search-area a {
              line-height: 20px;
              right: auto;
              left: -8px;
              height: 19px;
              width: 30px; } }
          .header-top-area .header-top-right .header-top-search-icon .top-search-area a img {
            width: 18px;
            transform: skewX(-38deg);
            position: relative;
            top: -2px; }
            @media (max-width: 767px) {
              .header-top-area .header-top-right .header-top-search-icon .top-search-area a img {
                width: 13px;
                top: -2px; } }
    .header-top-area .header-top-right .search-trigger {
      height: 30px;
      opacity: 0;
      width: 0;
      -webkit-transition: 0.6s;
      transition: 0.6s;
      top: 0;
      position: absolute;
      right: 15px;
      -webkit-transition: 0.6s;
      transition: 0.6s;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-top-area .header-top-right .search-trigger {
          right: 8px; } }
      @media (max-width: 767px) {
        .header-top-area .header-top-right .search-trigger {
          height: 20px;
          line-height: 11px;
          right: -15px; } }
      .header-top-area .header-top-right .search-trigger input {
        background: transparent;
        border: 1px solid transparent;
        border-radius: 0;
        height: 24px;
        /* margin-left: -10px; */
        padding-left: 10px;
        width: 100%;
        z-index: 2;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        transform: skewX(-30deg);
        -webkit-transition: 0.6s;
        transition: 0.6s;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        text-align: left;
        padding-right: 10px;
        font-size: 12px; }
        @media (max-width: 767px) {
          .header-top-area .header-top-right .search-trigger input {
            height: 20px;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 10px;
            line-height: 10px;
            padding: 0 10px; } }
    .header-top-area .header-top-right .search-trigger.display-block {
      margin-top: 0;
      opacity: 1;
      position: absolute;
      -webkit-transition: 0.6s;
      transition: 0.6s;
      z-index: 999;
      -webkit-transition: 0.6s;
      transition: 0.6s;
      transform: skewX(31deg);
      top: 0;
      width: 100%;
      -webkit-transition: 0.6s;
      transition: 0.6s;
      right: 5px;
      -webkit-transition: 0.6s;
      transition: 0.6s;
      background: #fff;
      border: 1px solid #efefef; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-top-area .header-top-right .search-trigger.display-block {
          right: auto;
          left: -10px; } }
      @media (max-width: 767px) {
        .header-top-area .header-top-right .search-trigger.display-block {
          right: auto;
          left: 28px;
          width: 80%; } }
    .header-top-area .header-top-right .header-top-user {
      display: block;
      overflow: hidden; }
      @media (max-width: 767px) {
        .header-top-area .header-top-right .header-top-user {
          margin-top: 5px; } }
      .header-top-area .header-top-right .header-top-user .user-image {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        float: left;
        margin-right: 10px;
        position: relative; }
        @media (max-width: 767px) {
          .header-top-area .header-top-right .header-top-user .user-image {
            width: 16px;
            height: 16px;
            margin-right: 5px;
            line-height: 16px; } }
        .header-top-area .header-top-right .header-top-user .user-image img {
          width: 29px;
          border-radius: 50%;
          position: absolute;
          top: 0;
          left: 0; }
    .header-top-area .header-top-right .user-name {
      display: block;
     /* width: 78%;*/
      float: left;
      height: 30px;
    }

    .header-top-area .header-top-right .user-logout {
    display: block;
  /*  width: 78%;*/
    float: left;
    height: 30px;
    margin-top: 5px;
    padding-left: 20px;
}

      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-top-area .header-top-right .user-name {
          width: 68%; } }
      @media (max-width: 767px) {
        .header-top-area .header-top-right .user-name {
          width: 71%;
          height: 18px; } }
      .header-top-area .header-top-right .user-name p {
        line-height: 30px;
        font-size: 12px; }
        @media (max-width: 767px) {
          .header-top-area .header-top-right .user-name p {
            line-height: 18px;
            font-size: 8px; } }
    .header-top-area .header-top-right .header-top-btns {
      text-align: right;
      overflow: hidden; }
      @media (max-width: 767px) {
        .header-top-area .header-top-right .header-top-btns {
          margin-top: 3px; } }
      .header-top-area .header-top-right .header-top-btns button {
        height: 30px;
        font-size: 12px;
        border: 1px solid #889b91;
        width: 60px;
        margin: 0 4px;
        font-weight: 700;
        border-radius: 0;
        text-align: center;
        padding: 0;
        line-height: 30px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .header-top-area .header-top-right .header-top-btns button {
            height: 25px;
            font-size: 10px;
            width: 45px;
            line-height: 23px; } }
        @media (max-width: 767px) {
          .header-top-area .header-top-right .header-top-btns button {
            height: 20px;
            font-size: 8px;
            width: 35px;
            margin: 0 0px;
            line-height: 18px; } }
        .header-top-area .header-top-right .header-top-btns button a {
          color: #fff; }

/* Header-top-area Start */
/* Header-menu-area Start */
#header-area-sticky-wrapper {
  position: relative;
  z-index: 9;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s; }

.header-area {
  display: block;
  box-shadow: 0px 3px 13px -6px rgba(0, 0, 0, 0.5);
  position: relative;
  background: #222;
  z-index: 9; }
  .header-area:after {
    position: absolute;
    content: "";
    left: -56px;
    top: 0;
    width: 33%;
    height: 100%;
   /* background: #f5ab35;*/
   background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(95,158,160,1) 35%, rgba(0,212,255,1) 100%);
    z-index: -1;
    transform: skewX(29deg);
    border-right: 5px solid #fff;
  }
    @media only screen and (min-width: 1201px) and (max-width: 2300px) {
      .header-area:after {
        left: -70px;
        width: 33%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area:after {
        left: -45px; } }
    @media (max-width: 767px) {
      .header-area:after {
        left: -52px;
        width: 40%; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .header-area:after {
        left: -56px;
        width: 37%; } }
  .header-area .header-logo {
    display: inline-block;
    width: 140px;
    float: left;
    height: 48px; }
    @media (max-width: 767px) {
      .header-area .header-logo {
        width: 70px; } }
  .header-area .header-menu {
    width: 87%;
    float: left; }
    @media (max-width: 767px) {
      .header-area .header-menu {
        width: 77%; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .header-area .header-menu {
        width: 82%; } }
  @media (max-width: 767px) {
    .header-area .menu-col {
      padding-right: 0;
      padding-left: 0; } }
  .header-area .logo-area {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 767px) {
      .header-area .logo-area a.logo {
        display: inline-block;
        width: 60px; } }
  .header-area .ais-header.header-area .logo-area a.logo {
    width: 100%; }
  .header-area #main-menu {
    display: inline-block;
    z-index: auto;
    width: 100%;
    text-align: right;
    line-height: 48px; }
  .header-area .sm-blue > li {
    border-left: 1px solid transparent;
    display: inline-block;
    float: none; }
  .header-area .sm-blue {
    background: transparent repeat-x scroll left top;
    box-shadow: 0 1px 1px transparent; }
    @media (max-width: 767px) {
      .header-area .sm-blue {
        box-shadow: 0 1px 1px transparent; } }
  .header-area .sm-blue a:hover,
  .header-area .sm-blue a:focus,
  .header-area .sm-blue a:active,
  .header-area .sm-blue a.highlighted {
    background: transparent;
    background-image: linear-gradient(to bottom, transparent, transparent); }
  .header-area .sm-blue ul a:hover,
  .header-area .sm-blue ul a:focus,
  .header-area .sm-blue ul a:active,
  .header-area .sm-blue ul a.highlighted {
    background: #f5ab35;
    color: #fff;
    padding: 9px 15px; }
  .header-area .sm-blue .scroll-up,
  .header-area .sm-blue .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #f5ab35;
    height: 20px; }
  .header-area .sm-blue ul a,
  .header-area .sm-blue ul a.highlighted {
    background: #006e3e; }
  .header-area .sm-blue ul {
    position: absolute;
    width: 12em;
    top: 36px !important; }
  .header-area a.back-to-top {
    display: none !important; }
  .header-area .sm-blue ul li {
    box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #444; }
  .header-area #topmenu {
    margin: 0 0px 0px 0px; }

ul.sub-sub-menu {
  background: red; }

ul.sub-sub-menu2 {
  background: green; }

/* Header-menu-area End */
/* dashboard-menu-area Start */
[class*="span"] {
  float: left;
  margin-left: 0; }

.dashboard-area {
  position: relative;
  min-height: 100%;
    /* ========================================
              Report Style for MRA Report Start
=========================================== */
    /* ========================================
              Report Style for MRA Report Start
=========================================== */
    /* ========================================
              Report Style for MRA Report Start
=========================================== */
    /* ========================================
              Report Style for MRA Report Start
=========================================== */ }
  .dashboard-area #DivIdToPrint {
    padding-left: 30px !important; }
  .dashboard-area .eku-member-info-single-row select.cbo_year {
    width: 73%; }
  .dashboard-area .text {
    padding-left: 40px; }
  .dashboard-area select,
  .dashboard-area input,
  .dashboard-area button {
    font-size: 10px;
    height: 24px;
    margin-top: 0 !important; }
  .dashboard-area tbody label {
    font-size: 10px;
    display: block;
    margin-top: 0 !important; }
  .dashboard-area button.btn.btn-default.pomis_report_3,
  .dashboard-area button.btn.btn-default.mra_1,
  .dashboard-area button.btn.btn-default.pomis_11,
  .dashboard-area button.btn.btn-default.mra_2,
  .dashboard-area button.btn.btn-default.mra_11,
  .dashboard-area button.btn.btn-default.mra_12,
  .dashboard-area button.btn.btn-default.mra_13,
  .dashboard-area button.btn.btn-default.mra_14,
  .dashboard-area button.btn.btn-default.mra_15,
  .dashboard-area button.btn.btn-default.mra_16,
  .dashboard-area button.btn.btn-default.mra_17,
  .dashboard-area button.btn.btn-default.monthlyCollectionSheet_report,
  .dashboard-area button.loanClassification_dmr,
  .dashboard-area button.branch_wise_samity_list,
  .dashboard-area button.samity_wise_member_reports,
  .dashboard-area button.show_report,
  .dashboard-area input.pksf_pomis_2a_report_show,
  .dashboard-area input.show_report_monthly_loan,
  .dashboard-area input.show_report_weekly_monthly_saving_and_loan_statment {
    margin-top: 24px;
    border-radius: 0;
    line-height: 0;
    background: #000 !important;
    padding: 0 15px;
    height: 24px;
    color: #fff;
    border: 1px solid #000; }
  .dashboard-area #holiday_due_register_report,
  .dashboard-area #loan_adjusment_register_report_generate,
  .dashboard-area #mwslas_ledger {
    margin-top: 24px;
    border-radius: 0;
    line-height: 0;
    background: #000 !important;
    padding: 0 15px;
    height: 24px;
    color: #fff;
    border: 1px solid #000;
    margin-top: 15px !important; }
  .dashboard-area .show_report_weekly_monthly_saving_and_loan_statment {
    margin-top: 22px !important; }
  .dashboard-area .depand_on {
    margin-top: 22px !important; }
  .dashboard-area button.btn.btn-default.mra_1 {
    margin-top: 0 !important; }
  .dashboard-area .loanClassification_dmr,
  .dashboard-area .monthlyCollectionSheet_report,
  .dashboard-area .branch_wise_samity_list,
  .dashboard-area .samity_wise_member_reports {
    margin-top: 15px !important; }
  .dashboard-area .pomis_11,
  .dashboard-area .pomis_report_3,
  .dashboard-area .show_report_monthly_loan,
  .dashboard-area .pksf_pomis_2a_report_show {
    margin-top: 22px !important; }
  .dashboard-area .mra_2,
  .dashboard-area .mra_11,
  .dashboard-area .mra_12,
  .dashboard-area .mra_13,
  .dashboard-area .mra_14,
  .dashboard-area .mra_15,
  .dashboard-area .mra_16,
  .dashboard-area .mra_17 {
    margin-top: 0 !important; }
  .dashboard-area .create-permission-page button {
    height: auto;
    color: #fff !important; }
  .dashboard-area .dashboard-menu-area.collapse {
    display: block;
    transition: 1s;
    width: 100px; }
    @media (max-width: 767px) {
      .dashboard-area .dashboard-menu-area.collapse {
        width: 70px; } }
    .dashboard-area .dashboard-menu-area.collapse .menu-collapse-btn {
      left: 32px;
      transition: .6s; }
      @media (max-width: 767px) {
        .dashboard-area .dashboard-menu-area.collapse .menu-collapse-btn {
          left: 22px; } }
    .dashboard-area .dashboard-menu-area.collapse .dashboard-main-menu {
      width: 100%;
      left: 0; }
    .dashboard-area .dashboard-menu-area.collapse ul.dashboard-navmenu li a {
      padding: 10px 0 4px; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .dashboard-area .dashboard-menu-area.collapse ul.dashboard-navmenu li a {
          padding: 10px 0 30px; } }
      .dashboard-area .dashboard-menu-area.collapse ul.dashboard-navmenu li a span.dashboard-menu-text {
        display: block; }
  .dashboard-area .dashboard-menu-area {
    display: inline-block;
    width: 50px;
    left: calc(-21px + 20px);
    /* background: #efefef; */
    padding: 0 0;
    height: 100%;
    top: 0;
    box-shadow: 1px 1px 16px -2px rgba(0, 0, 0, 0.25);
    color: #000;
    /* display: none; */
    position: fixed;
    z-index: 5;
    background: #f5ab35;
    transition: .3s;
    overflow: visible; }
    @media (max-width: 767px) {
      .dashboard-area .dashboard-menu-area {
        width: 40px;
        padding: 30px 4px;
        height: 100%;
        top: 0; } }
    .dashboard-area .dashboard-menu-area:before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      background: url(images/footer-bg.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      opacity: .25; }
    .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox {
      display: block;
      width: 250px;
      background: rgba(0, 0, 0, 0.95);
      position: absolute;
      top: 30%;
      z-index: 1;
      right: 520px;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
      padding: 20px 5px;
      transition: .8s;
      height: 360px;
      overflow: hidden; }
      @media (max-width: 767px) {
        .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox {
          top: 25%; } }
      .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox li {
        display: block;
        margin-bottom: 4px;
        /* border: 1px solid #efefef; */ }
        .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox li a {
          display: block;
          padding: 5px 10px;
          font-size: 11px;
          line-height: 19px;
          color: #fff;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
          .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox li a:hover {
            background: #222;
            color: #f5ab35; }
    .dashboard-area .dashboard-menu-area .dashboard-main-menu {
      background: #f5ab35;
      position: absolute;
      width: 100%;
      top: 30%;
      left: 0;
      z-index: 9;
      /* padding: 5px 0; */
      /* box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.3); */
      height: auto; }
      @media (max-width: 767px) {
        .dashboard-area .dashboard-menu-area .dashboard-main-menu {
          top: 30%; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .dashboard-area .dashboard-menu-area .dashboard-main-menu {
          top: 25%; } }
    .dashboard-area .dashboard-menu-area ul.dashboard-navmenu {
      display: block; }
      .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li {
        display: block;
        width: 100%;
        text-align: center;
        position: relative; }
        .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li:hover ul.dashboard-dropdown-menu {
          opacity: 1;
          visibility: visible;
          right: -375px;
          transition: 1s; }
        .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li:hover a {
          color: #222; }
        .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li a {
          font-size: 12px;
          color: #fff;
          font-weight: 600;
          display: inline-block;
          width: 100%;
          height: auto;
          line-height: 30px;
          border-radius: 3px;
          box-shadow: 0px 3px 147px -10px rgba(0, 0, 0, 0.5);
          font-weight: 400;
          border-bottom: 1px solid #f9bf3b;
          text-align: center;
          padding: 12px 0;
          padding-top: 10px; }
          @media (max-width: 767px) {
            .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li a {
              font-size: 10px;
              height: 18px;
              line-height: 23px; } }
          @media only screen and (min-width: 480px) and (max-width: 767px) {
            .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li a {
              font-size: 8px;
              height: 40px;
              line-height: 13px; } }
          .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li a span.dashboard-navmenu-icon {
            display: block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            margin: 0 auto; }
          .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li a span.dashboard-menu-text {
            display: none; }
        .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li ul.dashboard-dropdown-menu {
          position: absolute;
          right: 550px;
          top: -20px;
          width: auto;
          height: auto;
          background: white;
          padding: 15px;
          box-shadow: 0px 0px 40px -4px #CCC;
          opacity: 0;
          visibility: hidden;
          transition: .4s;
          z-index: 9; }
        .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li ul.dashboard-dropdown-menu li {
          background: #000 !important;
          height: 20px;
          width: 100%;
          line-height: 14px;
          margin-bottom: 5px;
          transition: .4s; }
          .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li ul.dashboard-dropdown-menu li a {
            color: #fff;
            padding: 10px; }
    .dashboard-area .dashboard-menu-area .menu-collapse-btn {
      display: inline-block;
      width: 35px;
      height: 28px;
      border: 1px solid #000;
      position: absolute;
      top: 20%;
      left: 10px;
      background: #000;
      padding: 5px;
      transition: .6s;
      overflow: hidden; }
      @media (max-width: 767px) {
        .dashboard-area .dashboard-menu-area .menu-collapse-btn {
          top: 20%;
          left: 5px;
          padding: 5px; } }
      .dashboard-area .dashboard-menu-area .menu-collapse-btn .menu-collapse-btn-content {
        width: 100%;
        display: inline-block;
        height: 100%;
        position: absolute;
        cursor: pointer;
        padding: 0px;
        left: 0; }
        .dashboard-area .dashboard-menu-area .menu-collapse-btn .menu-collapse-btn-content span {
          display: inline-block;
          width: 77%;
          height: 2px;
          background: #fff;
          line-height: 2px;
          position: absolute;
          left: 10%;
          top: 1px; }
        .dashboard-area .dashboard-menu-area .menu-collapse-btn .menu-collapse-btn-content span.btn-line2 {
          top: 7px; }
        .dashboard-area .dashboard-menu-area .menu-collapse-btn .menu-collapse-btn-content span.btn-line3 {
          top: 13px; }
  .dashboard-area .dashboard-menu-area.drop-menu1 .drop-menubox1 {
    right: -260px; }
  .dashboard-area .dashboard-menu-area.drop-menu1 .drop-menubox2 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu1 .drop-menubox3 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu1 .drop-menubox4 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu1 .drop-menubox5 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu1 .drop-menubox6 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu2 .drop-menubox1 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu2 .drop-menubox2 {
    right: -260px; }
  .dashboard-area .dashboard-menu-area.drop-menu2 .drop-menubox3 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu2 .drop-menubox4 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu2 .drop-menubox5 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu2 .drop-menubox6 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu3 .drop-menubox1 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu3 .drop-menubox2 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu3 .drop-menubox3 {
    right: -260px; }
  .dashboard-area .dashboard-menu-area.drop-menu3 .drop-menubox4 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu3 .drop-menubox5 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu3 .drop-menubox6 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu4 .drop-menubox1 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu4 .drop-menubox2 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu4 .drop-menubox3 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu4 .drop-menubox4 {
    right: -260px; }
  .dashboard-area .dashboard-menu-area.drop-menu4 .drop-menubox5 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu4 .drop-menubox6 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu5 .drop-menubox1 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu5 .drop-menubox2 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu5 .drop-menubox3 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu5 .drop-menubox4 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu5 .drop-menubox5 {
    right: -260px; }
  .dashboard-area .dashboard-menu-area.drop-menu5 .drop-menubox6 {
    right: 130px; }
  .dashboard-area .dashboard-menu-area.drop-menu6 .drop-menubox1 {
    right: 50px; }
  .dashboard-area .dashboard-menu-area.drop-menu6 .drop-menubox2 {
    right: 50px; }
  .dashboard-area .dashboard-menu-area.drop-menu6 .drop-menubox3 {
    right: 50px; }
  .dashboard-area .dashboard-menu-area.drop-menu6 .drop-menubox4 {
    right: 50px; }
  .dashboard-area .dashboard-menu-area.drop-menu6 .drop-menubox5 {
    right: 50px; }
  .dashboard-area .dashboard-menu-area.drop-menu6 .drop-menubox6 {
    right: -260px; }

.home-tab-menu .member-heading-menu-area {
  text-align: left;
  margin-bottom: 15px; }
.home-tab-menu .member-heading-menu-area ul.nav.nav-tabs {
  margin-left: 20px; }
  .home-tab-menu .member-heading-menu-area ul.nav.nav-tabs li {
    width: auto; }
    .home-tab-menu .member-heading-menu-area ul.nav.nav-tabs li a img {
      display: inline-block;
      width: 30px;
      margin-right: 10px; }

/* dashboard-menu-area End */
/* Theme-Option pattern BG Start */
.theme-opt-page .dashboard-right-area:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(images/theme-opt-bg7.jpg);
  opacity: .15;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.theme-opt-page.style_1 .dashboard-right-area:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(images/theme-opt-bg.jpg) !important;
  opacity: .15;
  z-index: -1;
  background-repeat: repeat;
  background-position: center center; }

.theme-opt-page.style_2 .dashboard-right-area:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(images/theme-opt-bg1.jpg) !important;
  opacity: .35;
  z-index: -1;
  background-repeat: repeat;
  background-position: center center; }

.theme-opt-page.style_3 .dashboard-right-area:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(images/theme-opt-bg2.jpg) !important;
  opacity: .40;
  z-index: -1;
  background-repeat: repeat;
  background-position: center center; }

.theme-opt-page.style_4 .dashboard-right-area:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(images/theme-opt-bg3.png) !important;
  opacity: .35;
  z-index: -1;
  background-repeat: repeat;
  background-position: center center; }

.theme-opt-page.style_5 .dashboard-right-area:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(images/theme-opt-bg4.jpg) !important;
  opacity: .15;
  z-index: -1;
  background-repeat: repeat;
  background-position: center center; }

.theme-opt-page.style_6 .dashboard-right-area:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(images/theme-opt-bg5.jpg) !important;
  opacity: .15;
  z-index: -1;
  background-repeat: repeat;
  background-position: center center; }

.theme-opt-page.style_7 .dashboard-right-area:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(images/theme-opt-bg6.jpg) !important;
  opacity: .15;
  z-index: -1;
  background-repeat: repeat;
  background-position: center center; }

/* Theme-Option pattern BG Start */
/* Dashboard-right-area-main-content Start */
.dashboard-right-area {
  left: 0;
  transition: 1s;
  padding-left: 0;
  position: relative;
  /*margin-left: 65px !important;*/
  padding-top: 15px;
  min-height: 470px; }
  .dashboard-right-area .container {
    width: 1170px; }
    @media (max-width: 767px) {
      .dashboard-right-area .container {
        width: auto !important; } }
  @media (max-width: 767px) {
    .dashboard-right-area {
      padding-left: 0;
      margin-left: 32px !important; } }
  .dashboard-right-area .dashboard-right-main-content.counter-area {
    padding: 20px 0; }
    @media (max-width: 767px) {
      .dashboard-right-area .dashboard-right-main-content.counter-area {
        font-size: 9px;
        line-height: 12px; } }
    .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn {
      margin-bottom: 30px; }
      .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        box-shadow: 0px 0px 10px 2px rgba(67, 67, 67, 0.1);
        padding: 15px 10px;
        border-radius: 5px;
        overflow: hidden;
        z-index: 1; }
        .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter:before {
          position: absolute;
          content: "";
          right: 0;
          top: 0;
          width: 0;
          height: 100%;
          background: #000;
          transition: .3s;
          opacity: 0;
          visibility: hidden;
          z-index: -1; }
        .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter:hover::before {
          left: 0;
          right: auto;
          width: 100%;
          opacity: .85;
          visibility: visible; }
        .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter:hover .counter-details-area .counter-details h5 {
          color: #fff; }
        .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter:hover .counter-details-area .counter-details span {
          color: #efefef; }
        .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter .counter-details-area {
          display: inline-flex; }
          .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter .counter-details-area .counter-icon {
            flex-basis: 60px;
            height: 60px;
            text-align: center;
            margin-right: 15px; }
            .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter .counter-details-area .counter-icon img {
              width: auto;
              height: auto; }
          .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter .counter-details-area .counter-details {
            flex-basis: 78%;
            padding-left: 15px;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center; }
            .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter .counter-details-area .counter-details:before {
              content: "";
              left: 0;
              top: 0;
              width: 1px;
              height: 100%;
              background: #efefef;
              position: absolute; }
            .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter .counter-details-area .counter-details h5 {
              font-size: 12px;
              text-transform: uppercase;
              color: #666;
              margin-bottom: 5px;
              font-weight: 700; }
            .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter .counter-details-area .counter-details span {
              display: block;
              font-size: 14px;
              line-height: 20px;
              color: #666; }
            .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter .counter-details-area .counter-details span.counter {
              display: inline-block; }
    .dashboard-right-area .dashboard-right-main-content.counter-area .col-md-3 {
      width: 24%;
      float: left;
     /* margin: 0 .5% 30px; */

    }

.dashboard-right-area.full_screen {
  padding: 0 15px;
  transition: 1s;
  width: 88%;
  height: 100%;
  display: block;
  padding-left: 70px;
  padding-top: 20px; }
  @media (max-width: 767px) {
    .dashboard-right-area.full_screen {
      padding-left: 35px; } }

form {
  margin: 0 0 18px; }

.wrapper_div {
  width: 100%; }

/* Dashboard-right-area-main-content End */
/* Header-menu-area End */
.scroll-top-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: fixed;
  right: 17px;
  bottom: 0; }
  .scroll-top-icon a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #f5ab35;
    color: #fff;
    font-size: 30px;
    border-radius: 50%; }

/* footer-area Start */
.footer-widget-area {
  background: #333;
  padding: 60px 0; }
  .footer-widget-area .footer-widget-single-content {
    padding: 0 10px; }
    .footer-widget-area .footer-widget-single-content h4 {
      font-size: 14px;
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 30px; }
    .footer-widget-area .footer-widget-single-content a {
      color: rgba(255, 255, 255, 0.65);
      font-size: 12px; }
      .footer-widget-area .footer-widget-single-content a:hover {
        color: #f5ab35; }

/* footer-area End */
/* footer-bottom-area Start */
.footer-top-area {
  background: url(images/footer-bg.jpg);
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  z-index: 1; }
  .footer-top-area:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .95;
    z-index: -1; }
  .footer-top-area img {
    width: 155px; }
  .footer-top-area .footer-section-title-paragraph {
    padding-top: 30px; }
    .footer-top-area .footer-section-title-paragraph h3 {
      color: #fff;
      font-size: 42px;
      margin-bottom: 0px; }
    .footer-top-area .footer-section-title-paragraph h4 {
      font-size: 30px;
      color: #fff;
      margin-bottom: 10px; }
    .footer-top-area .footer-section-title-paragraph a {
      display: block;
      color: #999;
      font-size: 16px; }
      .footer-top-area .footer-section-title-paragraph a span {
        display: inline-block;
        margin-right: 15px; }
  .footer-top-area .footer-social-icons {
    display: block;
    padding-top: 30px; }
    .footer-top-area .footer-social-icons ul li {
      display: inline-block;
      margin: 0 10px; }
      .footer-top-area .footer-social-icons ul li a {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border: 1px solid #999;
        border-radius: 50%; }

.footer-bottom-area-content {
  padding: 20px 0;
  border-top: 1px solid;
  background: #000;
  text-align: center;
  position: relative;
  z-index: 999; }
  @media (max-width: 767px) {
    .footer-bottom-area-content {
      position: fixed;
      bottom: 0;
      width: 100%; } }
  .footer-bottom-area-content p {
    margin-bottom: 0;
    color: #fff; }
    @media (max-width: 767px) {
      .footer-bottom-area-content p {
        font-size: 10px; } }
    .footer-bottom-area-content p a {
      color: #f5ab35; }

/* footer-area End */
/* =================================================
                Home Style End
==================================================== */
/* =================================================
                Scroll Top Style Start
==================================================== */
.scroll-up-footer {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  position: fixed;
  right: 25px;
  bottom: 50px;
  overflow: hidden;
  z-index: 9999; }
  .scroll-up-footer .scroll_top_up {
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    width: 40px;
    height: 40px;
    position: fixed;
    right: 25px;
    bottom: 50px;
    border-radius: 50%;
    background: #f5ab35;
    box-shadow: 0px 0px 0px 5px white; }
    .scroll-up-footer .scroll_top_up i {
      line-height: 40px; }
    .scroll-up-footer .scroll_top_up a {
      background-color: transparent; }
    .scroll-up-footer .scroll_top_up .small_box_shadow {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }

/* =================================================
                Scroll Top Style End
==================================================== */
/* =================================================
                theme-option Page Start
==================================================== */
@media (max-width: 767px) {
  .dashboard-right-main-content {
    padding-top: 40px; } }
.dashboard-right-main-content .col-md-3.col-6 {
  padding: 0 15px; }
  @media (max-width: 767px) {
    .dashboard-right-main-content .col-md-3.col-6 {
      padding: 0 10px; } }
.dashboard-right-main-content .single-theme-option {
  display: block;
  padding: 30px;
  box-shadow: 0px 48px 100px -63px rgba(0, 0, 0, 0.3);
  margin-bottom: 60px;
  border: 1px solid #efefef;
  border-radius: 10px;
  transition: .4s; }
  @media (max-width: 767px) {
    .dashboard-right-main-content .single-theme-option {
      padding: 0;
      margin-bottom: 30px;
      border-radius: 10px; } }
  .dashboard-right-main-content .single-theme-option:hover {
    box-shadow: 0px 0px 11px -2px rgba(0, 0, 0, 0.3); }
  .dashboard-right-main-content .single-theme-option .single-theme-settings {
    display: block;
    box-shadow: 0px 14px 53px -14px rgba(0, 0, 0, 0.3); }
    .dashboard-right-main-content .single-theme-option .single-theme-settings .theme-image {
      border: 1px solid #ccc;
      overflow: hidden; }
    .dashboard-right-main-content .single-theme-option .single-theme-settings .theme-change-opt {
      display: block;
      text-align: center;
      padding: 15px;
      background: #efefef; }
      @media (max-width: 767px) {
        .dashboard-right-main-content .single-theme-option .single-theme-settings .theme-change-opt {
          padding: 5px 0; } }
      .dashboard-right-main-content .single-theme-option .single-theme-settings .theme-change-opt span i {
        display: inline-block;
        font-size: 30px;
        cursor: pointer;
        border-radius: 50%;
        background: transparent;
        line-height: 26px;
        width: 26px;
        height: 26px;
        color: #fff;
        box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.55);
        transition: .4s; }
        @media (max-width: 767px) {
          .dashboard-right-main-content .single-theme-option .single-theme-settings .theme-change-opt span i {
            font-size: 12px;
            line-height: 12px;
            width: 12px;
            height: 12px; } }

/* =================================================
                theme-option Page End
==================================================== */
/* =================================================
                Chart-area Strat
==================================================== */
.chart-area .row .col-md-6:last-child {
  margin-right: 0; }
.chart-area .col-md-6 {
  width: 48%;
  float: left;
  margin-right: 4%; }

.section-headline {
  text-align: center;
  background: transparent;
  margin: 0 auto;
  padding: 0;
  text-transform: uppercase; }
  .section-headline h1 {
    margin-bottom: 0;
    text-shadow: 3px 4px 5px #333;
    font-weight: 700;
    font-size: 50px;
    color: #ccc;
    margin: 0; }

.single-chart {
  padding-bottom: 30px;
  margin-bottom: 60px;
  margin-top: 40px; }

.single-chart-title-area {
  margin-bottom: 10px;
  height: 35px;
  border-bottom: 1px solid #efefef;
  padding-right: 20px; }

h4.chart-title {
  font-size: 18px;
  margin-bottom: 0;
  padding-left: 30px;
  color: #288ce5; }
  h4.chart-title span.loan-wise {
    display: inline-block;
    color: #222;
    margin-left: 10px;
    font-weight: 700; }
  h4.chart-title span.action-btns {
    display: inline-block;
    width: 80px;
    float: right; }
    h4.chart-title span.action-btns button {
      display: inline-block;
      width: 20px;
      background: transparent;
      border: 1px solid transparent;
      margin-left: 17px;
      cursor: pointer; }
      h4.chart-title span.action-btns button:focus {
        border: none;
        outline: none; }
    h4.chart-title span.action-btns a {
      display: inline-block;
      width: 20px;
      margin-right: 20px; }
      h4.chart-title span.action-btns a img {
        width: 100%;
        height: 100%; }

canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  height: 320px !important; }

canvas#speedChart9 {
  height: 320px !important; }

canvas#speedChart2 {
  height: 320px !important; }

canvas#densityChart {
  height: 320px !important; }

canvas#speedChart {
  height: 320px !important; }

/* =================================================
                Chart-area  End
==================================================== */

input,
textarea,
select {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  padding-left: 10px; }

input#required {
  height: 40px; }


fieldset {
  width: 420px;
  margin: 0 auto; }


.mCustomScrollBox {
  overflow: visible; }

.mCSB_inside .mCSB_container {
  margin-right: 0; }

/* ===================================================================
                Old CSS Starting From Here
====================================================================== */
.search-area {
  background: #ccc;
  padding: 10px 10px;
  border-radius: 6px 6px 0 0;
  overflow: visible;
  height: 70px !important; }
  .search-area .eku-search-bar {
    display: block;
    background: transparent;
    padding: 0px 10px 1px;
    line-height: 20px;
    color: #fff;
    overflow: hidden; }
    .search-area .eku-search-bar .widget-header {
      border-bottom: 1px solid transparent;
      margin-top: 0;
      float: left;
      width: 50%;
      height: 21px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: transparent;
      border: none;
      margin-bottom: 7px; }
      .search-area .eku-search-bar .widget-header h3 {
        color: #666;
        font-size: 12px;
        margin: 0;
        margin-bottom: 5px; }
    .search-area .eku-search-bar .eku-add-employee-btn {
      display: inline-block;
      float: right;
      width: 40%;
      text-align: right; }
  .search-area input {
    height: 21px;
    font-size: 9px;
    color: #666;
    line-height: 14px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 2px 1px #ccc;
    padding: 0 10px; }
  .search-area select {
    height: 20px !important;
    font-size: 10px;
    color: #666;
    line-height: 14px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 2px 1px #ccc;
    position: relative;
    padding: 0 10px;
    border-radius: 0; }
  .search-area #Designation_data select {
    width: 150px !important; }
  .search-area button {
    display: inline-block;
    width: auto;
    margin-left: 10px;
    height: 22px !important;
    margin-top: 0 !important;
    line-height: 20px;
    text-align: left;
    padding: 0;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    border: none;
    text-align: center;
    background: #222;
    transition: 0.4s;
    border-radius: 0; }
    .search-area button:hover {
      background: lavender;
      color: #222; }
    .search-area button i {
      display: inline-block;
      margin-right: 10px; }
  .search-area .search-single-btn {
    width: auto;
    height: 21px !important;
    line-height: 18px !important;
    font-size: 10px !important;
    padding: 0 10px;
    border: 1px solid #222; }
  .search-area .search-single-btn.member-close-search-btn {
    width: 100px !important; }

.search-single-btn {
  width: auto;
  height: 21px !important;
  line-height: 18px !important;
  font-size: 10px !important;
  padding: 0 10px;
  border: 1px solid #222;
  background: #000 !important;
  transition: .4s;
  color: #fff; }
  .search-single-btn:hover {
    background: lavender !important;
    color: #000; }

i.fa.fa-bar-chart {
  display: inline-block;
  margin-right: 15px; }

/* Add Field style start */
.test input {
  height: 30px;
  margin-right: 7px; }

.remove_field.btn.btn-danger {
  display: inline-block;
  background: #000;
  height: 30px;
  line-height: 27px;
  padding: 0;
  width: 30px; }

/* Add Field style End */
.padding-bottom-0 {
  height: 40px !important; }

.low-height {
  height: 50px; }
  .low-height .search-area {
    height: 40px !important; }

.eku-breadcum-area {
  display: inline-block;
  min-width: 100%;
  padding: 0;
  margin-bottom: 15px;
  border-bottom: 3px solid #222; }
  .eku-breadcum-area .eku-breadcum-text {
    /* border-bottom: 3px solid #222; */
    padding: 0px 10px;
    color: #222;
    font-size: 11px;
    line-height: 28px;
    width: 67%;
    float: left; }
    .eku-breadcum-area .eku-breadcum-text i.fa.fa-forward {
      font-size: 11px;
      display: inline-block;
      margin-right: 5px; }
    .eku-breadcum-area .eku-breadcum-text a {
      color: #222; }
    .eku-breadcum-area .eku-breadcum-text span.arrow-right {
      display: inline-block;
      margin: 0 2px;
      width: 20px;
      height: auto;
      text-align: center;
      position: relative; }
  .eku-breadcum-area #tabber {
    width: 30%;
    float: left; }
    .eku-breadcum-area #tabber h3 {
      text-shadow: 0 2px 3px #8C8C8C;
      font-size: 13px;
      font-weight: bold;
      height: auto;
      width: auto;
      margin: 0px;
      padding: 2px 20px 2px 0px; }

.span12 {
  width: 1170px !important;
  margin: 0 30px !important; }

.eku-add-employee-btn button {
  display: inline-block; }
.eku-add-employee-btn a {
  display: inline-block;
  width: auto;
  height: 20px;
  background: #000;
  line-height: 19px;
  padding: 0 10px;
  font-size: 9px;
  color: #fff;
  border: 1px solid transparent;
  transition: 0.2s; }
  .eku-add-employee-btn a i {
    display: inline-block;
    margin-right: 10px; }

.eku-employee-save-btn-area-up .eku-add-employee-btn a {
  background: lavender;
  color: #222 !important; }

.eku-add-employee-btn a:hover {
  background: lavender;
  border: 1px solid #222;
  color: #000000 !important; }

.
.add-employee-page tbody br {
  display: block; }
.add-employee-page tbody label {
  font-size: 10px;
  display: block;
  margin-top: 0 !important; }


fieldset {
  width: 420px;
  margin: 0 auto; }


.add-page .eku-member-info-single-row select {
  width: 100% !important; }
.add-page .eku-member-info-single-row input {
  width: 100% !important; }

/* =====================================================================
**************** add-employee-page Style Start
======================================================================== */
.section-padding3 {
  padding: 30px 0; }

.form-title h4 img {
  width: 25px !important;
  margin-right: 10px;
  position: relative;
  top: 0px; }

.transfer-checkbox input {
  width: 30px !important; }

.add-employee-page {
  display: block; }
  .add-employee-page .wrapper_div.eku_wrapper_div {
    width: 100%;
    margin: 0 auto;
    padding: 70px 40px;
    border: 1px solid #ccc;
    position: relative;
    height: 100% !important;
    overflow: hidden;
    min-height: 500px; }
    @media (max-width: 767px) {
      .add-employee-page .wrapper_div.eku_wrapper_div {
        width: 97% !important;
        margin: 0 auto; } }
    .add-employee-page .wrapper_div.eku_wrapper_div .member {
      display: block;
      margin-bottom: 10px;
      /* Add-Employee eku-member-info start  */
      /* Add-Employee eku-member-info input End  */ }
      .add-employee-page .wrapper_div.eku_wrapper_div .member .member_heading {
        display: block;
        padding: 15px;
        background: transparent !important;
        margin-bottom: 10px;
        border-bottom: 3px solid #ccc;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 0; }
        .add-employee-page .wrapper_div.eku_wrapper_div .member .member_heading p {
          margin-bottom: 0;
          font-weight: 600;
          text-transform: uppercase;
          line-height: 16px;
          padding-top: 0 !important; }
      .add-employee-page .wrapper_div.eku_wrapper_div .member .eku-member-table {
        width: 100%; }
        .add-employee-page .wrapper_div.eku_wrapper_div .member .eku-member-table .branch-name #branch_name {
          width: 100% !important; }
      .add-employee-page .wrapper_div.eku_wrapper_div .member .eku-per-info-upload-image {
        height: 80px; }
        .add-employee-page .wrapper_div.eku_wrapper_div .member .eku-per-info-upload-image .employee-img {
          height: 80px;
          width: 80px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-align: center;
          margin-top: 10px;
          border: 1px dotted #ccc; }
          .add-employee-page .wrapper_div.eku_wrapper_div .member .eku-per-info-upload-image .employee-img img {
            margin: 0 auto; }
        .add-employee-page .wrapper_div.eku_wrapper_div .member .eku-per-info-upload-image input {
          display: inline-block;
          border: none !important; }
    .add-employee-page .wrapper_div.eku_wrapper_div .eku-employee-save-btn-area {
      display: block;
      padding: 15px 0;
      background: #ccc;
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      overflow: hidden;
      text-align: right;
      padding-right: 20px; }
      .add-employee-page .wrapper_div.eku_wrapper_div .eku-employee-save-btn-area:before {
        position: absolute;
        content: "";
        left: -30px;
        top: 0;
        width: 55%;
        height: 100%;
        background: #222;
        transform: skew(-40deg);
        border-right: 6px solid #fff; }
    .add-employee-page .wrapper_div.eku_wrapper_div .widget {
      height: 100%;
      overflow: hidden; }
    .add-employee-page .wrapper_div.eku_wrapper_div .form-title {
      padding: 10px 15px;
      background: #ccc;
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      overflow: hidden;
      padding-left: 40px;
      z-index: 0; }
      .add-employee-page .wrapper_div.eku_wrapper_div .form-title h4 {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0 0;
        display: inline-block;
        width: 56%;
        float: left;
        line-height: 32px; }
      .add-employee-page .wrapper_div.eku_wrapper_div .form-title:before {
        position: absolute;
        content: "";
        right: -40px;
        top: 0;
        width: 65%;
        background: #222;
        height: 100%;
        transform: skew(40deg);
        border-left: 5px solid #fff;
        z-index: -1; }

.top100 {
  top: 100px !important; }

.add-employee-page.samity-close-add-page .wrapper_div.eku_wrapper_div .member .member_heading {
  margin-bottom: 60px; }

.eku-member-info-single-row {
  width: 100%;
  display: table-row; }
  .eku-member-info-single-row .eku-employee-label {
    display: block;
    font-size: 10px;
    font-weight: 600;
    color: #6a6a6a;
    margin-top: 0px;
    line-height: 15px;
    margin-bottom: 2px; }
  .eku-member-info-single-row em {
    display: inline-block;
    width: 10px;
    height: 10px;
    font-size: 16px;
    margin-left: 0px;
    color: red;
    text-align: center;
    line-height: 10px;
    position: relative;
    top: 1px;
    display: none; }
  .eku-member-info-single-row input {
    width: 65%;
    height: 23px;
    border: 1px solid #ccc;
    padding: 0 10px;
    color: #999;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px; }
  .eku-member-info-single-row select {
    width: 65%;
    height: 23px;
    border: 1px solid #ccc;
    padding: 0 10px;
    color: #999;
    font-size: 12px;
    border-radius: 0;
    margin-bottom: 10px;
    z-index: 0; }
  .eku-member-info-single-row .full-width-input {
    width: 100% !important; }

.input_error_message .eku-member-info-single-row input {
  width: 100%; }
.input_error_message .eku-member-info-single-row select {
  width: 100%; }
.input_error_message .eku-member-info-single-row textarea {
  width: 100%; }

.input-width85 .eku-member-info-single-row input,
.input-width85 .eku-member-info-single-row select,
.input-width85 .eku-member-info-single-row textarea {
  width: 85%; }

.monyh-wise-loan-report-page .eku-member-info-single-row select {
  width: auto; }

.save {
  text-align: right; }

.eku-add-employee-save-btn {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 19px;
  background: #222;
  color: #fff;
  transition: 0.4s;
  border: 1px solid transparent;
  font-size: 12px;
  cursor: pointer;
  padding: 0 10px; }
  .eku-add-employee-save-btn:hover {
    background: lavender;
    color: #222 !important; }
  .eku-add-employee-save-btn img {
    max-width: 20px;
    position: relative;
    top: -2px;
    margin-right: 5px; }

.eku-add-employee-save-btn:last-child {
  margin-right: 0; }

button.btn.btn-default.eku-add-employee-save-btn.eku-add-employee-save-btn-up {
  margin-right: 0; }

.eku-add-employee-save-btn:hover,
.eku-add-employee-save-btn:active,
.eku-add-employee-save-btn:focus {
  background: lavender;
  border: 1px solid transparent !important;
  color: #222 !important;
  outline: none; }

.eku-data-table-body tr {
  transition: .4s; }
  .eku-data-table-body tr:hover th {
    color: #222 !important; }
.eku-data-table-body img {
  width: 15px !important; }

.eku-main-table-area {
  display: block; }
  .eku-main-table-area table {
    margin-bottom: 0;
    width: 100%;
    border-collapse: collapse; }
    .eku-main-table-area table thead.eku-table-head {
      border: 1px solid #ccc; }
    .eku-main-table-area table td,
    .eku-main-table-area table th {
      padding: 0;
      display: table-cell;
      vertical-align: middle !important;
      width: 40px;
      padding: 0 !important;
      color: #fff; }
    .eku-main-table-area table table th {
      background: #000;
      color: #fff;
      text-align: center; }
    .eku-main-table-area table td:first-child {
      vertical-align: top !important; }
  .eku-main-table-area tr.eku-table-head-row {
    background: #222;
    color: #fff; }
  .eku-main-table-area tr {
    /*  Extra CSS End */
    /*  action-btns CSS Start */
    /*  action-btns CSS End */ }
    .eku-main-table-area tr th.eku-table-heads {
      border: none;
      vertical-align: middle;
      text-align: center;
      background: -webkit-linear-gradient(top, #000 0%, #000 102%);
      background: linear-gradient(top, #000 0%, #000 102%);
      color: #fff; }
    .eku-main-table-area tr .eku-table-heading-serial {
      font-size: 12px !important; }
    .eku-main-table-area tr td.eku-data-serial {
      background: transparent;
      color: #222;
      font-size: 11px !important; }
    .eku-main-table-area tr td {
      color: #000;
      font-size: 9px;
      width: 40px;
      text-align: center;
      line-height: 24px !important; }
    .eku-main-table-area tr td {
      border-right: 1px solid #ddd !important; }
    .eku-main-table-area tr th.action {
      text-align: center;
      border-right: none !important; }
    .eku-main-table-area tr .eku-action-btns {
      width: 75%;
      display: inline-flex; }
      .eku-main-table-area tr .eku-action-btns form {
        line-height: 15px;
        flex: 1; }
      .eku-main-table-area tr .eku-action-btns button {
        display: inline-block;
        border: none;
        font-size: 15px;
        cursor: pointer;
        /* height: auto !important; */
        background: transparent;
        color: red;
        width: 15px !important;
        height: 15px !important;
        line-height: 17px !important;
        flex: 1; }
      .eku-main-table-area tr .eku-action-btns a {
        display: inline-block;
        border: none;
        font-size: 15px;
        cursor: pointer;
        width: 20px !important;
        /* height: auto !important; */
        background: transparent;
        margin: 0 3px;
        /* line-height: 15px; */ }
  .eku-main-table-area input[type=checkbox],
  .eku-main-table-area input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    display: inline-block;
    width: 11px;
    height: 11px;
    position: relative; }
  .eku-main-table-area td {
    padding: 0 !important;
    font-size: 9px;
    color: #222; }

.span5.eku-create-permission-single-table {
  width: 545px; }

.tab-pane.fade.active {
  overflow: hidden; }

.eku-main-table-area tr td.addTitleBar {
  border-right: none !important; }

.eku-table-head-row th {
  color: #fff;
  font-size: 9px;
  width: 40px;
  height: 30px;
  text-align: center;
  border: none !important;
  border-right: 1px solid #666 !important;
  background: #000 !important;
  text-align: center !important; }
  .eku-table-head-row th:last-child {
    border-right: none !important; }

.eku-report-table .eku-table-head-row th {
  border-right: 1px solid #ccc !important; }
  .eku-report-table .eku-table-head-row th:last-child {
    border-right: none !important; }

.saving-product-page .eku-add-employee-save-btn {
  height: 20px !important; }

/* Table Footer-area Style Start */
.eku-table-area-footer {
  background: #ccc;
  overflow: hidden;
  padding: 15px 20px;
  border-radius: 0px 0px 10px 10px;
  text-align: right;
  position: relative;
  z-index: 0; }
  .eku-table-area-footer:before {
    position: absolute;
    content: "";
    left: -40px;
    top: 0;
    width: 73%;
    background: #222;
    height: 100%;
    transform: skew(40deg);
    border-right: 5px solid #fff;
    z-index: -1; }
  .eku-table-area-footer button {
    font-size: 11px;
    padding: 0 10px; }
  .eku-table-area-footer .eku-footer-pagination-area {
    display: inline-block;
    max-width: 60%;
    float: left;
    min-width: 25%; }
    .eku-table-area-footer .eku-footer-pagination-area .pagination {
      margin: 0;
      float: left; }
      .eku-table-area-footer .eku-footer-pagination-area .pagination li {
        margin-right: 2px;
        width: 30px;
        height: 30px;
        line-height: 27px;
        text-align: center;
        border: 1px solid #222;
        cursor: pointer;
        display: inline-block; }
        .eku-table-area-footer .eku-footer-pagination-area .pagination li a {
          color: #222;
          background: #ccc;
          font-size: 12px;
          width: 100%;
          height: 100%;
          line-height: 21px; }
          .eku-table-area-footer .eku-footer-pagination-area .pagination li a:hover {
            background: lavender;
            color: #222; }
        .eku-table-area-footer .eku-footer-pagination-area .pagination li:first-child {
          border-right: 1px solid #222;
          width: 30px;
          line-height: 25px;
          display: inline-block; }
          .eku-table-area-footer .eku-footer-pagination-area .pagination li:first-child a {
            font-size: 24px;
            line-height: 18px; }
          .eku-table-area-footer .eku-footer-pagination-area .pagination li:first-child span {
            font-size: 24px; }
        .eku-table-area-footer .eku-footer-pagination-area .pagination li:last-child {
          border-right: 1px solid #222;
          width: 30px;
          line-height: 25px; }
          .eku-table-area-footer .eku-footer-pagination-area .pagination li:last-child a {
            font-size: 24px;
            line-height: 23px; }
          .eku-table-area-footer .eku-footer-pagination-area .pagination li:last-child span {
            font-size: 24px; }
      .eku-table-area-footer .eku-footer-pagination-area .pagination li.active a {
        color: #fff;
        background: #ccc; }
        .eku-table-area-footer .eku-footer-pagination-area .pagination li.active a:hover {
          background: lavender;
          color: #222; }
      .eku-table-area-footer .eku-footer-pagination-area .pagination li.active span {
        background: #222 !important;
        border: 1px solid #ccc;
        color: #fff !important; }
      .eku-table-area-footer .eku-footer-pagination-area .pagination .pagination-btn {
        width: 60px !important;
        margin-right: 10px !important; }
        .eku-table-area-footer .eku-footer-pagination-area .pagination .pagination-btn a {
          color: #222;
          background: #ccc; }
      .eku-table-area-footer .eku-footer-pagination-area .pagination .pagination-btn.next-btn {
        margin-left: 10px; }
    .eku-table-area-footer .eku-footer-pagination-area .pagination > li > a,
    .eku-table-area-footer .eku-footer-pagination-area .pagination > li > span {
      padding: 3px;
      width: 30px;
      height: -webkit-fill-available;
      height: -moz-available;
      line-height: 23px; }
  .eku-table-area-footer .eku-footer-btn-area {
    display: inline-block;
    float: right;
    min-width: 20%;
    max-width: 30%; }
    .eku-table-area-footer .eku-footer-btn-area .eku-footer-btn {
      display: inline-block;
      border-radius: 0;
      height: 30px;
      background: #222;
      font-size: 12px; }
  .eku-table-area-footer .eku-footer-back-btn-area {
    display: inline-block;
    float: left;
    min-width: 20%;
    max-width: 100%;
    margin-top: 3px; }
    .eku-table-area-footer .eku-footer-back-btn-area .back-button {
      text-align: left; }
    .eku-table-area-footer .eku-footer-back-btn-area .eku-back-to-all-btn {
      background: lavender !important;
      border-radius: 0;
      color: #222;
      font-weight: 600; }
    .eku-table-area-footer .eku-footer-back-btn-area a {
      color: #000 !important; }
  .eku-table-area-footer .eku-employee-save-btn-area {
    width: 30%;
    float: right; }

.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
  line-height: 16px;
  outline: none; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option:focus {
  outline: none;
  border: 1px solid transparent; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 180px !important;
  height: 18px !important;
  margin-bottom: 12px;
  margin-top: -2px; }

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

.bootstrap-select .btn {
  width: 100%;
  padding-right: 0;
  padding: 0;
  font-size: 12px;
  background: #fff;
  border: 1px solid #ccc;
  color: #999;
  text-align: center;
  border-radius: 0;
  text-transform: lowercase;
  height: 23px !important;
  border-radius: 0 !important;
  z-index: 0 !important; }
.bootstrap-select .btn-default:hover {
  color: #999;
  background-color: #fff;
  border-color: #ccc; }

.bootstrap-select.btn-group .dropdown-menu {
  min-width: 60%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%; }

.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
  font-size: 10px;
  padding-left: 0; }

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: #333;
  background-color: transparent;
  border-color: #8c8c8c;
  box-shadow: none; }

.eku-add-employee-btn .btn.btn-default {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  padding: 0; }

.eku-add-employee-btn .btn-default.active.focus,
.eku-add-employee-btn .btn-default.active:focus,
.eku-add-employee-btn .btn-default.active:hover,
.eku-add-employee-btn .btn-default:active.focus,
.eku-add-employee-btn .btn-default:active:focus,
.eku-add-employee-btn .btn-default:active:hover {
  border: 1px solid transparent; }

.btn.active,
.btn:active {
  -webkit-box-shadow: inset 0 3px 5px transparent;
  box-shadow: inset 0 3px 5px transparent; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px transparent;
  box-shadow: inset 0 3px 5px transparent; }

.samity-add-page .eku-member-info-single-row input {
  margin-bottom: 10px; }
.samity-add-page .eku-member-info-single-row select {
  margin-bottom: 10px; }
.samity-add-page .eku-member-info-single-row button {
  margin-bottom: 10px; }

.add-employee-page.samity-add-page .wrapper_div.eku_wrapper_div {
  padding: 50px 40px; }

.add-employee-page.samity-transfer-add-page .wrapper_div.eku_wrapper_div {
  padding: 55px 40px; }

/* Table Footer-area Style Start */
.overall-config-page .eku-main-table-area input[type=checkbox],
.overall-config-page .eku-main-table-area input[type=radio] {
  top: -2px; }

.overall-config-page.pomis3-page .eku-main-table-area input[type=checkbox],
.overall-config-page.pomis3-page .eku-main-table-area input[type=radio] {
  top: 1px; }

select.form-control:not([size]):not([multiple]) {
  height: calc(16px + 2px); }

/* Table Header-Button Style Start */
.eku-employee-save-btn-area-up {
  display: inline-block;
  width: 40.4%;
  z-index: 1;
  position: relative;
  top: 2px;
  text-align: right;
  line-height: 31px; }
  .eku-employee-save-btn-area-up .eku-add-employee-save-btn {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    background: lavender;
    color: #222;
    transition: 0.4s;
    border: 1px solid transparent;
    font-size: 12px;
    cursor: pointer;
    outline: none;
    border-radius: 0;
    padding: 0;
    margin-right: 0; }
    .eku-employee-save-btn-area-up .eku-add-employee-save-btn:hover {
      background: black;
      color: #fff !important;
      border: 1px solid transparent !important; }
    .eku-employee-save-btn-area-up .eku-add-employee-save-btn img {
      max-width: 20px;
      position: relative;
      top: -2px;
      margin-right: 0px; }
  .eku-employee-save-btn-area-up button.eku-add-employee-save-btn {
    padding: 0 10px;
    background: #222;
    border: 1px solid lavender;
    color: #fff; }
    .eku-employee-save-btn-area-up button.eku-add-employee-save-btn:hover {
      background: lavender;
      border: 1px solid lavender;
      color: #222 !important; }
    .eku-employee-save-btn-area-up button.eku-add-employee-save-btn:focus {
      border: 1px solid lavender !important;
      color: #fff !important; }

.report-page .eku-add-employee-save-btn {
  padding: 0 10px; }
  .report-page .eku-add-employee-save-btn:hover {
    background: black;
    color: #fff !important;
    border: 1px solid lavender !important; }
.report-page .wrapper_div.eku_wrapper_div {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 60px;
  border: 1px solid transparent;
  position: relative;
  height: 100% !important;
  overflow: hidden;
  min-height: 500px; }

.samity-day-sheet-view-page .Save button {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 0 10px;
  border: 1px solid #000;
  margin-top: 10px; }

/* Table Header-Button Style End */
/* table-header-area Style Start */
.table-header-area .eku-search-bar {
  display: block;
  background: #ccc;
  padding: 4px 10px;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  line-height: 20px;
  color: #fff;
  position: relative;
  z-index: 0; }
  .table-header-area .eku-search-bar:before {
    position: absolute;
    content: "";
    right: -40px;
    top: 0;
    width: 73%;
    background: #222;
    height: 100%;
    transform: skew(40deg);
    border-left: 5px solid #fff;
    z-index: -1; }
  .table-header-area .eku-search-bar .eku-add-employee-btn {
    display: inline-block;
    float: right;
    width: 100%; }

.top_heder_id {
  overflow: hidden; }

/* table-header-area Style End */
.widget-header {
  border-bottom: 1px solid transparent;
  margin-top: 0;
  float: left;
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: transparent !important;
  border: none !important; }
  .widget-header h3 {
    color: #222;
    font-size: 15px;
    margin: 0; }

.add-employee-page .widget-header {
  width: 59% !important;
  line-height: normal !important; }

.add-employee-page .widget-header [class^="icon-"],
.add-employee-page .widget-header [class*=" icon-"] {
  margin-left: 0;
  margin-right: 5px;
  font-size: 20px; }

/* =====================================================================
**************** add-employee-page Style End
======================================================================== */
/* =====================================================================
**************** Edit-employee-page Style Start
======================================================================== */
.employee-edit-page .wrapper_div.eku_wrapper_div .form-title:before {
  width: 63% !important; }
.employee-edit-page .wrapper_div.eku_wrapper_div .member .eku-member-table .eku-member-info-single-row .branch-name #branch_name {
  width: 50% !important; }
.employee-edit-page .wrapper_div.eku_wrapper_div .member_heading {
  padding-top: 7px !important; }
.employee-edit-page .eku-add-employee-save-btn:before {
  width: 53% !important; }
.employee-edit-page .eku-add-employee-save-btn img {
  margin-right: 0px; }

/* =====================================================================
**************** Edit-employee-page Style End
======================================================================== */
/* =====================================================================
**************** Employee create-role-page Style Start
======================================================================== */
section.add-employee-page.permission-role-page.create-role-edit-page .controls {
  width: 180px; }
section.add-employee-page.permission-role-page.create-role-edit-page .form-image-area {
  width: 43%;
  margin-top: 0; }
section.add-employee-page.permission-role-page.create-role-edit-page input,
section.add-employee-page.permission-role-page.create-role-edit-page textarea {
  border: 1px solid #cfcfcf;
  font-size: 10px;
  color: #222;
  padding: 0;
  padding-left: 10px;
  height: 18px;
  width: 100%; }
section.add-employee-page.permission-role-page.create-role-edit-page textarea {
  height: 60px; }
section.add-employee-page.permission-role-page.create-role-edit-page .widget-content {
  margin-bottom: 0; }
section.add-employee-page.permission-role-page.create-role-edit-page .eku-footer-btn-area {
  display: inline-block;
  float: right !important;
  min-width: 50%;
  max-width: 30%; }

section.add-employee-page.permission-role-page.create-role-edit-page input,
section.add-employee-page.permission-role-page.create-role-edit-page textarea {
  width: auto !important; }

section.add-employee-page.general-config-page input#submit {
  width: 76px !important;
  height: 30px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #ccc; }
section.add-employee-page.general-config-page .addTitleBar input#submit {
  line-height: 21px; }

section.add-employee-page.permission-role-page.create-role-edit-page.user-page .form-actions input {
  width: 76px !important;
  font-weight: 500;
  border: 1px solid #ccc;
  padding: 0; }

/* =====================================================================
**************** Employee create-role-page Style End
======================================================================== */
/* =====================================================================
**************** Employee Create-Permission-page Style Start
======================================================================== */
.add-employee-page.creat-permission-page .eku_wrapper_div {
  padding: 0 10px 0;
  margin: 0 auto 50px;
  min-height: 500px; }
.add-employee-page.creat-permission-page .eku-action-btn {
  display: inline-block;
  width: 100%;
  /* border: none; */
  border-radius: 0;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  font-size: 12px; }

.creat-permission-page .eku-employee-permission-top-area {
  width: 100%;
  margin: 0 auto; }
  .creat-permission-page .eku-employee-permission-top-area .eku-heading {
    display: block;
    padding: 5px 0;
    /* background: #efefef; */
    margin-bottom: 30px;
    border-bottom: 3px solid #ccc;
    padding-bottom: 5px; }
  .creat-permission-page .eku-employee-permission-top-area h2 {
    font-size: 18px;
    margin: 0; }
  .creat-permission-page .eku-employee-permission-top-area p {
    margin: 0; }
.creat-permission-page .eku-main-table-area {
  display: block; }
  .creat-permission-page .eku-main-table-area tr th.no-border {
    border: none !important; }
  .creat-permission-page .eku-main-table-area .permission-role-action-btns form {
    line-height: 15px; }
    .creat-permission-page .eku-main-table-area .permission-role-action-btns form button {
      display: inline-block;
      width: 15px;
      font-size: 12px;
      line-height: 15px;
      border: none;
      height: 15px;
      background: transparent !important;
      color: red; }
  .creat-permission-page .eku-main-table-area .permission-role-action-btns button {
    display: flex;
    width: 20px;
    font-size: 12px;
    line-height: 15px;
    margin: 0 6px;
    border: none;
    height: 12px;
    background: transparent !important;
    color: red;
    flex-direction: column;
    justify-content: center; }
    .creat-permission-page .eku-main-table-area .permission-role-action-btns button:hover {
      transform: scale(1.2); }
.creat-permission-page .wrapper_div.eku_wrapper_div .form-title:before {
  width: 60%; }
.creat-permission-page .wrapper_div.eku_wrapper_div .form-title h3 {
  margin: 0;
  font-size: 18px; }
.creat-permission-page .eku-create-permission-single-table {
  position: relative;
  padding-top: 40px;
  margin-bottom: 30px; }

/* =====================================================================
**************** Employee Create-Permission-page Style End
======================================================================== */
/* =====================================================================
**************** Employee Permission-role-page Style Start
======================================================================== */
.permission-role-page button.btn.btn-default {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none; }

th.eku-table-heads.eku-action-head {
  width: 50%;
  font-size: 12px; }

.btn-danger:hover {
  background: transparent;
  color: red; }

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  background-color: lavender;
  border-color: #222;
  color: #222; }

.btn-success.active {
  transition: .4s; }

.permission-role-action-btns button {
  display: inline-block;
  width: 30px;
  border: none;
  margin: 0 5px;
  font-size: 12px;
  cursor: pointer;
  background: transparent;
  color: red; }
.permission-role-action-btns i.fa.fa-pencil-square-o {
  color: #2a6496 !important; }

.eku-table-area-footer.eku-permission-table-area-footer {
  padding: 15px !important; }

/* =====================================================================
**************** Employee Permission-role-page Style End
======================================================================== */
/* =====================================================================
**************** Employee Permission-Edit-page Style Start
======================================================================== */
.permission-edit-btn {
  display: inline-block;
  background: #000;
  border-radius: 0;
  margin: 40px 0;
  border: 1px solid #222;
  font-size: 12px; }

/* =====================================================================
**************** Employee Permission-Edit-page Style End
======================================================================== */
/* =====================================================================
**************** Employee Permission-Edit-page Style Start
======================================================================== */
label.control-label.eku-employee-label {
  font-size: 12px;
  font-weight: 500;
  color: #333; }

.addForm input,
.addForm button {
  background: #000;
  display: inline-block;
  width: 80px !important;
  height: 30px !important;
  margin: 0 10px;
  font-size: 12px;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: .4s;
  color: #fff; }

table.addForm {
  margin-top: 60px;
  text-align: center; }
  table.addForm td.addTitleBar {
    width: 100% !important; }
  table.addForm .buttons {
    width: 100%; }

.widget-title {
  margin: 40px 0 0 0px;
  border-bottom: 1px solid #ccc; }

.radio_div input {
  width: auto !important; }

.radio_div input[type="radio"] {
  position: relative;
  top: 2.5px;
  margin-right: 10px; }

.widget-title:nth-child(2),
.widget-title:nth-child(3),
.widget-title:nth-child(4) {
  margin-top: 0; }

/* =====================================================================
**************** General Configuration-page Style End
======================================================================== */
/* =====================================================================
**************** Funding Organization-page Style Start
======================================================================== */
.funding-organization-page .form-group {
  margin-bottom: 0; }
  .funding-organization-page .form-group .col-form-label {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 10px;
    line-height: 18px; }
  .funding-organization-page .form-group input {
    height: 20px;
    margin-bottom: 0 !important; }
.funding-organization-page .form-control {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  padding-left: 10px; }



/* =====================================================================
**************** Funding Organization-page Style End
======================================================================== */
/* =====================================================================
**************** Employee Permission-role-page Style End
======================================================================== */
.user-page .widget-box {
  position: relative; }
.user-page .container {
  height: 100%; }
.user-page ul.nav.nav-tabs li {
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 0px; }
  .user-page ul.nav.nav-tabs li a {
    display: inline-block;
    padding: 5px 15px;
    position: relative;
    border: 1px solid #ccc;
    color: #222;
    font-size: 12px;
    border-radius: 0; }
    .user-page ul.nav.nav-tabs li a:before {
      position: absolute;
      content: "";
      right: 0;
      top: 0;
      width: 1px;
      height: 100%;
      /* background: red; */ }
.user-page ul.nav.nav-tabs li.active a {
  color: #e25f5f; }
.user-page .user-page-user-access-box {
  max-width: 400px;
  padding: 15px;
  border: 1px solid #cfcfcf;
  margin: 30px 0 0;
  min-height: 380px; }
  .user-page .user-page-user-access-box .widget-title {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 3px solid #efefef;
    padding-bottom: 7px; }
    .user-page .user-page-user-access-box .widget-title span {
      display: inline-block;
      width: 24px;
      line-height: 28px;
      font-size: 20px;
      margin-right: 5px;
      color: #ccc; }
    .user-page .user-page-user-access-box .widget-title h5 {
      margin: 0;
      font-size: 24px;
      font-weight: 700;
      color: #ccc; }
  .user-page .user-page-user-access-box .control-group {
    display: block;
    margin-bottom: 15px; }
    .user-page .user-page-user-access-box .control-group label.control-label {
      margin: 0;
      font-size: 12px; }
    .user-page .user-page-user-access-box .control-group select {
      width: 100%;
      height: 18px;
      font-size: 10px;
      border: 1px solid #ccc;
      padding-top: 0; }
  .user-page .user-page-user-access-box .form-actions input {
    display: inline-block;
    width: 80px !important;
    background: #222;
    color: #fff !important;
    height: 30px;
    border-radius: 0;
    border: 1px solid #222 !important; }

section.add-employee-page.permission-role-page.create-role-edit-page.user-page .form-image-area {
  width: 43%;
  margin-top: 0;
  top: 0; }

.form-group {
  margin-bottom: 0; }

label.control-label {
  font-size: 11px;
  text-align: left !important; }

/* =====================================================================
**************** Employee Permission-role-page Style End
======================================================================== */
/* =====================================================================
**************** Config District page Style Start
======================================================================== */
.district-page form {
  max-width: 85% !important;
  min-width: 50% !important; }
.district-page .search-main-content select {
  width: 120px !important; }
.district-page .search-main-content select.divison_data {
  width: 100px !important; }
.district-page .back-to-all-pagination .pagination {
  margin: 0; }
.district-page .back-to-all-pagination li:first-child {
  width: 40px !important;
  margin-right: 10px !important;
  height: 30px;
  line-height: 27px;
  text-align: center;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: #222222;
  border-image: initial;
  color: #fff;
  background: #222; }
  .district-page .back-to-all-pagination li:first-child a {
    font-size: 30px !important;
    line-height: 16px !important; }
  .district-page .back-to-all-pagination li:first-child span {
    font-size: 30px !important;
    line-height: 16px !important;
    width: 100%;
    height: 100%; }
.district-page .back-to-all-pagination li:last-child {
  width: 60px !important;
  margin-left: 10px !important;
  height: 30px;
  line-height: 19px;
  text-align: center;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: #222222;
  border-image: initial;
  color: #fff;
  background: #222; }
  .district-page .back-to-all-pagination li:last-child span {
    font-size: 30px !important;
    line-height: 23px !important;
    color: #fff !important; }
  .district-page .back-to-all-pagination li:last-child a {
    font-size: 30px !important;
    line-height: 23px !important;
    color: #fff !important; }
.district-page .back-to-all-pagination li:hover a {
  background: lavender;
  color: #222; }
.district-page .back-to-all-pagination li:hover span {
  background: lavender;
  color: #222; }
.district-page .back-to-all-pagination li span {
  width: 100%;
  height: 100%;
  line-height: 28px;
  padding: 0;
  cursor: pointer; }
.district-page .back-to-all-pagination li.active {
  background: #222; }
  .district-page .back-to-all-pagination li.active span {
    color: #fff; }
  .district-page .back-to-all-pagination li.active a {
    color: #fff; }

.search-main-content {
  background: transparent;
  overflow: visible; }
  .search-main-content h4 {
    display: inline-block;
    width: 18%;
    margin: 0;
    font-size: 14px;
    font-size-w: 700; }

/* =====================================================================
**************** Config District page Style End
======================================================================== */
/* =====================================================================
**************** Config Page Style Start
======================================================================== */
/* area-page style start */
/* area-page style End */
/* area-page style start */
/* area-page style End */
/* working-page style Start */
.working-page form {
  max-width: 80% !important;
  min-width: 50% !important; }

/* working-page style End */
/* =====================================================================
**************** Config page Style End
======================================================================== */
/* =====================================================================
**************** General Config Page Style Strart
======================================================================== */
.general-config-page form {
  margin: 0 0 0;
  width: 100%; }
.general-config-page .wrapper_div.eku_wrapper_div {
  width: 100%; }
.general-config-page .widget-title {
  margin-top: 10px; }
.general-config-page hr {
  margin: 10px 0; }

/* =====================================================================
**************** General Config Page Style End
======================================================================== */
/* =====================================================================
**************** Holyday Configuration page Style Start
======================================================================== */
.holyday-page .holyday-search-area {
  margin-bottom: 15px; }
.holyday-page .eku-main-table-area button {
  padding: 0 10px;
  cursor: pointer; }

.eku-add-employee-btn .add-field-style a {
  padding: 0 !important;
  text-align: center;
  line-height: 19px;
  font-size: 13px;
  display: inline-block;
  height: 21px;
  border-radius: 0;
  width: 40px; }

.eku-add-employee-btn .add-field-style a i {
  margin: 0; }

.transparent-border .btn.btn-default {
  border: 1px solid transparent; }

/* =====================================================================
**************** Holyday Configuration page Style End
======================================================================== */
/* =====================================================================
**************** Holyday Configuration page Style Start
======================================================================== */
.branch-opening-page .eku-table-area-footer input.eku-add-employee-save-btn {
  height: 24px;
  background: #000;
  font-size: 11px; }
.branch-opening-page .eku-table-area-footer input.eku-add-employee-save-btn:hover {
  background: lavender; }

/* =====================================================================
**************** Holyday Configuration page Style End
======================================================================== */
/* =====================================================================
**************** Holyday Configuration page Style Start
======================================================================== */
.regular-loan-accounts-view .eku-main-table-area tr td {
  text-align: left;
  padding-left: 40px !important; }
.regular-loan-accounts-view .table-striped > tbody > tr:nth-child(odd) > td,
.regular-loan-accounts-view .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #dedede !important; }

/* =====================================================================
**************** Holyday Configuration page Style End
======================================================================== */
/* =====================================================================
**************** area-office-page Style Start
======================================================================== */
.district-page.district-office-page.area-office-page .search-main-content select {
  width: auto !important; }

/* =====================================================================
**************** area-office-page Style End
======================================================================== */
/* =====================================================================
**************** branch-page Style Start
======================================================================== */
.district-page.district-office-page.branch-page .search-main-content form {
  max-width: 89% !important; }
  .district-page.district-office-page.branch-page .search-main-content form select {
    width: 120px !important; }

/* =====================================================================
**************** branch-page Style End
======================================================================== */
/* =====================================================================
**************** district-office-page Style Start
======================================================================== */
.district-page.district-office-page .permission-role-action-btns {
  width: 50%; }
  .district-page.district-office-page .permission-role-action-btns form {
    max-width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    line-height: 15px;
    margin: 0 2px !important; }
    .district-page.district-office-page .permission-role-action-btns form button {
      line-height: 15px !important;
      height: 15px !important;
      background: transparent;
      color: red;
      font-size: 14px !important; }

/* =====================================================================
**************** district-office-page Style End
======================================================================== */
/* =====================================================================
**************** district-office-page Style Start
======================================================================== */
.district-page.district-office-page.branch-page .permission-role-action-btns {
  width: 30%; }
  .district-page.district-office-page.branch-page .permission-role-action-btns button {
    line-height: 15px !important;
    height: 15px !important;
    background: transparent;
    color: red;
    font-size: 14px !important; }

/* =====================================================================
**************** district-office-page Style End
======================================================================== */
/* =====================================================================
**************** loan-product-create-page Style Start
======================================================================== */
.add-employee-page.loan-product-create-page .wrapper_div.eku_wrapper_div {
  padding: 73px 40px; }
  .add-employee-page.loan-product-create-page .wrapper_div.eku_wrapper_div .form-title h4 {
    width: 50%; }

/* =====================================================================
**************** loan-product-create-page Style End
======================================================================== */
/* =====================================================================
**************** loan-product-create-page Style Start
======================================================================== */
.product-category-view-page .eku-main-table-area tr td {
  text-align: left;
  padding-left: 10px !important; }

/* =====================================================================
**************** loan-product-create-page Style End
======================================================================== */
/* =====================================================================
**************** loan-product-create-page Style Start
======================================================================== */
.loan_rebetes_add_page .eku-employee-save-btn-area-up {
  width: 43.4%; }

/* =====================================================================
**************** loan-product-create-page Style End
======================================================================== */
/* =====================================================================
**************** member-migration-page Style Start
======================================================================== */
.member-migration-page .eku-search-label {
  display: inline-block;
  margin-right: 10px; }
.member-migration-page .span4.eku-migration-process-btn {
  display: inline;
  width: 281px; }
.member-migration-page .search-area input.btn {
  display: inline-block;
  width: 50% !important;
  color: #fff !important; }
.member-migration-page .eku-migration-process-btn button.start_migration_process {
  display: inline-block;
  width: 78%;
  font-size: 9px; }
.member-migration-page input.btn {
  background: #222;
  border: none;
  border-radius: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  margin-right: 10px; }
.member-migration-page input.btn.Edit {
  background: #222;
  border: none;
  border-radius: 0;
  margin: 0 10px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  width: 80px !important; }
.member-migration-page .migration-page-member-table #add_new_member {
  background: #efefef !important; }
.member-migration-page .migration-page-member-table #add_new_member input,
.member-migration-page .migration-page-member-table #add_new_member select {
  width: 150px !important;
  padding-left: 5px;
  height: 24px;
  color: #666;
  border: 1px solid #ccc;
  margin-bottom: 15px; }
.member-migration-page .migration-page-member-table #add_new_member input.btn.btn-sucess.Edit {
  width: 60px !important;
  line-height: 25px;
  color: #fff;
  margin-bottom: 30px;
  margin-left: 0; }
.member-migration-page .eku-main-table-area input {
  width: 66% !important;
  border: 1px solid #ccc;
  padding-left: 5px;
  cursor: pointer; }
.member-migration-page .eku-main-table-area select {
  width: 66% !important;
  height: 24px; }
.member-migration-page .eku-main-table-area .eku-migration-btn {
  display: inline-block;
  padding: 2px 15px;
  height: 26px;
  line-height: 21px;
  margin-top: 6px;
  margin-bottom: 10px;
  width: 80px !important; }
.member-migration-page .eku-main-table-area #add_new_member tr td {
  border-right: none !important;
  text-align: left; }

.permission-role-action-btns.samityday-timf-action-btn a {
  display: inline-block;
  width: 30px;
  border: none;
  margin: 0 5px;
  font-size: 12px;
  cursor: pointer; }

/* =====================================================================
**************** member-migration-page Style End
======================================================================== */
/* =====================================================================
**************** member-migration-page Style End
======================================================================== */
.loan-saving-migration-page .eku-main-table-area tr td {
  border-right: 1px solid transparent !important; }

button.gurantors_details.eku-generators-button {
  display: inline-block;
  width: 50px;
  margin-top: 10px;
  font-size: 20px;
  height: 30px; }

/* =====================================================================
**************** member-migration-page Style End
======================================================================== */
/* =====================================================================
**************** member-remigration-page Style Start
======================================================================== */
.loan-saving-remigration-page .migration_table_structure table.table.table-condensed.table-bordered tr td {
  background: lavender;
  border: 1px solid #222;
  /* border-top: 1px solid #222 !important; */ }
.loan-saving-remigration-page .migration_table_structure table.table.table-condensed.table-bordered thead tr td {
  border-top: 1px solid #222 !important; }

/* Loan and saving remigration report default style Start */
.s_save img {
  width: 20px !important; }

.s_delete img {
  width: 20px !important;
  margin-left: 20px; }

a#s_save {
  display: inline; }

a#s_delete {
  display: inline; }

.l_code {
  width: 20px !important; }

.l_delete {
  width: 20px !important; }

.l_code img {
  width: 20px !important; }

.l_delete img {
  width: 20px !important;
  margin-left: 20px; }

/* Loan and saving remigration report default style End */
/* =====================================================================
**************** member-remigration-page Style End
======================================================================== */
/* =====================================================================
**************** overall-config-page Style Start
======================================================================== */
.software-overview-config-page .eku-add-employee-btn input.overall-config-btn {
  display: inline-block;
  width: auto;
  height: 30px;
  background: #000;
  line-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: 0.4s; }

/* =====================================================================
**************** overall-config-page Style End
======================================================================== */
/* =====================================================================
**************** district-office-page Style Start
======================================================================== */
.district-page.district-office-page.overall-config-page .eku-main-table-area table.config-table {
  border: 1px solid #ccc; }
.district-page.district-office-page.overall-config-page .eku-main-table-area tr {
  border-bottom: 1px solid #ccc; }
  .district-page.district-office-page.overall-config-page .eku-main-table-area tr td.over-all-title {
    width: 50% !important;
    display: inline-block;
    text-align: left !important;
    padding-left: 20px !important;
    font-size: 12px !important; }
  .district-page.district-office-page.overall-config-page .eku-main-table-area tr td.over-all-title.full-height {
    height: 400px !important;
    flex-direction: column !important; }
.district-page.district-office-page.overall-config-page .eku-main-table-area tr.pomis3-title {
  background: lavender;
  text-align: center;
  line-height: 55px !important;
  padding: 10px 0 !important;
  height: 55px; }
  .district-page.district-office-page.overall-config-page .eku-main-table-area tr.pomis3-title td {
    font-size: 30px !important;
    line-height: 55px !important;
    border: none !important; }
.district-page.district-office-page.overall-config-page .eku-main-table-area table td,
.district-page.district-office-page.overall-config-page .eku-main-table-area table th {
  display: inline;
  font-size: 12px; }

/* =====================================================================
**************** district-office-page Style End
======================================================================== */
/* =====================================================================
**************** backup-page Style Start
======================================================================== */
.eku-backup-area {
  padding: 30px;
  background: #999; }
  .eku-backup-area li {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px; }

/* =====================================================================
**************** backup-page Style End
======================================================================== */
/* =====================================================================
**************** employees-department-page Style Start
======================================================================== */
.employees-department-page form {
  width: 100%; }

/* =====================================================================
**************** employees-department-page Style End
======================================================================== */
/* =====================================================================
**************** employees-designation-page Style Start
======================================================================== */
.district-page.employees-designation-page .search-area button.btn.btn-default.eku-add-employee-save-btn {
  width: auto;
  background: transparent;
  border: none;
  line-height: 18px;
  height: 23px !important; }
.district-page.employees-designation-page .search-main-content select {
  width: 120px !important;
  position: relative;
  margin-left: 5px; }
.district-page.employees-designation-page .search-main-content select.department_data.eku-employee-designation-select {
  width: 120px !important;
  top: -6px; }

button.btn.btn-default.eku-add-employee-save-btn.eku-add-employee-save-btn-up a {
  background: lavender;
  color: #222 !important; }

.select-no-margin .search-main-content select {
  top: -6px; }

/* =====================================================================
**************** employees-designation-page Style End
======================================================================== */
/* =====================================================================
**************** employees-designation-page Style Start
======================================================================== */
/* =====================================================================
**************** employees-designation-page Style End
======================================================================== */
/* =====================================================================
**************** employees-promotion-edit-page Style Start
======================================================================== */
.district-page.employees-designation-page.employees-promotion-edit-page .wrapper_div.eku_wrapper_div {
  width: 100%;
  margin: 0 auto 60px;
  padding: 60px 40px; }
  .district-page.employees-designation-page.employees-promotion-edit-page .wrapper_div.eku_wrapper_div .member_heading {
    padding-left: 0; }
.district-page.employees-designation-page.employees-promotion-edit-page .eku-employee-save-btn-area:before {
  width: 67%; }
.district-page.employees-designation-page.employees-promotion-edit-page form {
  max-width: 100% !important;
  width: 100%; }

.savings-adjustment-add-page .form-image-area {
  padding-top: 0;
  right: 40px;
  margin-top: 10px; }

.form-image-area {
  width: 46%;
  /* border: 1px solid #ccc; */
  background-size: cover !important;
  background-position: center center;
  margin-top: 0;
  position: absolute;
  top: 11px;
  right: 0; }
  .form-image-area:before {
    position: absolute;
    content: "";
    left: -50px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ccc; }

button.eku-employee-single-save-btn {
  padding: 0 6px;
  cursor: pointer;
  height: 28px;
  line-height: 24px; }

/* =====================================================================
**************** employees-promotion-edit-page Style End
======================================================================== */
/* =====================================================================
**************** zone-Add-page Style Start
======================================================================== */
.zone-entry-page select.form-control:not([size]):not([multiple]) {
  height: calc(16px + 7px); }

/* =====================================================================
**************** zone-Add-page Style End
======================================================================== */
/* =====================================================================
**************** zone-edit-page Style Start
======================================================================== */
.district-page.employees-designation-page.employees-promotion-edit-page.zone-page .wrapper_div.eku_wrapper_div {
  margin: 0 auto; }

/* =====================================================================
**************** zone-edit-page Style End
======================================================================== */
/* =====================================================================
**************** employees-promotion-edit-page Style Start
======================================================================== */
.samity-page .search-area input {
  width: 200px !important; }
.samity-page .search-area select {
  width: auto !important; }

.add-employee-page.samity-add-page .wrapper_div.eku_wrapper_div .eku-employee-save-btn-area {
  bottom: auto; }

.textarea-style .eku-member-info-single-row textarea {
  width: 58%; }

.low-width-input .eku-member-info-single-row select,
.low-width-input .eku-member-info-single-row input {
  width: auto; }

/* =====================================================================
**************** employees-promotion-edit-page Style End
======================================================================== */
/* =====================================================================
**************** employees-promotion-edit-page Style Start
======================================================================== */
.samity-add-page .form-image-area {
  width: 40%; }
  .samity-add-page .form-image-area:before {
    left: 0; }

/* =====================================================================
**************** employees-promotion-edit-page Style End
======================================================================== */
/* =====================================================================
**************** employees-promotion-edit-page Style Start
======================================================================== */
.samity-add-page.samity-transfer-add-page .form-image-area {
  width: 50%;
  top: 50px; }

/* =====================================================================
**************** employees-promotion-edit-page Style End
======================================================================== */
/* =====================================================================
**************** Add-member-info-page Style Start
======================================================================== */
.dashboard-area .dashboard-right-area .member-info-page .search-area input {
  width: 100px !important; }

.add-employee-page .eku-member-info-single-row input.employee-nominee-btn {
  width: 80px !important;
  background: red !important;
  color: #fff !important;
  border-radius: 0;
  line-height: 18px;
  margin-bottom: 0 !important; }

.add-employee-page #nominee_details_tbody .eku-member-info-single-row input {
  margin-bottom: 0 !important; }

.add-employee-page .wrapper_div.eku_wrapper_div .member.nominee-details-area .eku-per-info-upload-image input {
  display: inline-block;
  border: 1px solid #ccc !important; }

.add-employee-page.member-info-page .wrapper_div.eku_wrapper_div .member .eku-per-info-upload-image .employee-img {
  margin-top: 0; }

.add-nominee-btn input {
  width: 120px !important;
  height: 20px !important;
  border-radius: 0;
  background: #222;
  color: #fff !important;
  font-size: 10px;
  border: 1px solid #222;
  line-height: 11px; }

#remove_this_nominee_details {
  width: 80px !important;
  background: red !important;
  color: #fff !important;
  border-radius: 0;
  margin-bottom: 0 !important;
  line-height: 0;
  font-size: 12px;
  height: 22px; }

.eku-member-info-single-row select#m_religion {
  width: 100%; }

/* =====================================================================
**************** Add-member-info-page Style End
======================================================================== */
/* =====================================================================
**************** employees-promotion-edit-page Style Start
======================================================================== */
.samity-edit-page form {
  max-width: 100% !important; }
.samity-edit-page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 58%; }
.samity-edit-page .btn-group > .btn:first-child {
  margin-left: 0;
  font-size: 11px;
  border-radius: 0;
  background: #000;
  /* border: none; */
  width: 129%;
  color: #fff;
  padding: 0 5px; }
.samity-edit-page .form-image-area {
  position: relative;
  overflow: hidden;
  float: left; }
  .samity-edit-page .form-image-area .alert.alert-danger {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0; }

tr.eku-member-info-single-row.eku-per-info-upload-image input {
  width: auto; }

.eku-member-info-single-row input.transfer-checkbox.width60 {
  width: 21px !important; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  color: #999;
  background-color: transparent;
  border-color: #ccc; }

.affix {
  position: relative !important; }

table {
  border-collapse: collapse;
  width: 100%; }

.voucher_form th {
  color: #fff;
  font-size: 10px;
  width: 100px; }

/* =====================================================================
**************** employees-promotion-edit-page Style End
======================================================================== */
/* =====================================================================
**************** member-information-edit-page Style Start
======================================================================== */
.span8 {
  width: 100%; }

.add-employee-page.member-attendence-page .wrapper_div.eku_wrapper_div .member .member_heading {
  margin-bottom: 60px; }

/* This style for all Header and footer buttons.. Here is specially for member-information-edit-page Start */
.eku-employee-single-save-btn button {
  padding: 0 10px; }

/* This style for all Header and footer buttons.. Here is specially for member-information-edit-page End */
.employee-img.employee-sign-img {
  width: 300px !important;
  height: 60px !important;
  margin-top: 0 !important; }

.member-information-edit-page .wrapper_div.eku_wrapper_div {
  width: 100%; }
  .member-information-edit-page .wrapper_div.eku_wrapper_div .form-title h4 img {
    display: inline-block;
    margin-right: 10px; }
.member-information-edit-page textarea {
  width: 90% !important;
  height: 40px;
  font-size: 11px !important; }
.member-information-edit-page input.continue-checkbox {
  width: 30px !important;
  margin-top: 0; }
.member-information-edit-page input.continue-checkbox.checkbox-no-margin {
  margin-top: 0; }
.member-information-edit-page td.auto-style12 {
  max-width: 120px; }
.member-information-edit-page .wrapper_div.eku_wrapper_div .member {
  margin-bottom: 0; }

.death_member.member {
  display: inline-block;
  padding: 55px 10px;
  border: 1px dashed #ccc;
  padding-top: 10px; }

.member-heading-menu-area {
  padding: 15px 0;
  /* background: #222; */
  text-align: center;
  display: block;
  border: 1px solid #ccc;
  background: url(/css/ais/theme-opt-bg5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 14px; }
  .member-heading-menu-area ul.nav.nav-tabs {
    border-bottom: 1px solid transparent;
    display: inline-block; }
    .member-heading-menu-area ul.nav.nav-tabs li {
      display: inline-block;
      margin-right: 8px;
      border: 1px solid #ccc;
      width: 130px; }
      .member-heading-menu-area ul.nav.nav-tabs li a {
        padding: 7px 15px;
        font-size: 12px;
        width: 100%;
        height: 100%;
        color: #222; }

.add-employee-page.member-information-edit-page .wrapper_div.eku_wrapper_div .member .member_heading.eku-member-information-heading {
  /* background: #efefef; */
  margin-bottom: 10px;
  padding-top: 0; }

/* =====================================================================
**************** member-information-edit-page Style End
======================================================================== */
/* =====================================================================
**************** member-information-View-page Style End
======================================================================== */
.member-information-view-page .oddrow h3 {
  font-size: 18px;
  margin: 0;
  font-weight: 700; }
.member-information-view-page .tab_container {
  border: 1px solid #333;
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #BAD8B5;
  overflow: auto; }
.member-information-view-page .table thead > tr > th,
.member-information-view-page .table tbody > tr > th,
.member-information-view-page .table tfoot > tr > th,
.member-information-view-page .table thead > tr > td,
.member-information-view-page .table tbody > tr > td,
.member-information-view-page .table tfoot > tr > td {
  padding: 8px;
  line-height: 7px;
  vertical-align: middle;
  border-top: 1px solid #ccc; }

.member-information-view-page img#member_signature {
  padding: 9px;
  border-bottom: 3px solid #14406E;
  width: 80px;
  padding-bottom: 0; }
.member-information-view-page #tab2 td.view-field-label {
  padding-left: 5px; }
.member-information-view-page #tab3 td.view-field-label {
  padding-left: 5px; }
.member-information-view-page .view_loan_transaction_button {
  display: inline-block;
  padding: 1px 10px !important;
  background: blue !important;
  color: #fff !important;
  font-size: 12px;
  float: right !important;
  margin-top: 10px;
  border-radius: 0 !important; }
.member-information-view-page .view_transaction_button {
  display: inline-block;
  padding: 1px 10px !important;
  background: blue !important;
  color: #fff !important;
  font-size: 12px;
  float: right !important;
  margin-top: 10px;
  border-radius: 0 !important; }

/* =====================================================================
**************** member-information-View-page Style End
======================================================================== */
/* =====================================================================
**************** Member-samity-Transfer-page Style Start
======================================================================== */
.samity-page.member-samity-transfer-page .search-area input {
  width: 120px !important;
  margin-right: 5px; }
.samity-page.member-samity-transfer-page .search-area select {
  width: 120px !important;
  margin-right: 5px; }

.search-area input {
  width: 130px !important;
  margin-right: 5px; }
.search-area select {
  width: 130px !important;
  margin-right: 5px;
  cursor: pointer; }
.search-area select.width60 {
  width: 60px !important; }
.search-area .selectpicker input {
  width: 163px !important;
  margin-right: 0; }

/* =====================================================================
**************** employees-promotion-edit-page Style End
======================================================================== */
/* =====================================================================
**************** Member-samity-Transfer-page Style Start
======================================================================== */
/* =====================================================================
**************** employees-promotion-edit-page Style End
======================================================================== */
/* =====================================================================
**************** Samity Day for Timf-page Style Start
======================================================================== */
.table-title-area {
  display: block;
  padding: 10px 0;
  border: 1px solid #ccc;
  background: #999; }
  .table-title-area h3 {
    font-size: 30px;
    color: #efefef;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0; }

/* =====================================================================
**************** Samity Day for Timf-page Style End
======================================================================== */
/* =====================================================================
**************** DayEnd Process-page Style Start
======================================================================== */
.eku-day-end-box input {
  display: inline-block;
  height: 24px;
  border: 1px solid #efefef; }

input.go_to {
  display: inline-block;
  height: 24px !important;
  line-height: 17px;
  font-size: 12px;
  padding: 0 10px;
  background: #000;
  color: #fff;
  margin-left: 20px;
  transition: .4s; }
  input.go_to:hover {
    background: lavender !important;
    color: #000;
    border: 1px solid #000; }

form.eku-dayend-form {
  margin-bottom: 15px; }

.eku-day-end-box {
  overflow: hidden;
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 15px; }

button.form-btn {
  display: inline-block;
  width: auto;
  height: 30px !important;
  line-height: 28px;
  font-size: 12px;
  padding: 0 10px;
  margin-top: 0px;
  cursor: pointer; }

/* =====================================================================
**************** DayEnd Process-page Style End
======================================================================== */
/* =====================================================================
**************** Member-Closing-Add-page Style Start
======================================================================== */
button.entry-form-add-btn {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 29px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
  background: #222;
  color: #fff;
  font-size: 12px; }

.eku-member-info-single-row textarea {
  width: 65%;
  font-size: 12px;
  color: #999; }

/* =====================================================================
**************** Member-Closing-Add-page Style End
======================================================================== */
/* =====================================================================
**************** Member-Closing-Add-page Style Start
======================================================================== */
.attendence-report-page button.eku-employee-single-save-btn {
  background: transparent;
  border: none;
  margin: 0 5px; }
  .attendence-report-page button.eku-employee-single-save-btn a i {
    color: #fff;
    font-size: 20px; }

/* =====================================================================
**************** Member-Closing-Add-page Style End
======================================================================== */
/* =====================================================================
**************** -page Style End
======================================================================== */
.add-saving-page input.margin-top {
  margin-top: 31px; }

/* =====================================================================
**************** loan-general-config-page Style Start
======================================================================== */
/* =====================================================================
**************** -page Style End
======================================================================== */
.member-info-tab-menu-area {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 10px; }
  .member-info-tab-menu-area ul.nav.nav-tabs li {
    display: inline-block;
    margin-right: 30px; }
    .member-info-tab-menu-area ul.nav.nav-tabs li a {
      padding: 3px 10px;
      color: #222;
      cursor: pointer; }
      .member-info-tab-menu-area ul.nav.nav-tabs li a:hover {
        color: #f5ab35; }

/* =====================================================================
**************** loan-general-config-page Style Start
======================================================================== */
/* =====================================================================
**************** Tr2 Style End
======================================================================== */
tr.eku-table-head-row-2 {
  background: #ccc; }
  tr.eku-table-head-row-2 th {
    color: #222;
    font-size: 9px !important;
    text-align: center; }

tr.eku-table-head-row-day {
  text-align: center; }
  tr.eku-table-head-row-day th {
    font-size: 30px;
    height: 84px;
    text-transform: uppercase;
    font-weight: 700; }

/* =====================================================================
**************** Tr2 Style Start
======================================================================== */
/* =====================================================================
**************** saving-Details-View-page Style Start
======================================================================== */
.saving-withdrawl-title h3 {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc; }

th {
  font-size: 12px; }

/* =====================================================================
**************** saving-Details-View-page Style End
======================================================================== */
/* =====================================================================
**************** savings_edit_page Style Start
======================================================================== */
.savings_add_edit_page .col-md-6 {
  width: 50%;
  float: left; }

/* =====================================================================
**************** savings_edit_page Style End
======================================================================== */
/* =====================================================================
**************** savings-interest-page Style Start
======================================================================== */
.samity-page.member-samity-transfer-page.savings-interest-page .search-area input {
  width: 100px !important;
  margin-right: 5px; }

/* =====================================================================
**************** savings-interest-page Style End
======================================================================== */
/* =====================================================================
**************** savings-adjustment-page Style Start
======================================================================== */
.district-page.employees-designation-page.employees-promotion-edit-page.savings-adjustment-page .form-image-area {
  padding-top: 62px; }

/* =====================================================================
**************** savings-adjustment-page Style End
======================================================================== */
/* =====================================================================
**************** savings-adjustment-page Style Start
======================================================================== */
.district-page.regular-loan-account-page .widget-content {
  margin-bottom: 15px;
  margin-top: 10px; }
.district-page.regular-loan-account-page .search-area .eku-data-table-body input.transfer-checkbox {
  width: 20px !important;
  margin-right: 5px;
  box-shadow: none; }
.district-page.regular-loan-account-page form {
  max-width: 100% !important;
  min-width: 33% !important; }

/* =====================================================================
**************** savings-adjustment-page Style End
======================================================================== */
/* =====================================================================
**************** Add Regular-loan-account-page Style Start
======================================================================== */
button.gurantors_details.eku-employee-single-save-btn {
  margin-top: 30px; }

/* =====================================================================
**************** Add Regular-loan-account-page Style End
======================================================================== */
/* =====================================================================
**************** regular_loan_transcation-page Style Start
======================================================================== */
.regular_loan_transcation-page .eku-main-table-area tr th.eku-table-heads {
  border: 1px solid #666 !important; }
.regular_loan_transcation-page .search-area .eku-data-table-body input.transfer-checkbox {
  width: 20px !important;
  margin-right: 5px;
  box-shadow: none; }

/* =====================================================================
**************** regular_loan_transcation-page Style End
======================================================================== */
/* =====================================================================
**************** regular_loan_transcation-page Style Start
======================================================================== */
.samity-day-sheet-view-page .eku-main-table-area tr th {
  border-bottom: 1px solid #ccc !important;
  background: lavender !important;
  color: #222 !important; }
.samity-day-sheet-view-page .eku-main-table-area tr.eku-member-info-single-row.eku-office-info-row:nth-child(odd) {
  background: #efefef; }

.preview button.preview {
  display: inline-block;
  border-radius: 0;
  height: 30px;
  background: #222;
  color: #fff;
  border: 1px solid #222;
  font-size: 12px;
  padding: 0 10px;
  margin-top: 10px; }
  .preview button.preview .preview {
    text-align: center; }

/* =====================================================================
**************** regular_loan_transcation-page Style End
======================================================================== */
/* =====================================================================
**************** Add regular_loan_transcation-page Style Start
======================================================================== */
.transaction-authorization-page .permission-role-action-btns button {
  width: auto;
  padding: 0 3px; }

span.form-image-area-title {
  position: absolute;
  top: 0;
  left: 0; }

/* =====================================================================
**************** Add regular_loan_transcation-page Style End
======================================================================== */
/* =====================================================================
**************** pomis1-page Style Start
======================================================================== */
#DivIdToPrint .table th {
  vertical-align: middle;
  text-align: center;
  width: auto;
  color: #000;
  font-size: 10px;
  border-bottom: 1px solid #333 !important;
  border-right: 1px solid #333 !important;
  background: #E9E9E9 !important;
  font-size: 9px;
  padding: 0 15px;
  /* border: 1px solid #333 !important; */
  line-height: 18px;
  border-top: 1px solid #333 !important; }

#DivIdToPrint .table tr th:nth-child(1) {
  border-left: 1px solid #333 !important; }

#DivIdToPrint .table tr:nth-child(1) th {
  border-top: 1px solid #333 !important; }

#DivIdToPrint .table tr:nth-child(2) th {
  border-top: none !important; }

#DivIdToPrint .table thead:nth-child(2) tr th {
  border-top: 1px solid transparent !important; }

#DivIdToPrint .table tr:nth-child(2) th:nth-child(1) {
  border-left: none !important; }

.report65_page #DivIdToPrint .table tr:nth-child(2) th:nth-child(1) {
  border-left: 1px solid #333 !important; }

.report-body {
  width: 100% !important;
  margin-left: 0 !important;
  border-collapse: collapse !important; }
  .report-body th {
    background: lavender; }
  .report-body td {
    padding: 3px 3px !important;
    font-size: 11px !important;
    vertical-align: middle !important;
    line-height: 1.2;
    border: 1px solid #333 !important; }

.POMIS_2A_REPORT_VIEW1 {
  width: 100% !important;
  margin-left: 0 !important; }
  .POMIS_2A_REPORT_VIEW1 td {
    padding: 3px 3px !important;
    font-size: 11px !important;
    vertical-align: middle;
    line-height: 9px; }

.report-page .eku-table-head-row {
  background: lavender;
  border-bottom: 1px solid transparent; }
.report-page .table th {
  vertical-align: middle;
  padding: 0 3px;
  text-align: center;
  width: auto;
  color: #000;
  font-size: 10px;
  border-bottom: 1px solid #333 !important;
  border-right: 1px solid #333 !important;
  height: 24px;
  line-height: 20px; }
.report-page tr:hover th {
  color: #222 !important; }
.report-page tbody.report-body tr td {
  font-size: 9px;
  padding: 0 15px;
  border: 1px solid #333 !important;
  line-height: 18px; }
.report-page .desgin_with_data_include_here .container h2 {
  display: block;
  width: 100%;
  font-size: 18px; }
.report-page table.table.table-bordered.eku-data-table-body.eku-report-table {
  margin-bottom: 50px; }
.report-page .desgin_with_data_include_here {
  border-top: 3px solid #ccc; }

.holyday_register_report_page select {
  width: 180px; }

.eku-report-table tr td {
  font-size: 9px;
  padding: 0 15px;
  border: 1px solid #ccc !important;
  line-height: 18px; }

.member-migration-balance-page .report-header-title {
  margin-top: 60px;
  display: block;
  text-align: center; }

/*.POMIS_2A_REPORT_VIEW1 {*/
/*  border-top: 3px solid #ccc; }*/

/* =====================================================================
**************** pomis1-page Style End
======================================================================== */
/* =====================================================================
**************** POMIS REPORT-1 Page Style Start
======================================================================== */
.eku-form-btn.eku-report-lebel-btn {
  width: 70px;
  border-radius: 0;
  background: #000;
  transition: 0.4s;
  border: 1px solid #222;
  padding: 2px 0 !important;
  font-size: 12px; }

.eku-form-btn:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #fff; }

.eku-form-btn.eku-report-lebel-btn:focus {
  color: #fff; }

/* =====================================================================
**************** POMIS REPORT-1 Page Style End
======================================================================== */
/* =====================================================================
**************** POMIS REPORT-2 Page Style Start
======================================================================== */
.pomis2-page input {
  font-size: 12px; }
.pomis2-page .report-body th {
  font-size: 8px; }
.pomis2-page .report-body td {
  border-top: none;
  font-size: 11px;
  line-height: 24px; }
.pomis2-page th {
  font-size: 10px; }
.pomis2-page td {
  border-top: none;
  font-size: 12px;
  line-height: 20px;
  padding: 0; }

label.branch_label {
  font-size: 10px;
  line-height: 14px; }

/* =====================================================================
**************** POMIS REPORT-2 Page Style End
======================================================================== */
/* =====================================================================
**************** POMIS REPORT-3 Page Style Start
======================================================================== */
.pomis3-page input.eku-form-btn.eku-report-lebel-btn {
  width: 70px !important;
  border-radius: 0;
  background: #000;
  transition: 0.4s;
  border: 1px solid #222;
  padding: 2px 0;
  font-size: 12px; }
.pomis3-page .loan_overdue_information {
  border-top: 3px solid #ccc; }
.pomis3-page .scroll-report {
  display: none; }
.pomis3-page .eku-main-table-area tr td {
  font-size: 14px;
  width: 40px;
  text-align: left;
  line-height: 24px !important; }

.eku-table-head-row.eku-no-bg-tr {
  background: transparent; }

.eku-pomis3-report-list {
  text-align: left;
  padding-left: 30px; }

/* =====================================================================
**************** POMIS REPORT-3 Page Style End
======================================================================== */
/* =====================================================================
**************** report-page Style Start
======================================================================== */
.report-page label {
  display: block; }

.report-page.component-wise-daily-collection-page table.table.table-bordered.eku-data-table-body.eku-report-table.daily-collection-address-table {
  border: none; }
.report-page.component-wise-daily-collection-page tbody.report-body.daily-collection-address-tbody {
  text-align: center;
  border: none; }
  .report-page.component-wise-daily-collection-page tbody.report-body.daily-collection-address-tbody tr td {
    border: 1px solid transparent !important;
    display: inline-block; }
.report-page.component-wise-daily-collection-page .table th {
  height: 20px;
  line-height: 13px; }
.report-page.component-wise-daily-collection-page #DivIdToPrint h2 {
  margin-bottom: 0; }

.report-page.pomis3-page .eku-member-info-single-row select,
.report-page.pomis3-page .eku-member-info-single-row input {
  margin-bottom: 15px;
  width: 100%; }

.report-page.savings-refund-register-page .eku-member-info-single-row select,
.report-page.savings-refund-register-page .eku-member-info-single-row input {
  margin-bottom: 15px;
  width: 85%; }

.report-page.dual-lonee-register-report .eku-member-info-single-row select,
.report-page.dual-lonee-register-report .eku-member-info-single-row input {
  margin-bottom: 15px;
  width: 75%; }

.add-employee-page.weekl-monthly-saving-and-loan-statment-page.report-page .wrapper_div.eku_wrapper_div .member .eku-member-table .eku-member-info-single-row .eku-employee-label {
  font-size: 10px; }

div#print_export_div {
  z-index: 9;
  text-align: center; }
  div#print_export_div .btn img {
    display: inline-block;
    width: 18px;
    margin-right: 8px; }

/* =====================================================================
**************** report-page Style End
======================================================================== */
img.loading_image {
  width: 14%;
  margin-left: 40%; }

/* ===================================================================================
**************** weekl-monthly-saving-and-loan-statment-page Style Start
====================================================================================== */
.add-employee-page.weekl-monthly-saving-and-loan-statment-page .wrapper_div.eku_wrapper_div .member .eku-member-table .eku-member-info-single-row .eku-employee-label {
  font-size: 12px; }
.add-employee-page.weekl-monthly-saving-and-loan-statment-page .wrapper_div.eku_wrapper_div .member .eku-member-table .eku-member-info-single-row input.eku-form-btn.eku-report-lebel-btn {
  width: 70px !important;
  padding: 0;
  color: #fff; }

/* ===============================================================================
**************** weekl-monthly-saving-and-loan-statment-page Style End
================================================================================== */
/* =====================================================================
**************** admission-register-page Style Start
======================================================================== */
.eku-register-check-boxes input {
  width: 20px !important;
  display: inline-block;
  margin-left: 25px;
  position: absolute;
  right: 0; }

.eku-register-option {
  display: flex !important;
  position: relative;
  margin-bottom: 5px; }

/* =====================================================================
**************** admission-register-page Style End
======================================================================== */
/* =====================================================================
**************** savings-refund-register-page Style Start
======================================================================== */
.written_off_register_report_page input {
  widht: 120px !important; }

td {
  border-top: none !important; }

/* =====================================================================
**************** savings-refund-register-page Style End
======================================================================== */
/* =====================================================================
**************** due-collection-register-page-page Style Start
======================================================================== */
.add-employee-page.due-collection-register-page .wrapper_div.eku_wrapper_div .member .eku-member-table .eku-member-info-single-row {
  margin-top: 0; }

/* =====================================================================
**************** due-collection-register-page Style End
=
/* =====================================================================
**************** due-collection-register-page-page Style Start
======================================================================== */
/* =====================================================================
**************** due-collection-register-page Style End
======================================================================== */
/* =====================================================================
**************** loan-general-config-page Style Start
======================================================================== */
.loan-general-config-page .wrapper_div.eku_wrapper_div {
  padding: 100px 40px; }
  .loan-general-config-page .wrapper_div.eku_wrapper_div .eku-member-info-single-row td {
    padding: 0 !important; }
  .loan-general-config-page .wrapper_div.eku_wrapper_div .eku-member-info-single-row select {
    width: 98% !important; }
  .loan-general-config-page .wrapper_div.eku_wrapper_div .eku-member-info-single-row textarea {
    width: 100%;
    margin-top: 25px; }
  .loan-general-config-page .wrapper_div.eku_wrapper_div .eku-member-info-single-row td.datemonth {
    display: inline-flex;
    width: 98%; }
  .loan-general-config-page .wrapper_div.eku_wrapper_div .eku-member-info-single-row input.effective_date {
    width: 100% !important; }
  .loan-general-config-page .wrapper_div.eku_wrapper_div span.eku-employee-label {
    margin-top: 0 !important; }

/* =====================================================================
**************** loan-general-config-page Style End
======================================================================== */
/* Header-menu-area End */
.scroll-top-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: fixed;
  right: 17px;
  bottom: 0; }
  .scroll-top-icon a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #f5ab35;
    color: #fff;
    font-size: 30px;
    border-radius: 50%; }

/* =================================================
                Home Style End
==================================================== */
form {
  float: none;
  height: auto !important;
  margin: 0px;
  padding: 0px; }

.dropdown-toggle::after {
  display: none; }

.accounts-heads-page .eku-main-table-area tr td.no-center {
  text-align: inherit; }

.common-ais-style-page .widget {
  width: 100% !important; }
.common-ais-style-page .span8 {
  display: block;
  width: 100%; }
.common-ais-style-page .permission-role-action-btns .btn {
  background-color: transparent;
  border-radius: 4px;
  color: red;
  padding: 0;
  margin: 0 5px;
  -webkit-appearance: none !important;
  box-shadow: none; }
  .common-ais-style-page .permission-role-action-btns .btn button {
    background-color: transparent;
    border-radius: 4px;
    color: red;
    padding: 0;
    margin: 0;
    -webkit-appearance: none !important; }
.common-ais-style-page .eku-add-employee-btn .btn.btn-default {
  padding: 0 10px;
  background: #222;
  color: #fff; }
.common-ais-style-page .eku-add-employee-btn a:hover {
  background: lavender !important;
  border: 1px solid #222;
  color: #fff !important; }
.common-ais-style-page .widget-header h4 {
  color: #000; }
.common-ais-style-page input#credit_total,
.common-ais-style-page input#debit_total {
  width: 89%; }

.voucher_list_page .eku-add-employee-btn .btn.btn-default {
  border-radius: 0; }
.voucher_list_page .eku-add-employee-btn a:hover {
  background: lavender !important;
  border: 1px solid #222;
  color: #000 !important; }
.voucher_list_page .eku-table-area-footer .eku-footer-pagination-area .pagination > li > a,
.voucher_list_page .eku-table-area-footer .eku-footer-pagination-area .pagination > li > span {
  padding: 3px;
  width: 30px;
  height: 30px;
  height: -moz-available;
  line-height: 23px; }
.voucher_list_page .eku-table-area-footer .eku-footer-back-btn-area {
  margin-top: -5px; }

label {
  display: block; }


.checkbox input[type="checkbox"] {
  width: auto;
  position: absolute;
  /* top: 7px; */
  margin-right: 5px;
  left: 0;
  top: 7px; }
.checkbox label {
  display: block;
  position: relative;
  padding-left: 20px; }

/* =================================================
                Chart-area  End
==================================================== */
/* =================================================
                AIS page Implementation Start
==================================================== */
.ais-header-area .subnavbar {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.main {
  min-height: 400px; }

.eku-ais-dashboard-page .eku_branch_status_report .table thead > tr > th,
.eku-ais-dashboard-page .eku_branch_status_report .table tbody > tr > th,
.eku-ais-dashboard-page .eku_branch_status_report .table tfoot > tr > th,
.eku-ais-dashboard-page .eku_branch_status_report .table thead > tr > td,
.eku-ais-dashboard-page .eku_branch_status_report .table tbody > tr > td,
.eku-ais-dashboard-page .eku_branch_status_report .table tfoot > tr > td {
  padding: 5px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ccc;
  font-size: 9px;
  font-weight: 500; }
.eku-ais-dashboard-page .eku_branch_status_report img {
  vertical-align: middle;
  width: 11px; }

.receipt-voucher-page .eku-member-info-single-row td {
  width: auto !important; }
  .receipt-voucher-page .eku-member-info-single-row td button {
    width: auto;
    height: 26px;
    position: relative;
    top: 0; }
.receipt-voucher-page button.eku-add-employee-save-btn {
  height: 30px; }
.receipt-voucher-page input.eku-add-employee-save-btn {
  height: 30px; }
.receipt-voucher-page .voucher_form th {
  width: auto;
  color: #000; }
.receipt-voucher-page .wid33 select,
.receipt-voucher-page .wid33 input {
  margin-bottom: 5px;
  height: 24px;
  padding: 0 4px;
  width: 100%; }
.receipt-voucher-page table.addForm {
  margin: 15px 0; }
.receipt-voucher-page .member-heading-menu-area ul.nav.nav-tabs li {
  width: auto; }
  .receipt-voucher-page .member-heading-menu-area ul.nav.nav-tabs li a {
    width: auto; }

.conditional_statment {
  overflow: hidden;
  background: #fff;
  border: 1px solid #ccc;
  width: 460px;
  padding: 10px;
  margin: 0 auto; }
  .conditional_statment .conditional_statment_left {
    width: 40% !important;
    float: left; }
    .conditional_statment .conditional_statment_left .wid33 {
      margin-bottom: -2px;
      line-height: 30px; }
  .conditional_statment .conditional_statment_right {
    width: 60% !important;
    float: left; }

.receipt-voucher-page .conditional_statment .wid33 select,
.receipt-voucher-page .conditional_statment .wid33 input {
  width: 100% !important; }

.eku-bugs-table #payment_voucher_details td input {
  width: 90% !important;
  margin-bottom: 0;
  padding: 0 10px; }
.eku-bugs-table .wid33 {
  margin-bottom: 12px;
  height: 20px; }

.eku-employee-single-save-btn.eku-employee-save-btn-area-up td {
  text-align: right; }

.eku-bugs-table {
  margin-top: 10px;
  background: transparent;
  width: 100%; }
  .eku-bugs-table .eku-table-head-row {
    background: #222; }

.eku-narration-area {
  margin-bottom: 60px; }

.receipt-voucher-page .wrapper_div.eku_wrapper_div {
  width: auto; }

.receipt-voucher-page .widget-header {
  line-height: normal !important; }
.receipt-voucher-page .member-heading-menu-area ul.nav.nav-tabs {
  border-bottom: 1px solid transparent;
  display: inline-block;
  margin-bottom: 0; }
.receipt-voucher-page .eku-narration-area input {
  padding: 0 10px; }

#print_export_div button {
  padding: 0px;
  display: inline-block;
  width: 9%;
  border-radius: 0px;
  height: 28px; }

button.receipt_delete_button {
  padding: 0 10px;
  border: 1px solid red;
  background: red;
  color: #fff; }

button.ais_delete_button:hover {
  background: #000;
  color: #fff;
  border: 1px solid lavender; }

.common-ais-style-page .tab_container {
  padding: 40px;
  padding-top: 0;
  width: auto !important;
  float: none; }
.common-ais-style-page .voucher_form {
  text-align: left; }
  .common-ais-style-page .voucher_form button.ais_delete_button {
    background: red;
    border: 1px solid red;
    padding: 0 10px;
    color: #fff; }
.common-ais-style-page .bootstrap-select .dropdown-toggle {
  padding-left: 0; }
.common-ais-style-page .dropdown-toggle {
  padding-left: 0 !important; }

/* Auto Voucher Page style Start */
.auto_voucher_styles input {
  height: 24px;
  padding: 0 5px;
  border: 1px solid #ccc; }
.auto_voucher_styles .btn-submit-receipt,
.auto_voucher_styles .btn-cancel,
.auto_voucher_styles .btn-submit-payment,
.auto_voucher_styles .balance_sheet,
.auto_voucher_styles .btn1 {
  position: relative;
  top: 9px;
  height: 24px !important;
  border: 1px solid #000;
  background: #000;
  line-height: 7px;
  color: #fff;
  font-weight: 700;
  font-size: 11px !important;
  border-radius: 0; }
.auto_voucher_styles .openint_balance.btn1 {
  top: 0 !important; }
.auto_voucher_styles .daily_transaction {
  top: 0 !important; }
.auto_voucher_styles fieldset {
  padding-bottom: 30px; }
.auto_voucher_styles .userTable button.btn-success {
  margin-top: 0 !important;
  line-height: 5px;
  font-size: 11px;
  border-radius: 0; }
.auto_voucher_styles .eku-employee-label {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #6a6a6a;
  margin-top: 0px;
  line-height: 15px;
  margin-bottom: 2px; }
.auto_voucher_styles .main-inner {
  background: #FFFFFF;
  padding: 15px 0 20px; }

.report-footer b,
.report-footer strong {
  font-weight: bold;
  margin-bottom: 5px !important;
  line-height: 24px; }

.auto_voucher_styles#container {
  float: left;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 0 !important; }

.auto_voucher_styles.ais_report_td_style td#cbo_branch_all {
  padding-top: 12px; }

.ais-dashboard-right-area .content-wrapper,
.ais-dashboard-right-area .right-side,
.ais-dashboard-right-area .main-footer {
  margin-left: 0;
  z-index: 820;
  padding: 0 30px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-area .ais-dashboard-right-area .dashboard-menu-area .menu-collapse-btn {
    top: 15%; } }

/* Auto Voucher Page style End */
/* =================================================
                AIS page Implementation End
==================================================== */
/* =================================================
                journal-voucher-page Start
==================================================== */
.journal-voucher-page .voucher_form td {
  display: inline-block; }

/* =================================================
                journal-voucher-page End
==================================================== */
/* =================================================
                journal-voucher-page Start
==================================================== */
/* =================================================
                journal-voucher-page End
==================================================== */
/* =================================================
                auto-voucher-config-page Start
==================================================== */
.auto-voucher-config-page .eku-main-table-area tr {
  border: 1px solid #ccc; }

.common-ais-style-page {
  min-height: 700px; }
  .common-ais-style-page .search-area {
    background: #ccc;
    padding: 10px 10px 0;
    border-radius: 6px 6px 0 0;
    overflow: hidden; }
    .common-ais-style-page .search-area .eku-search-bar {
      display: block;
      background: transparent;
      padding: 0px 10px;
      line-height: 20px;
      color: #fff;
      overflow: hidden; }
      .common-ais-style-page .search-area .eku-search-bar .widget-header {
        border-bottom: 1px solid transparent;
        margin-top: 0;
        float: left;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .common-ais-style-page .search-area .eku-search-bar .widget-header h3 {
          color: #666;
          font-size: 15px;
          margin: 0; }
          .common-ais-style-page .search-area .eku-search-bar .widget-header h3 i.fa.fa-bar-chart {
            display: inline-block;
            margin-right: 15px; }
      .common-ais-style-page .search-area .eku-search-bar .eku-add-employee-btn {
        display: inline-block;
        float: right;
        width: 40%;
        text-align: right; }
    .common-ais-style-page .search-area .search-main-content tr {
      border: none; }
    .common-ais-style-page .search-area .search-main-content .search-single-btn {
      width: 100px !important;
      height: 24px !important;
      line-height: 22px !important;
      font-size: 12px !important;
      padding: 0 10px;
      border: 1px solid #222;
      background: #222 !important;
      color: #fff !important; }
    .common-ais-style-page .search-area input {
      font-size: 11px;
      color: #666;
      line-height: 18px;
      border: 1px solid transparent;
      box-shadow: 0px 0px 2px 1px #ccc; }
    .common-ais-style-page .search-area select {
      height: 24px;
      font-size: 12px;
      color: #666;
      line-height: 18px;
      border: 1px solid transparent;
      box-shadow: 0px 0px 2px 1px #ccc; }
    .common-ais-style-page .search-area #Designation_data select {
      width: 190px !important; }
    .common-ais-style-page .search-area button {
      display: inline-block;
      width: auto;
      margin-left: 10px;
      height: 30px !important;
      margin-top: 0 !important;
      line-height: 16px;
      text-align: left;
      font-size: 14px;
      color: #fff;
      cursor: pointer;
      border: none;
      text-align: center;
      background: #222;
      transition: 0.4s;
      border-radius: 0; }
      .common-ais-style-page .search-area button:hover {
        background: lavender;
        color: #222; }
      .common-ais-style-page .search-area button i {
        display: inline-block;
        margin-right: 10px; }
    .common-ais-style-page .search-area .search-single-btn {
      width: auto;
      height: 24px !important;
      line-height: 22px !important;
      font-size: 12px !important;
      padding: 0 10px;
      border: 1px solid #222; }
    .common-ais-style-page .search-area .search-single-btn.member-close-search-btn {
      width: 100px !important; }
    .common-ais-style-page .search-area .eku-add-employee-btn button {
      display: inline-block;
      width: auto;
      height: 30px;
      background: #000;
      line-height: 20px;
      padding: 0 10px;
      font-size: 12px;
      color: #fff;
      border: 1px solid transparent;
      transition: 0.4s; }

/* =================================================
                auto-voucher-config-page End
==================================================== */
/* =================================================
                auto-voucher-config-page End
==================================================== */
.auto-voucher-recipt-page {
  /*.table{*/
  /*padding: 10px;*/
  /*}*/
  /* Start */ }
  .auto-voucher-recipt-page .eku-main-table-area {
    display: block;
    overflow: hidden; }
  .auto-voucher-recipt-page .voucherForm {
    margin-bottom: 9px;
    margin-left: 7px;
    margin-top: 11px; }
  .auto-voucher-recipt-page .addTitleBar {
    border: none; }
  .auto-voucher-recipt-page input.ui-combobox-input {
    width: 236px;
    height: 22px; }
  .auto-voucher-recipt-page .input_textbox {
    width: 236px; }
  .auto-voucher-recipt-page table {
    max-width: 100%;
    border-collapse: inherit !important;
    border-spacing: 0;
    background-color: transparent; }
  .auto-voucher-recipt-page ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 31px;
    border-bottom: 2px solid #048969;
    width: 100%;
    margin-left: -18px !important; }
  .auto-voucher-recipt-page .tab_container {
    overflow: hidden;
    clear: both;
    float: left;
    width: 99%;
    background: #fff;
    margin-top: 5px;
    margin-left: -17px !important; }
  .auto-voucher-recipt-page .table {
    /*width: 1% !important;*/
    margin-bottom: 18px; }
  .auto-voucher-recipt-page .buttons .positive,
  .auto-voucher-recipt-page .buttons a.positive {
    color: #529214;
    padding: 6px 12px 6px 12px !important; }
  .auto-voucher-recipt-page .btn-cancel {
    padding: 0px 12px 0px 12px !important;
    margin-top: 0px !important; }
  .auto-voucher-recipt-page form {
    float: left;
    height: 100%;
    margin: 7px;
    padding: 0px; }
  .auto-voucher-recipt-page .Voucher_global_narration {
    width: 700px; }
  .auto-voucher-recipt-page .table {
    width: 30px !important; }
  .auto-voucher-recipt-page td,
  .auto-voucher-recipt-page th {
    /*display: table-row;*/
    vertical-align: inherit; }
  .auto-voucher-recipt-page .button-add {
    /* margin-left: -100px; */
    position: inherit;
    margin-left: 0px;
    margin-top: -7px;
    /* width: 32px; */ }
  .auto-voucher-recipt-page input[readonly] {
    background: #fff;
    color: #4B4B4B;
    width: 195px;
    border: 1px solid #ccc;
    padding-left: 15px;
    margin-bottom: 15px; }
  .auto-voucher-recipt-page select {
    background: #fff;
    border: solid 1px #cecece;
    padding: 1px;
    font-size: 11px;
    width: 200px !important; }
  .auto-voucher-recipt-page .btn-success {
    margin-top: 0px !important;
    margin-right: 5px;
    margin-bottom: 3px; }
  .auto-voucher-recipt-page input[readonly] {
    height: 28px; }
  .auto-voucher-recipt-page select {
    height: 28px; }
  .auto-voucher-recipt-page .btn-default {
    padding: 2px 9px 5px 29px;
    margin: 15px 7px 0 0; }
  .auto-voucher-recipt-page .btn-cancel {
    padding: 2px 9px 5px 29px;
    margin: 15px 7px 0 0; }
  .auto-voucher-recipt-page .eku-main-table-area tr td {
    border-right: 1px solid transparent !important;
    line-height: 22px; }
  .auto-voucher-recipt-page .voucher_form th {
    color: #222; }
  .auto-voucher-recipt-page .search-main-content input[readonly] {
    margin-bottom: 0; }

.common-ais-style-page.auto-voucher-recipt-page .search-area .search-main-content .search-single-btn {
  width: 100px !important;
  height: 30px !important;
  line-height: 26px !important; }

.auto_voucher_styles legend {
  font-size: 14px !important; }

accounts-heads-page.ac-ledger-report-view-page .eku-main-table-area tr td.no-center {
  text-align: inherit; }

/* End */
/* =================================================
                auto-voucher-config-page End
==================================================== */
/* =================================================
                auto-voucher-config-page End
==================================================== */
.accounts-opening-balance-page label {
  display: inline-block !important;
  text-align: left;
  margin-top: 0 !important;
  margin-bottom: 15px;
  width: auto; }
.accounts-opening-balance-page .table-head-row {
  background: #222 !important; }
.accounts-opening-balance-page tr.eku-table-head-row th {
  padding: 0; }
.accounts-opening-balance-page tr.eku-member-info-single-row:nth-child(odd) {
  background: #f6f6f6; }
.accounts-opening-balance-page tr.eku-member-info-single-row td {
  padding: 0;
  font-size: 10px; }
.accounts-opening-balance-page .search-main-content tr.eku-member-info-single-row {
  background: transparent; }

.report-page .search-main-content {
  overflow: hidden; }

/* =================================================
                auto-voucher-config-page End
==================================================== */
/* =================================================
                auto-voucher-config-page End
==================================================== */
.accounts-daily-transition-report-page form {
  width: 80%; }

.common-ais-style-page.report-page .search-area input {
  width: 105px !important; }

.common-ais-style-page .search-area input.show_lgCode {
  width: 30px !important;
  border: none !important;
  box-shadow: none;
  font-size: 12px !important;
  height: 20px; }

.common-ais-style-page .eku-add-employee-save-btn {
  padding: 0 10px;
  line-height: 20px;
  box-shadow: none; }

.common-ais-style-page .eku-member-info-single-row input {
  margin-bottom: 0; }
.common-ais-style-page .member-heading-menu-area ul.nav.nav-tabs li {
  padding: 0; }
.common-ais-style-page .content-wrapper,
.common-ais-style-page .right-side,
.common-ais-style-page .main-footer {
  margin-left: 0;
  /*z-index: 820;*/
  z-index: auto;
  background: transparent !important; }
.common-ais-style-page #container {
  margin: 0;
  padding: 0; }
.common-ais-style-page .voucherForm input {
  padding: 0; }

.OpeningBalances-page .eku-member-info-single-row input {
  text-align: right; }
.OpeningBalances-page .eku-main-table-area tr td {
  text-align: left; }

.common-ais-style-page.auto-voucher-payment-page .search-area .search-main-content .search-single-btn {
  width: 100px !important;
  height: 30px !important;
  line-height: 26px !important; }

/* =================================================
                auto-voucher-config-page End
==================================================== */
/* =================================================
                auto-voucher-config-page End
==================================================== */
.accounts-daily-transition-report-page.receipt-payment-statement-page form {
  width: 98%; }

/* =================================================
                auto-voucher-config-page End
==================================================== */
/* ===================================================================
                Old CSS Ending Here
====================================================================== */
/* =================================================================
                AIS Style Start
==================================================================== */
.header-area.ais-header nav.menu_bar ul.main_menu li:nth-child(5) .dropdown-menu {
  left: auto;
  right: 0; }

.header-top-btn-area form {
  width: 100% !important;
  margin: 0; }

.dashboard-area.ais-dashboard-area #DivIdToPrint {
  padding-left: 0px !important; }
.dashboard-area.ais-dashboard-area .dashboard-right-area.ais-dashboard-right-area {
  padding-left: 0; }
.dashboard-area.ais-dashboard-area .dashboard-area.ais-dashboard-area .ais-dashboard-right-area.full_screen {
  padding-left: 60px;
  width: 1160px !important; }

/* =================================================================
                AIS Style End
==================================================================== */
/* =================================================================
                Message Success Style Start
==================================================================== */
.alert-success {
  display: flex;
  width: 310px !important;
  height: 100px;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  right: 14px;
  overflow: hidden;
  z-index: 9;
  top: 0px;
  background: #52b152;
  background: -moz-linear-gradient(left, #52b152 0%, #005700 74%, #005700 74%);
  background: -webkit-linear-gradient(left, #52b152 0%, #005700 74%, #005700 74%);
  background: linear-gradient(to right, #52b152 0%, #005700 74%, #005700 74%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52b152', endColorstr='#005700', GradientType=1);
  color: #fff !important; }

.alert-danger {
  display: flex;
  width: 310px !important;
  min-height: 100px;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  right: 14px;
  overflow: hidden;
  z-index: 1;
  top: 0px;
  background: #52b152;
  background: -moz-linear-gradient(left, #DC143C 0%, #000 100%, #000 100%);
  background: -webkit-linear-gradient(left, #DC143C 0%, #000 100%, #000 100%);
  background: linear-gradient(to right, #DC143C 0%, #000 100%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52b152', endColorstr='#005700', GradientType=1);
  color: #fff !important; }

a.close {
  display: inline-block !important;
  width: 20px;
  text-align: center;
  position: absolute !important;
  top: 4px !important;
  right: 5px !important;
  color: #fff !important;
  opacity: 1; }

.form-image-area .alert-danger {
  position: relative;
  width: 100%; }

/* =================================================================
                Message Success Style End
==================================================================== */
/* =================================================================
                AIS PArt Start
==================================================================== */
/* =================================================================
                Message Success Style End
==================================================================== */

/*# sourceMappingURL=style.css.map */