/*
 *    eGov  SmartCity eGovernance suite aims to improve the internal efficiency,transparency,
 *    accountability and the service delivery of the government  organizations.
 *
 *     Copyright (C) 2017  eGovernments Foundation
 *
 *     The updated version of eGov suite of products as by eGovernments Foundation
 *     is available at http://www.egovernments.org
 *
 *     This program is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     any later version.
 *
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with this program. If not, see http://www.gnu.org/licenses/ or
 *     http://www.gnu.org/licenses/gpl.html .
 *
 *     In addition to the terms of the GPL license to be adhered to in using this
 *     program, the following additional terms are to be complied with:
 *
 *         1) All versions of this program, verbatim or modified must carry this
 *            Legal Notice.
 *            Further, all user interfaces, including but not limited to citizen facing interfaces,
 *            Urban Local Bodies interfaces, dashboards, mobile applications, of the program and any
 *            derived works should carry eGovernments Foundation logo on the top right corner.
 *
 *            For the logo, please refer http://egovernments.org/html/logo/egov_logo.png.
 *            For any further queries on attribution, including queries on brand guidelines,
 *            please contact contact@egovernments.org
 *
 *         2) Any misrepresentation of the origin of the material is prohibited. It
 *            is required that all modified versions of this material be marked in
 *            reasonable ways as different from the original version.
 *
 *         3) This license does not grant any rights to any user of the program
 *            with regards to rights under trademark law for use of the trade names
 *            or trademarks of eGovernments Foundation.
 *
 *   In case of any queries, you can reach eGovernments Foundation at contact@egovernments.org.
 *
 */

@font-face {
  font-family: "light";
  src: url("../fonts/Roboto-Light.ttf"); }
@font-face {
  font-family: "regular";
  src: url("../fonts/Roboto-Regular.ttf"); }
@font-face {
  font-family: "bold";
  src: url("../fonts/Roboto-Medium.ttf"); }
a, a:hover, a:focus, a:active, a:visited {
  text-decoration: none; }

.btn:not(:first-child) {
  margin: 0 5px; }

html {
  background: #fff;
  font-family: regular;
  width: 100%;
  height: 100%;
  overflow: auto;
  font-size: 14px;
  position: relative; }
  html body {
    background: #fff;
    font-family: regular;
    width: 100%;
    height: 100%;
    overflow: auto;
    font-size: 14px;
    position: relative; }
    /*html body  .modal.in .modal-dialog {
      position: fixed;
      max-height: 100%;
      overflow-y: auto;
      bottom: 0;
      right: 0;
      margin: 0; }
      html body .modal.in .modal-dialog .modal-title {
        color: #26A69A; }
      html body .modal.in .modal-dialog .modal-body [class*='col-'] {
        margin: 10px 0; }
        html body .modal.in .modal-dialog .modal-body [class*='col-'] label {
          font-family: light;
          font-weight: normal;
          font-size: 13px; }
        html body .modal.in .modal-dialog .modal-body [class*='col-'] .field {
          font-family: regular; }
      @media screen and (min-width: 768px) {
        html body .modal.in .modal-dialog {
          width: 100%; } }
    html body .modal.fade .modal-dialog {
      transform: scale(0);
      opacity: 0;
      -webkit-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      transition: all 0.25s linear; }
    html body .modal.fade.in .modal-dialog {
      opacity: 1;
      transform: scale(1); } */
    html body .timeline {
      list-style-type: none;
      display: flex;
      justify-content: center;
      margin: 10px 0;
      padding: 0; }
      @media screen and (max-width: 768px) {
        html body .timeline {
          margin: 25px auto;
          display: table;
          width: 50%; } }
      html body .timeline .li {
        transition: all 200ms ease-in; }
        @media screen and (max-width: 768px) {
          html body .timeline .li {
            width: 100%;
            display: table-row; } }
        html body .timeline .li .timestamp {
          margin-bottom: 20px;
          padding: 0px 40px;
          display: flex;
          flex-direction: column;
          align-items: center;
          font-family: light; }
          @media screen and (max-width: 768px) {
            html body .timeline .li .timestamp {
              display: table-cell;
              width: 50%;
              text-align: right;
              padding: 0 40px 40px 40px; } }
        html body .timeline .li.complete .status {
          border-top: 2px solid #0099cc; }
          @media screen and (max-width: 768px) {
            html body .timeline .li.complete .status {
              border-left: 2px solid #0099cc;
              border-top: none; } }
          html body .timeline .li.complete .status:before {
            background-color: #0099cc;
            border: none;
            transition: all 200ms ease-in; }
          html body .timeline .li.complete .status h4 {
            color: #0099cc;
            font-family: bold; }
        html body .timeline .li .status {
          padding: 10px 40px;
          display: flex;
          justify-content: center;
          border-top: 2px solid #D6DCE0;
          position: relative;
          transition: all 200ms ease-in; }
          @media screen and (max-width: 768px) {
            html body .timeline .li .status {
              display: table-cell;
              width: 50%;
              border-left: 2px solid #D6DCE0;
              border-top: none; } }
          html body .timeline .li .status:before {
            content: "";
            width: 15px;
            height: 15px;
            background-color: white;
            border-radius: 15px;
            border: 1px solid #ddd;
            position: absolute;
            top: -9px;
            left: 42%;
            transition: all 200ms ease-in; }
            @media screen and (max-width: 768px) {
              html body .timeline .li .status:before {
                top: 22px;
                left: -4.6%; } }
          html body .timeline .li .status h4 {
            font-weight: normal;
            font-family: regular;
            font-size: 15px;
            color: #9e9e9e; }
    html body .container-fluid {
      padding: 0;
      background: #fff;
      position: relative; }
      html body .container-fluid .badge {
        background: red;
        color: #fff; }
      html body .container-fluid .left-menu {
        background: #1C1C1C;
        height: 100vh;
        width: 120px;
        float: left;
        position: relative; }
        html body .container-fluid .left-menu .modules-ul {
          margin: 0;
          padding: 0 10px;
          text-align: center;
          position: relative; }
          html body .container-fluid .left-menu .modules-ul .modules-li {
            padding: 20px 0;
            font-family: bold;
            position: relative;
            z-index: 1; }
            html body .container-fluid .left-menu .modules-ul .modules-li:nth-child(2) {
              padding-top: 110px; }
            html body .container-fluid .left-menu .modules-ul .modules-li a {
              color: #64676D; }
              html body .container-fluid .left-menu .modules-ul .modules-li a .img-view {
                font-size: 22px; }
              html body .container-fluid .left-menu .modules-ul .modules-li a .module-text {
                font-size: 13px;
                overflow-wrap: break-word;
                font-family: regular; }
              html body .container-fluid .left-menu .modules-ul .modules-li a:hover, html body .container-fluid .left-menu .modules-ul .modules-li a:focus, html body .container-fluid .left-menu .modules-ul .modules-li a:visited {
                text-decoration: none; }
                html body .container-fluid .left-menu .modules-ul .modules-li a:hover i, html body .container-fluid .left-menu .modules-ul .modules-li a:focus i, html body .container-fluid .left-menu .modules-ul .modules-li a:visited i {
                  color: #0099cc; }
                html body .container-fluid .left-menu .modules-ul .modules-li a:hover .module-text, html body .container-fluid .left-menu .modules-ul .modules-li a:focus .module-text, html body .container-fluid .left-menu .modules-ul .modules-li a:visited .module-text {
                  color: #fff;
                  font-family: bold; }
            html body .container-fluid .left-menu .modules-ul .modules-li.inbox {
              position: fixed;
              padding: 30px 0;
              background: #1C1C1C;
              z-index: 10;
              width: 86px;
              left: 1%; }
              @media screen and (max-width: 990px) {
                html body .container-fluid .left-menu .modules-ul .modules-li.inbox {
                  left: 1.5%; } }
              @media screen and (max-width: 768px) {
                html body .container-fluid .left-menu .modules-ul .modules-li.inbox {
                  left: 2%; } }
              html body .container-fluid .left-menu .modules-ul .modules-li.inbox .inbox-notification {
                position: absolute;
                right: 15px;
                top: 20px; }
            html body .container-fluid .left-menu .modules-ul .modules-li.active .module-text {
              color: #fff;
              font-family: bold; }
            html body .container-fluid .left-menu .modules-ul .modules-li.active i {
              color: #0099cc; }
      html body .container-fluid .right-content {
        width: calc(100% - 120px);
        float: left;
        position: relative;
        height: 100vh; }
        html body .container-fluid .right-content header {
          position: relative; }
          html body .container-fluid .right-content header nav {
            position: relative;
            margin: 0;
            padding: 10px;
            border-bottom: 1px solid #ddd; }
            html body .container-fluid .right-content header nav .corporation-name {
              font-size: 1.5em;
              font-family: regular;
              padding: 0 10px;
              vertical-align: middle; }
            html body .container-fluid .right-content header nav .profile-dd {
              padding: 0 20px;
              line-height: 3.8; }
              html body .container-fluid .right-content header nav .profile-dd i:hover {
                cursor: pointer; }
            html body .container-fluid .right-content header nav .profile-name {
              position: relative;
              line-height: 3.8;
              font-size: 1em;
              font-family: light; }
              html body .container-fluid .right-content header nav .profile-name .profile-name-img {
                height: 42px;
                object-fit: cover;
                border-radius: 50%; }
              html body .container-fluid .right-content header nav .profile-name .text {
                font-family: regular; }
              html body .container-fluid .right-content header nav .profile-name .dropdown-menu:before {
                position: absolute;
                top: -7px;
                left: 9px;
                display: inline-block;
                border-right: 7px solid transparent;
                border-bottom: 7px solid #ccc;
                border-left: 7px solid transparent;
                border-bottom-color: rgba(0, 0, 0, 0.2);
                content: ""; }
              html body .container-fluid .right-content header nav .profile-name .dropdown-menu:after {
                position: absolute;
                top: -6px;
                left: 10px;
                display: inline-block;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #fff;
                border-left: 6px solid transparent;
                content: ""; }
              html body .container-fluid .right-content header nav .profile-name:hover {
                cursor: pointer; }
                html body .container-fluid .right-content header nav .profile-name:hover .dropdown-menu {
                  display: block;
                  top: 95%;
                  left: 0; }
        html body .container-fluid .right-content .main-content {
          padding: 25px; }
          html body .container-fluid .right-content .main-content .action-bar {
            text-align: right;
            margin-bottom: 25px;
            margin-right: 15px; }
            html body .container-fluid .right-content .main-content .action-bar .action-item {
              color: #9CA1A7;
              cursor: pointer;
              height: 28px;
              display: inline-block;
              vertical-align: top; }
              html body .container-fluid .right-content .main-content .action-bar .action-item input[type="text"] {
                font-size: 16px;
                border: none;
                border-bottom: 2px solid #e4e4e4;
                outline: 0;
                padding: 5px;
                font-family: regular;
                color: #333; }
          html body .container-fluid .right-content .main-content table thead {
            background: #00519F;
            color: #fff; }
            html body .container-fluid .right-content .main-content table thead tr th {
              font-family: regular;
              font-weight: normal;
              border: none;
              padding: 10px;
              vertical-align: top; }
          html body .container-fluid .right-content .main-content table tbody tr td {
            padding: 10px;
            font-size: 13px; }
          html body .container-fluid .right-content .main-content table tbody tr:hover {
            cursor: pointer; }
          html body .container-fluid .right-content .main-content .services-item [class*='col-'].services {
            display: none; }
          html body .container-fluid .right-content .main-content .services-item [class*='col-'].services, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services {
            margin: 15px 0 10px 0; }
            html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content {
              padding: 10px;
              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
              color: #333; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content .count, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content .count {
                font-size: 2em;
                font-family: bold;
                color: #26A69A; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content .text, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content .text {
                padding: 10px 0;
                text-transform: uppercase;
                font-family: bold; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content.a, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content.a {
                border-left: 5px solid #CCDB38; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content.b, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content.b {
                border-left: 5px solid #00c853; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content.c, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content.c {
                border-left: 5px solid #ffeb3b; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content.d, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content.d {
                border-left: 5px solid #26A69A; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content.e, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content.e {
                border-left: 5px solid #FE5621; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content.f, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content.f {
                border-left: 5px solid #aa00ff; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content.x, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content.x {
                border-top: 5px solid #CCDB38; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content.y, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content.y {
                border-top: 5px solid #00c853; }
              html body .container-fluid .right-content .main-content .services-item [class*='col-'].services .content.z, html body .container-fluid .right-content .main-content .stats-item [class*='col-'].services .content.z {
                border-top: 5px solid #ffeb3b; }

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