body {
  position: relative;
  font-family: "Montserrat", sans-serif;
}

.primary-btn {
  background: #2a3f54;
  color: white;
  padding: 8px 10px;
  display: inline-block;
  border-radius: 0;
  text-decoration: none !important;
  border: 0;
}
.primary-btn:focus, .primary-btn:hover {
  color: white;
}

.create-btn {
  background: #159959;
  display: inline-block;
  color: white;
  padding: 8px 10px;
  border: 0;
  text-transform: capitalize;
  border-radius: 0;
  text-decoration: none !important;
}
.create-btn:focus, .create-btn:hover {
  color: white;
}

.back-btn {
  background: #337ab7;
  display: inline-block;
  color: white;
  padding: 8px 10px;
  text-transform: capitalize;
  border: 0;
  border-radius: 0;
  text-decoration: none !important;
}
.back-btn a {
  color: white;
  text-decoration: none;
}
.back-btn:focus, .back-btn:hover {
  color: white;
}

.reset-btn {
  background: #ffb822;
  display: inline-block;
  color: white;
  padding: 8px 10px;
  text-transform: capitalize;
  border: 0;
  border-radius: 0;
  text-decoration: none !important;
}
.reset-btn:focus, .reset-btn:hover {
  color: white;
}

.ins-btn {
  background: #fe9365;
  display: inline-block;
  color: white;
  text-transform: capitalize;
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  text-decoration: none !important;
}
.ins-btn:focus, .ins-btn:hover {
  color: white;
}

.lic-btn {
  background: #fe5d70;
  display: inline-block;
  color: white;
  padding: 8px 10px;
  border: 0;
  text-transform: capitalize;
  border-radius: 0;
  text-decoration: none !important;
}
.lic-btn:focus, .lic-btn:hover {
  color: white;
}

.border-style {
  border-radius: 0;
  border: 1px solid #e8e5e5;
  background: white;
}

.form-control {
  border-radius: 0;
  height: 40px;
}

.alert {
  padding: 15px !important;
  margin: 15px 0 !important;
}

.nav-sm .content_col {
  margin-top: 38px;
}
.nav-sm .sidebar-panel {
  min-height: 100%;
  width: 82px;
  padding: 0;
  z-index: 9999;
}
.nav-sm .sidebar-panel .site_title {
  padding: 0;
  padding-left: 15px;
}
.nav-sm .sidebar-panel #sidebar-menu h3 {
  display: none;
}
.nav-sm .sidebar-panel .sidebar-footer {
  display: none;
}
.nav-sm footer {
  margin-left: 82px;
}
.nav-sm .menu_section span.fa {
  display: none;
}

.nav-sm .right_col {
  background: #f2f3f8;
  padding: 62px 20px 10px;
  margin-left: 82px;
  z-index: 2;
}

.nav-sm .navbar.nav_title {
  width: 70px;
}

.nav-sm .nav_title a span {
  display: none;
}

.nav-sm .nav_title a i {
  font-size: 27px;
  margin: 13px 0 0 3px;
}

.nav-sm .top_nav {
  display: block;
  margin-left: 82px;
  z-index: 2;
}

.nav-sm .nav.side-menu .current-page {
  border-right: 5px solid #159959;
}
.nav-sm .nav.side-menu li a {
  text-align: center !important;
  font-weight: 400;
  font-size: 12px;
  padding: 10px 5px;
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
  border-right: 5px solid #159959;
}

.nav-sm ul.nav.child_menu ul,
.nav-sm .nav.side-menu li.active-sm ul ul {
  position: static;
  width: 200px;
  background: none;
}

.nav-sm > .nav.side-menu > li.active-sm > a {
  color: #1abb9c !important;
}

.nav-sm .nav.side-menu li a i.toggle-up {
  display: none !important;
}

.nav-sm .nav.side-menu li a i {
  font-size: 25px !important;
  text-align: center;
  width: 100% !important;
  margin-bottom: 5px;
}
.nav-sm .nav.side-menu li a .fa-cab::before, .nav-sm .nav.side-menu li a .fa-building-o::before, .nav-sm .nav.side-menu li a .fa-car::before, .nav-sm .nav.side-menu li a .fa-list::before, .nav-sm .nav.side-menu li a .fa-newspaper-o::before, .nav-sm .nav.side-menu li a .fa-envelope::before, .nav-sm .nav.side-menu li a .fa-graduation-cap::before, .nav-sm .nav.side-menu li a .fa-money::before, .nav-sm .nav.side-menu li a .fa-users::before, .nav-sm .nav.side-menu li a .fa-tag::before {
  font-size: 20px !important;
}
.nav-sm .nav.side-menu li a .fa-sign-out::before {
  font-size: 18px !important;
}

.nav-sm ul.nav.child_menu {
  left: 70px;
  position: absolute;
  top: 0;
  width: 210px;
  z-index: 4000;
  background: #3e5367;
  display: none;
}

.nav-sm ul.nav.child_menu li {
  padding: 0 10px;
}

.nav-sm ul.nav.child_menu li a {
  text-align: left !important;
  font-size: 12px;
}
.nav-sm ul.nav.child_menu li a i {
  font-size: 12px !important;
  width: 26px !important;
}

.nav-sm .sidebar-panel .profile {
  display: none;
}

@media (max-width: 991px) {
  .nav-md .sidebar-panel {
    display: none;
  }
}
.nav-md .child_menu li a {
  margin-bottom: 0 !important;
}
.nav-md .child_menu li:before {
  background: #425668;
  bottom: auto;
  content: "";
  height: 8px;
  left: 23px;
  margin-top: 15px;
  position: absolute;
  right: auto;
  width: 8px;
  z-index: 1;
  border-radius: 50%;
}
.nav-md .child_menu li:after {
  border-left: 1px solid #425668;
  bottom: 0;
  content: "";
  left: 27px;
  position: absolute;
  top: 0;
}
.nav-md .child_menu li:last-child:after {
  bottom: 50%;
}
.nav-md footer {
  margin-left: 230px;
}
@media (max-width: 991px) {
  .nav-md footer {
    margin-left: 0;
  }
}
.nav-md .right_col {
  min-height: 1320px !important;
  background: #f2f3f8;
  padding: 62px 20px 10px;
  margin-left: 230px;
}
@media (max-width: 991px) {
  .nav-md .right_col {
    margin-left: 0;
  }
}

.sidebar-panel {
  min-height: 100%;
  width: 230px;
  padding: 0;
  position: absolute;
  background: #2a3f54;
  top: 0;
}
.sidebar-panel .nav_title {
  margin-bottom: 0;
}
.sidebar-panel .site_title {
  text-decoration: none;
  font-weight: 400;
  font-size: 22px;
  width: 100%;
  line-height: 59px;
  display: block;
  height: 55px;
  margin: 0;
  padding: 0 27px;
  color: #ecf0f1 !important;
  margin-left: 0 !important;
}
.sidebar-panel .site_title img {
  width: 35px;
  margin-right: 10px;
}
.sidebar-panel .profile {
  margin-top: 10px;
}
.sidebar-panel .profile .profile_pic {
  width: 35%;
  float: left;
}
.sidebar-panel .profile .profile_pic .profile_img {
  width: 60px;
  height: 60px;
  background: white;
  margin-left: 10px;
  z-index: 1000;
  position: inherit;
  margin-top: 20px;
  border: 1px solid rgba(52, 73, 94, 0.44);
  padding: 4px;
}
.sidebar-panel .profile_info {
  padding: 25px 10px 10px;
  width: 65%;
  float: left;
}
.sidebar-panel .profile_info span {
  font-size: 13px;
  line-height: 30px;
  color: #bab8b8;
}
.sidebar-panel .profile_info h2 {
  font-size: 14px;
  color: #ecf0f1;
  margin: 0;
  font-weight: 300;
}
.sidebar-panel .menu_section {
  margin-bottom: 35px;
}
.sidebar-panel .menu_section h3 {
  padding-left: 23px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 0;
  text-shadow: 1px 1px black;
}
.sidebar-panel .menu_section > ul {
  margin-top: 10px;
}
.sidebar-panel #sidebar-menu {
  margin-top: 35px;
}
.sidebar-panel #sidebar-menu .side-menu li {
  position: relative;
  display: block;
  cursor: pointer;
}
.sidebar-panel #sidebar-menu .side-menu li:hover {
  border-right: 5px solid #1abb9c;
  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
  background: linear-gradient(#334556, #2c4257), #2a3f54;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;
}
.sidebar-panel #sidebar-menu .side-menu li a {
  margin-bottom: 6px;
  color: white;
}
.sidebar-panel #sidebar-menu .side-menu li a i {
  width: 26px;
  opacity: 0.99;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
}
.sidebar-panel #sidebar-menu .side-menu li a .fa-cab::before, .sidebar-panel #sidebar-menu .side-menu li a .fa-building-o::before, .sidebar-panel #sidebar-menu .side-menu li a .fa-car::before, .sidebar-panel #sidebar-menu .side-menu li a .fa-list::before, .sidebar-panel #sidebar-menu .side-menu li a .fa-newspaper-o::before, .sidebar-panel #sidebar-menu .side-menu li a .fa-envelope::before, .sidebar-panel #sidebar-menu .side-menu li a .fa-graduation-cap::before, .sidebar-panel #sidebar-menu .side-menu li a .fa-money::before, .sidebar-panel #sidebar-menu .side-menu li a .fa-users::before, .sidebar-panel #sidebar-menu .side-menu li a .fa-tag::before {
  font-size: 14px;
}
.sidebar-panel #sidebar-menu .side-menu li a .fa-sign-out::before {
  font-size: 15px;
}
.sidebar-panel #sidebar-menu .side-menu li a span.fa {
  float: right;
  text-align: center;
  margin-top: 5px;
  font-size: 10px;
  min-width: inherit;
  color: #c4cfda;
}
.sidebar-panel #sidebar-menu .side-menu li a:hover, .sidebar-panel #sidebar-menu .side-menu li a:focus {
  text-decoration: none;
  background: transparent;
}
.sidebar-panel #sidebar-menu .side-menu .current-page {
  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
  background: linear-gradient(#334556, #2c4257), #2a3f54;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}
.sidebar-panel #sidebar-menu .side-menu > li.active > a {
  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
  background: linear-gradient(#334556, #2c4257), #2a3f54;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}
.sidebar-panel #sidebar-menu .side-menu > li.active .child_menu {
  display: block;
}
.sidebar-panel #sidebar-menu .side-menu .child_menu {
  display: none;
}
.sidebar-panel #sidebar-menu .side-menu .child_menu li {
  padding-left: 20px;
}
.sidebar-panel #sidebar-menu .side-menu .child_menu li:hover, .sidebar-panel #sidebar-menu .side-menu .child_menu li:active {
  background-color: rgba(255, 255, 255, 0.06);
}
.sidebar-panel #sidebar-menu .side-menu .child_menu li li a:hover, .sidebar-panel #sidebar-menu .side-menu .child_menu li li a:active {
  color: white;
}
.sidebar-panel #sidebar-menu .side-menu .child_menu li li:hover, .sidebar-panel #sidebar-menu .side-menu .child_menu li li:active {
  background: none;
}
.sidebar-panel #sidebar-menu .side-menu .child_menu li.sidebar_pre a {
  position: relative;
  padding-left: 42px;
}
.sidebar-panel #sidebar-menu .side-menu .child_menu li.sidebar_pre a i {
  position: absolute;
  left: 14px;
  top: 9px;
}
.sidebar-panel #sidebar-menu .nav.side-menu > li.current-page,
.sidebar-panel #sidebar-menu .nav.side-menu > li.active {
  border-right: 5px solid #159959;
}
.sidebar-panel .sidebar-footer {
  bottom: 0;
  clear: both;
  display: block;
  padding: 5px 0 0;
  position: fixed;
  width: 230px;
  background: #2a3f54;
  z-index: 999;
}
.sidebar-panel .sidebar-footer a {
  padding: 7px 0 3px;
  text-align: center;
  width: 25%;
  font-size: 17px;
  display: block;
  float: left;
  background: #172d44;
  cursor: pointer;
}

.top_nav {
  display: block;
  margin-left: 230px;
}
@media (max-width: 991px) {
  .top_nav {
    margin-left: 0;
  }
}
.top_nav .nav_menu {
  float: left;
  background: white;
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  width: 100%;
  position: relative;
}
.top_nav .nav_menu .toggle {
  float: left;
  margin: 0;
  padding-top: 21px;
  padding-left: 11px;
  width: 70px;
}
@media (max-width: 767px) {
  .top_nav .nav_menu .toggle {
    padding-top: 16px;
  }
}
.top_nav .nav_menu .toggle a {
  padding: 15px 15px 0;
  margin: 0;
  color: #2a3f54;
  cursor: pointer;
}
.top_nav .nav_menu .toggle a i {
  font-size: 26px;
}
.top_nav .navbar-right {
  margin: 0;
  width: 70%;
  float: right;
}
.top_nav .navbar-right li {
  display: inline-block;
  float: right;
  position: static;
  position: relative;
}
.top_nav .navbar-right li .user-profile {
  position: relative;
}
.top_nav .navbar-right li .user-profile img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 10px;
}
.top_nav .navbar-right li a i {
  font-size: 15px;
}
.top_nav .navbar-right li .dropdown-menu {
  animation-name: slideInDown;
  animation-duration: 1s;
  animation-fill-mode: both;
  transition-timing-function: ease-in-out;
  position: absolute;
  background: white;
  margin-top: 0;
  padding: 0;
  border: 1px solid #d9dee4;
  -webkit-box-shadow: none;
  right: 0;
  left: auto !important;
  width: 285px;
  box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.1803921569);
}
.top_nav .navbar-right li .dropdown-menu .setting-list {
  padding-left: 0;
  margin-top: 30px;
}
.top_nav .navbar-right li .dropdown-menu .setting-list li {
  border-bottom: 1px solid #f7f8fa;
  transition: all 0.3s ease;
}
.top_nav .navbar-right li .dropdown-menu .setting-list li:hover {
  background: #f7f8fa;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1607843137);
}
.top_nav .navbar-right li .dropdown-menu .setting-list li:hover a {
  color: #159959;
}
.top_nav .navbar-right li .dropdown-menu .setting-list li a {
  text-decoration: none;
  color: #172d44;
  padding: 15px 22px;
}
.top_nav .navbar-right li .dropdown-menu .setting-list li a i {
  margin-right: 10px;
}
@keyframes slideInDown {
  0% {
    transform: translateY(5%);
    visibility: visible;
  }
  100% {
    transform: translateY(10%);
  }
}
.top_nav .navbar-right li .menu-profile {
  background: #2a3f54;
  padding: 30px;
  position: relative;
}
.top_nav .navbar-right li .menu-profile img {
  width: 55px;
  position: absolute;
  bottom: -26px;
  height: 55px;
  left: 43%;
  right: auto;
  margin: 0 auto;
  border: 2px solid #159959;
  padding: 3px;
  box-shadow: 0 0 17px rgba(42, 63, 83, 0.7490196078);
  background: white;
}
.top_nav .navbar-right li .menu-profile span {
  margin-bottom: 10px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  display: block;
  text-align: center;
}
.top_nav .dropdown-menu li {
  width: 100%;
}
.top_nav .dropdown-menu li a {
  width: 100%;
  padding: 0px 20px;
  display: block;
}

footer {
  background: #ededed;
  padding: 10px 20px;
  display: block;
}

.create_acc-form .login-form {
  max-width: 700px !important;
}
.create_acc-form .login-form .text-input {
  margin-bottom: 0 !important;
}

.login-wrap {
  padding: 80px 15px;
  height: 100%;
  background: #ededed;
}
@media (max-width: 991px) {
  .login-wrap {
    padding: 70px 15px;
  }
}
@media (max-width: 767px) {
  .login-wrap {
    padding: 60px 15px;
  }
}
.login-wrap .login-form {
  max-width: 550px;
  margin: 0 auto;
  box-shadow: 0 0 1.5rem #e6e6e6;
  background: white;
  font-family: "Montserrat", sans-serif;
  border-radius: 10px;
}
@media (max-width: 567px) {
  .login-wrap .login-form {
    border: 0;
  }
}
.login-wrap .login-form .form-header {
  background: #002663;
  padding: 15px 20px;
  border-radius: 10px 10px 0 0;
}
.login-wrap .login-form .form-header .main-heading {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.2;
  padding: 6px 5px;
  display: inline-block;
  margin: 0;
  float: left;
  color: white;
}
.login-wrap .login-form .form-header .main-heading:after {
  display: none;
}
.login-wrap .login-form .form-header .forget-text {
  display: inline-block;
  float: right;
  margin: 0;
}
.login-wrap .login-form .form-header .forget-text a {
  color: #fff;
  font-weight: 600;
  display: inline-block;
  padding: 6px 5px;
  line-height: 1;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
.login-wrap .login-form .block-content {
  padding-top: 30px;
  padding-bottom: 40px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  overflow-x: visible;
}
.login-wrap .login-form .block-content .site-title {
  color: black;
  font-weight: 600;
  font-size: 30px;
  margin-top: 0;
}
@media (max-width: 767px) {
  .login-wrap .login-form .block-content .site-title {
    font-size: 24px;
  }
}
.login-wrap .login-form .block-content .small-text {
  font-size: 16px;
  color: #646464;
}
.login-wrap .login-form .block-content .small-text a {
  color: #090d27;
  font-weight: 600;
  text-decoration: none;
}
.login-wrap .login-form .block-content form {
  padding: 16px 0;
}
.login-wrap .login-form .block-content form label {
  font-weight: 600;
  color: #838383;
}
.login-wrap .login-form .text-input {
  width: 100%;
  background: transparent;
  border: 1px solid #e6e6e6;
  padding: 9px 15px;
  font-size: 15px;
  color: #002855;
  font-weight: 400;
  border-radius: 6px;
}
.login-wrap .login-form .text-input:focus {
  outline: 0;
  color: #495057;
  border-color: #ccc;
  background-color: #fcfcfc;
  box-shadow: none;
}
.login-wrap .login-form .sign_in-btn {
  background: #002663;
  border: 2px solid #090d27;
  padding: 13px 40px;
  border-radius: 0;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 600;
  color: white;
  font-size: 16px;
  line-height: 1.3;
  box-shadow: 0 0 0 0 #fff inset;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 8px;
}
.login-wrap .login-form .sign_in-btn:hover {
  background: none;
  color: #090d27;
}
.login-wrap .login-form .sign_in-btn a {
  color: white;
}
.login-wrap .login-form .sign_in-btn i {
  margin-right: 4px;
}
.login-wrap .login-form .guest-btn {
  background: white;
  color: #090d27;
  padding: 25px;
  max-width: 215px;
  width: 100%;
  border-radius: 4px;
  position: relative;
  border: 2px solid #090d27;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out 0s;
}
.login-wrap .login-form .guest-btn a {
  color: #090d27;
  font-weight: bold;
  letter-spacing: 0.6px;
  text-decoration: none;
}
.login-wrap .login-form .guest-btn:hover {
  background: #002663;
  box-shadow: 0 3px #cb041c;
}
.login-wrap .login-form .guest-btn:hover a {
  color: white;
}

.bootstrap-datetimepicker-widget {
  margin: 0;
  padding: 0;
}
.bootstrap-datetimepicker-widget .datepicker table thead tr th {
  border: 0;
  color: #73879c;
  text-align: center;
}
.bootstrap-datetimepicker-widget .datepicker table thead tr:first-child {
  background: #1abb9c;
}
.bootstrap-datetimepicker-widget .datepicker table thead tr:first-child th {
  color: white;
}
.bootstrap-datetimepicker-widget .datepicker table thead tr:last-child {
  background: white;
}
.bootstrap-datetimepicker-widget .datepicker table tbody tr .active {
  background-color: #536a7f;
  color: #fff;
}
.bootstrap-datetimepicker-widget .datepicker table tbody tr td {
  text-align: center;
}
.bootstrap-datetimepicker-widget .datepicker table tbody tr td:last-child {
  width: auto !important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table thead tr,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table thead tr,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table thead tr {
  background: #1abb9c;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tbody tr td span,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tbody tr td span,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tbody tr td span {
  margin-left: 10px;
}

.glyphicon {
  width: 26px;
  opacity: 0.99;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
}

.glyphicon-chevron-left::before {
  content: "\f053";
}

.glyphicon-chevron-right::before {
  content: "\f054";
}

.glyphicon-chevron-up::before {
  content: "\f077";
}

.glyphicon-chevron-down::before {
  content: "\f078";
}

.datepicker, .bootstrap-datetimepicker-widget {
  padding: 0 !important;
  margin: 0;
}
.datepicker table thead tr:nth-child(2), .bootstrap-datetimepicker-widget table thead tr:nth-child(2) {
  background: #159959;
}
.datepicker table thead tr .dow, .bootstrap-datetimepicker-widget table thead tr .dow {
  color: #2a3f54 !important;
}
.datepicker table thead tr th, .bootstrap-datetimepicker-widget table thead tr th {
  border-radius: 0;
  color: white !important;
}
.datepicker table thead tr th:hover, .bootstrap-datetimepicker-widget table thead tr th:hover {
  background: #159959 !important;
}
.datepicker table tbody tr td, .bootstrap-datetimepicker-widget table tbody tr td {
  color: #2a3f54;
  text-align: center;
}
.datepicker table tbody tr td:last-child, .bootstrap-datetimepicker-widget table tbody tr td:last-child {
  width: auto !important;
}
.datepicker table tbody tr td .glyphicon, .bootstrap-datetimepicker-widget table tbody tr td .glyphicon {
  color: #159959;
}
.datepicker table tbody tr td button, .bootstrap-datetimepicker-widget table tbody tr td button {
  background: #159959;
  border: 2px solid #159959;
}
.datepicker table tbody tr td button:hover, .datepicker table tbody tr td button:focus, .bootstrap-datetimepicker-widget table tbody tr td button:hover, .bootstrap-datetimepicker-widget table tbody tr td button:focus {
  background: white;
  color: #2a3f54;
}
.datepicker table tbody tr td:last-child, .bootstrap-datetimepicker-widget table tbody tr td:last-child {
  width: auto;
}
.datepicker table tbody tr .active, .bootstrap-datetimepicker-widget table tbody tr .active {
  color: white;
  background-color: #159959 !important;
  background-image: none !important;
}

.error-section {
  margin: 210px 0;
  display: table;
  width: 100%;
}
.error-section .center-error {
  display: table-cell;
  vertical-align: middle;
}
.error-section .center-error h2 {
  margin: 0;
  font-size: 110px;
  color: #090d27;
  font-weight: bold;
}
@media (max-width: 767px) {
  .error-section .center-error h2 {
    font-size: 50px;
  }
}

.content-wrap .ride-Incomplete {
  color: #337ab7;
  vertical-align: top;
}
.content-wrap .Incomplete {
  background: #337ab7;
  color: white;
  padding: 3px 6px;
  border-radius: 4px;
}
.content-wrap .ride-Paid {
  color: #ffb822;
  font-weight: bold;
  vertical-align: top;
}
.content-wrap .Paid {
  background: #ffb822;
  color: white;
  padding: 3px 6px;
  font-weight: bold;
  border-radius: 4px;
}
.content-wrap .ride-Confirmed {
  color: rgb(0, 188, 212);
  vertical-align: top;
}
.content-wrap .Confirmed {
  background: rgb(0, 188, 212);
  color: white;
  padding: 3px 6px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  line-height: 1.2;
  font-size: 13px;
}
.content-wrap .ride-Cancel {
  color: #e85b5b;
  font-weight: bold;
  vertical-align: top;
}
.content-wrap .Cancel {
  background: #e85b5b;
  color: white;
  padding: 3px 6px;
  border-radius: 4px;
  font-weight: bold;
}
.content-wrap .re_fund, .content-wrap .cancelled {
  background: transparent !important;
}
.content-wrap .ride-On-Ride {
  color: #159959;
  vertical-align: top;
}
.content-wrap .On-Ride {
  width: 70px;
  background: #159959;
  color: white;
  padding: 3px 6px;
  display: inline-block;
  border-radius: 4px;
}
.content-wrap .ride-Unpaid {
  color: #3399cc;
  font-weight: bold;
  vertical-align: top;
}
.content-wrap .Unpaid {
  background: #3399cc;
  color: white;
  border-radius: 4px;
  padding: 3px 6px;
  font-weight: bold;
}
.content-wrap .ride-Completed {
  color: #dc005a;
  vertical-align: top;
}
.content-wrap .Completed {
  background: #dc005a;
  color: white;
  border-radius: 4px;
  padding: 3px 6px;
}
.content-wrap .ride-Refund {
  vertical-align: top;
  color: #249be9;
}
.content-wrap .Refund {
  background: #249be9;
  color: white;
  border-radius: 4px;
  padding: 3px 6px;
}

.login-section {
  min-height: 650px;
}
.login-section .login-heading {
  font-size: 24px;
  font-weight: bold;
  color: #2a3f54;
}
.login-section .title {
  color: #515151;
  font-weight: 400;
}
.login-section .title:after {
  content: "*";
  color: #e02b27;
  font-size: 1.2rem;
  margin: 0 0 0 5px;
}
.login-section .form-group {
  margin-bottom: 20px;
}
.login-section .verify-heading {
  background: #f2f2f2;
  padding: 16px 20px;
  font-size: 16px;
  border-radius: 6px;
  line-height: 1;
}
.login-section .mute-text {
  color: #4b4b4b;
  margin-bottom: 30px;
}
.login-section .text-input {
  border: 1px solid #adadad;
  background: white;
  width: 100%;
  padding: 0 14px;
  height: 45px;
  border-radius: 6px;
}
.login-section .text-input:focus {
  outline: 0;
}
.login-section .remember-box {
  position: absolute;
  opacity: 0;
}
.login-section .remember-box + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  color: #646464;
}
.login-section .remember-box + label:before {
  content: "";
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border-radius: 0.25rem;
  background-color: #dee2e6;
}
.login-section .remember-box:checked + label:before {
  background: #002663;
}
.login-section .remember-box:checked + label:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 13px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.login-section .sign_in-btn {
  background: #002663;
  border: 2px solid #090d27;
  padding: 13px 40px;
  border-radius: 0;
  text-decoration: none;
  margin-bottom: 20px;
  font-weight: 600;
  color: white;
  font-size: 16px;
  display: inline-block;
  line-height: 1.3;
  border-radius: 8px;
  transition: all 0.2s ease-in-out 0s;
}
.login-section .sign_in-btn:hover, .login-section .sign_in-btn:focus {
  background: 0 0;
  color: #090d27;
}
.login-section .sign_in-btn:hover a, .login-section .sign_in-btn:focus a {
  color: #090d27;
}
.login-section .sign_in-btn a {
  color: white;
  text-decoration: none;
}
.login-section .sign_in-btn i {
  margin-right: 4px;
}
.login-section .forget-text {
  display: inline-block;
}
.login-section .pay-btn {
  float: right;
}
@media (min-width: 991px) and (max-width: 1199px) {
  .login-section .pay-btn {
    float: none;
  }
}
@media (max-width: 567px) {
  .login-section .pay-btn {
    float: none;
  }
}

.login-page_btn {
  background-color: transparent;
  border: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .login-section .login-page_btn {
    margin-bottom: 10px;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .login-section .login-page_btn {
    margin-bottom: 10px;
  }
}

.cc-window {
  padding: 1em 1.8em;
  width: 100%;
  max-width: 100% !important;
  flex-direction: row !important;
}

.cc-window .cc-message {
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  margin-right: 1em;
}

.cc-compliance {
  display: flex;
  align-items: center;
  -ms-flex-line-pack: justify;
  max-width: 71px;
  width: 100%;
  align-content: space-between;
}

.close_menu {
  display: none;
  text-align: right;
  width: 100%;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .close_menu {
    display: block;
  }
}
.close_menu i {
  color: white;
  font-size: 22px;
}

.app-footer_btn {
  display: none;
}

.id-field {
  width: 60px;
}

.grecaptcha-badge {
  z-index: 1000;
}

.rounded-btn {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  background: rgba(60, 45, 45, 0.431372549);
  border: 0px;
  padding: 0px;
}
.rounded-btn .fa {
  font-size: 12px;
}
.rounded-btn:hover {
  background: #2a3f54;
}

.flex-set {
  display: flex;
  gap: 4px;
  align-items: center;
}

.sidebar-panel .nav li a {
  padding: 10px 12px;
}