.required span {
  color: red;
}
.errorMessage {
  color: red;
}
.help-inline {
  color: red;
}
.error {
  color: red;
}

.navbar {
  margin-bottom: -1px;
  border-radius: 0;
}

#submenu {
  background-color: #f5f5f5;
}

.collapsing {
  display: none;
}

/* .page-header h1 {
  margin-top: 10px;
} */
.page-header {
  margin: 0px 0px 0px !important;
  border: none !important;
  /* padding-bottom: 10px !important; */
  font-weight: 600;
  padding: 0 !important;
}
.nav > li > a {
  padding: 10px 12px !important;
}
.ui-datepicker {
  z-index: 111 !important;
}
.fixedtable {
  max-height: calc(100vh - 300px) !important;
  clear: both;
  overflow: auto;
}
.fixedtable table {
  position: relative;
}
.fixedtable thead th:first-child,
.fixedtable tbody td:first-child {
  position: sticky !important;
  left: 0px !important;
  z-index: 1 !important;
  background: #fff;
}

.fixedtable thead th:nth-child(2),
.fixedtable tbody td:nth-child(2) {
  position: sticky !important;
  left: 32px !important;
  z-index: 3 !important;
  background: #fff;
}
.onlymonthlyatt thead th:nth-child(1),
.onlymonthlyatt tbody td:nth-child(1) {
  left: 1px !important;
}
.onlymonthlyatt thead th:nth-child(2),
.onlymonthlyatt tbody td:nth-child(2) {
  left: 28px !important;
}
.onlymonthlyatt thead th:last-child,
.onlymonthlyatt tbody td:last-child {
  position: sticky !important;
  right: 1px !important;
  z-index: 1 !important;
  background: #fff;
  outline: 1px solid #ddd !important;
}
.fixedtable tbody td:nth-child(1),
.fixedtable tbody td:nth-child(2) {
  outline: 1px solid #ddd !important;
}
.fixedtable tbody tr:last-child td:nth-child(1),
.fixedtable tbody tr:last-child td:nth-child(2) {
  outline: none !important;
}
.fixedtable input {
  max-width: 90px;
}
.fixedtable td {
  white-space: nowrap;
}
.fixedtable thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 11 !important;
  background: #fff;
}
.dash_details {
  margin-top: 20px;
}

select {
  appearance: none;
  background-image: url(../images/dowmarrow.png) !important;
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: center;
  background-size: 10px;
}
/* .search-form1 form div:first-child {
  padding-left: inherit !important;
} */
/* .search-form2 form div:first-child {
  padding-left: inherit !important;
} */
/* .search-form1 {
  height: 35px;
} */
.mb-2 {
  margin-bottom: 10px !important;
}

.table {
  margin-bottom: inherit !important;
}
.panel-footer {
  background-color: #fff !important;
  display: flex;
  justify-content: right;
}
.panel-footer .pull-left {
  display: block;
  margin-right: 10px;
}
.dash-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.panel-heading {
  padding: 0px 15px !important;
}
.panel-default > .panel-heading {
  color: #fff !important;
  background: #fff !important;
  /* padding: 0px 0px 22px; */
  border: none !important;
}
.view_all {
  color: #303030 !important;
  font-size: 15px;
  font-weight: 600 !important;
}
.panel-info > .panel-heading {
  color: #fff !important;
  background-color: #004c97 !important;
  border-color: #f5f5f5 !important;
}
.panel-footer {
  border-top: none !important;
}
.panel-info {
  border: 1px solid #ddd !important;
}
.search_btn {
  color: #686868 !important;
  background-color: #e5e5e5 !important;
  border: none !important;
}
.caret {
  margin-left: 5px !important;
}
.navbar-right li a {
  color: #fff !important;
  /* background-color: #135e87 !important; */
  background-color: #004c97 !important;
}
.navbar-right > li > a:focus,
.navbar-right > li > a:hover {
  background-color: #004c97 !important;
}
.navbar-right li a:hover i {
  color: #fff !important;
}
.dropdown-toggle .fa-user,
.dropdown-toggle .fa-caret-down {
  color: #fff !important;
}
.dropdown-user li a i {
  color: #000 !important;
}
.dropdown-user li a {
  color: #000 !important;
  background-color: #fff !important;
}

ul.navbar-nav.collapse li {
  background: #fff !important;
  border-right: none !important;
  /* border-bottom: 1px solid #f2f2f2; */
}
ul.navbar-nav.collapse li:hover {
  /* background: #0076b7 !important; */
  color: #004c97 !important;
}
/* ul.navbar-nav.collapse li:hover .barder_bottom {
  border: 1px solid #004c97 !important;
  display: block !important;
  width: 60%;

  border-radius: 10px;
} */
ul.navbar-nav.collapse li:hover a {
  color: #004c97 !important;
}
ul.navbar-nav.collapse li a {
  color: #2a2a2a !important;
  padding: 7px !important;
}
nav#submenu {
  background: #fff !important;
}
#submenu {
  padding: 0 30px !important;
}

#submenu ul li .active {
  /* background-color: #0076b7 !important; */

  color: #0076b7 !important;
}
/* .active > .barder_bottom {
  border: 1px solid #0076b7 !important;
  display: block !important;
  width: 60%;
  border-radius: 10px;
} */
.pr-0 {
  padding-right: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.w-100 {
  width: 100% !important;
}

#page-wrapper {
  padding: 0px 30px !important;
}
#page-wrapper > div > div > div {
  padding: 0 !important;
}

.navbar-brand {
  padding: 0px 10px !important;
  height: unset !important;
}
.content_head {
  height: 35px;
  vertical-align: middle;
}
.navbar-top-links li a {
    padding: 15px;
    min-height:unset !important;
}
/* .grid-view table tr td,
.grid-view table tr th {
  white-space: pre;
} */
/* .dashboard_p0 > div >  {
  padding: 0 !important;
} */

.search_title {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
}
.search_sec {
  background-color: #f1f4f7 !important;
  color: #444 !important;
  border: none !important;
  padding: 8px 66px 8px 12px !important;
}
.glyphicon-search:before {
  margin-right: 5px;
}
.button-column {
  min-width: 100px;
}
.button-column a {
  margin-right: 5px;
  float: left;
}
.pagination > .pagination {
  margin: 0 !important;
}
.help-block {
  padding: 0px;
}
.page-header h1 {
  font-size: 30px !important;
  font-weight: 600 !important;
  margin: 20px 0px !important;
}
.card {
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 50px 40px;
  margin-bottom: 20px !important;
  background-color: #fff;
  border-radius: 6px;
}
.card-title {
  margin: 0px 0px 15px;
  width: 100%;
}
label {
  margin-bottom: 8px !important;
  color: #333 !important;
}
.submit_btn {
  width: 120px !important;
  position: static !important;
  background-color: #0076b7 !important;
  color: #fff !important;
  border: none !important;
}
.export_btn,
.add-button {
  background-color: #4fa6d9 !important;
  border: none !important;
  padding: 10px;
  margin-left: 12px !important;
}
.save_btn {
  background-color: #4fa6d9 !important;
  border: none !important;
  padding: 10px;
  width: 100px;
}
.col_submit {
  margin-top: 28px;
}
.submit_btn:focus {
  outline: none !important;
}

.search_grb {
  color: #303030;
  background-color: #f3f3f3;
  border-color: #2e6da4;
  border-radius: 5px;
}

.login-section .submit_btn {
  background-color: #0076b7;
  color: #fff;
  width: 100% !important;
}
.login-section {
  width: 470px;
}
.m-0 {
  margin: 0 !important;
}
.mb {
  margin-bottom: 0;
}
.align-items-center {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ms-2 {
  margin-left: 15px;
}
.badge {
  display: inline !important;
  width: 20px !important;
}
.filter_search_btn {
  padding: 0 !important;
  display: flex;
  justify-content: end;
}
.project_phase_col {
  display: flex;
  flex-wrap: wrap;
}
.project_phase_col .full_col {
  flex: 1;
}
.mw-100 {
  max-width: 100%;
}
.flex-wrap {
  flex-wrap: wrap;
}
.project_phase_col div .card,
.project_phase_col div .panel {
  height: 94%;
}
/*.filters {
  display: none;
}*/

.d-flex {
  display: flex;
}
.justify-content-end {
  justify-content: end !important;
}
.tabletime_sec th:nth-last-child(2) {
  width: 180px !important;
}
.plugin-input .form-control {
  padding: 3px 5px !important;
}
.list_table table th {
  padding: 6px 0px !important;
}
.form-control {
  color: #222 !important;
  border-radius: 0 !important;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: inherit !important;
  background-color: #fff !important;
}
.mt-4 {
  margin-top: 30px;
}
.mt-2 {
  margin-top: 20px;
}
.model_align {
  display: flex;
  align-items: end;
}
.permission_table tr {
  border: 1px solid #ddd !important;
}
.sub_head h2 {
  font-size: 22px !important;
  font-weight: 600;
}
.sub_head h2 img {
  margin-right: 8px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
  font-size: 22px !important;
  font-weight: 500;
}
.modal-body h2 {
  font-size: 20px !important;
  margin-top: 0;
}
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.align-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pagesizeoptions select,
.select_sec .select2-container,
.select2-container {
  padding: 2px 4px !important;
  /* padding: 5px !important; */
}
.MultiFile-intercepted .select2-container {
  padding: 2px 0px !important;
}
.form_search {
  padding: 6px 22px;
  background: #0076b7 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px;
}
.clr-w {
  color: #fff !important;
}
.table_sec {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.search-form {
  margin-bottom: 20px;
}
.center {
  /* display: flex; */
  justify-content: center;
  align-items: center;
  height: 80vh;
}
.log_sec {
  display: flex;
  justify-content: center;
}
.bg-color {
  background-color: #0076b7 !important;
  height: calc(100vh - 65vh);
  width: calc(100% + 60px);
  position: absolute;
  top: 0;
  margin-left: -30px;
}
.change_pwd_sec {
  position: absolute !important;
  top: 150px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px !important;
  background: #fffefe !important;
}
.login_left_sec {
  background-image: url(../images/login_bg.jpg);
  /* background-image: url(../images/login_bg1.jpg); */
  /* background-color: #e2ecf2; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* width: calc(100% - 650px); */
  width: 100%;
  height: 100vh;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login_left_sec .card {
  background-color: #fff !important;
  border-radius: 12px !important;
}
.submit_btn:hover {
  color: #fff !important;
}
/* .login_right_sec {
  width: 650px;

  max-width: 100% !important;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
} */
.login-container {
  width: inherit !important;
  padding: inherit !important;
}
.login-input,
.change_pwd_sec input {
  height: 42px !important;
  border: 1px solid #e9e9e9 !important;
  box-shadow: inherit !important;
}
/* .w-80 {
  width: 80%;
} */
.p-0 {
  padding: 0 !important;
}
.mx-2 {
  margin-right: 10px;
  margin-left: 10px;
}
.form_group_sec {
  width: 100%;
  max-width: 500px !important;
}
.search_grb_head {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  margin: 0 !important;
}

.login-section h2 {
  font-weight: 600;
  font-size: 28px;
}
.login-section h4 {
  font-weight: 400;
  font-size: 17px;
  color: #444;
}
.logo {
  width: 220px;
}
.navbar-nav {
  margin: inherit !important;
}
/* .table > thead > tr > th,
.table > tbody > tr > td {
  white-space: pre;
} */
.table > thead > tr > th {
  background-color: #f1f4f7 !important;
  /* background-color: #004c97 !important; */
  color:#004c97;
}
.table > thead > tr > th > a {
  /* color: #fff !important; */
  color: #004c97;
}
.white_space thead > tr > th,
.white_space tbody > tr > td {
  white-space: unset !important;
}

.select2-container-multi .select2-choices .select2-search-field input {
  height: 30px !important;
  width: 100% !important;
  display: none !important;
}
.multi_select .select2-container {
  padding: 0px 0px !important;
}
.select2-container-multi .select2-choices {
  border: none;
}
/*.select2-container-multi .select2-choices {
  max-height: 30px;
  overflow: hidden;
}*/
.select2-container-multi.select2-container-active .select2-choices {
  border: none !important;
  box-shadow: inherit !important;
}
.domain_sections a {
  margin-top: 12px;
}
/* <old_style> */
/* nav#submenu {
  background: lightgray;
} */
ul.navbar-nav li.active a {
  background: #fff !important;
  color: #000 !important;
  /* font-weight: bold; */
}
ul.navbar-nav.collapse li {
  background: #004c97;
  border-right: 2px solid lightgray;
  padding: 0px !important;
}
ul.navbar-nav.collapse li a {
  color: #fff;
  padding: 7px 12px !important;
  min-height: 36px;
}
.grid-view table td.button-column img {
  height: 16px !important;
}
.dash_form_grb {
  margin: inherit !important;
}
.table_sec .detail-view{
  width: 50%;
}
.ui-datepicker{
  z-index: 1051 !important;
}
.blinktext{
  color: #fff !important;

}
ul.navbar-nav li.active a .blinktext{
  color: red !important;
}
@media (max-width: 1200px) {
  .pl-0,
  .pr-0 {
    padding: 0 !important;
  }
  .dash_card_width {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .search-form1 .dash_form_grb input,
  .search-form1 .dash_form_grb select,
  .search-form2 .dash_form_grb input {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 767px) {
  .search-form3 {
    width: 95% !important;
    margin-left: 15px;
  }
  .form_group_sec {
    min-width: inherit !important;
  }
  .dash_form_grb {
    margin-bottom: 10px !important;
  }
  .panel-heading {
    width: 100%;
  }
  .panel-title {
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }
  .table_sec .detail-view{
    width: 100%;
  }
}
@media (max-width: 575px) {
  .login-body {
    padding: 0 !important;
  }
  .login-section {
    width: 320px !important;
  }
  #page-wrapper {
    padding: 0px 5px !important;
  }
  .view_all {
    font-size: 14px !important;
  }
  .card {
    padding: 20px !important;
  }
  .sub_head h2 {
    font-size: 18px !important;
  }
  .panel {
    padding: 20px 12px !important;
  }

  .search-form3 {
    padding: 0 !important;
  }
  .panel-heading {
    width: 100%;
  }
  .panel-body {
    padding: 5px !important;
  }
}

/* <old_style> */
#page-wrapper {
  background-color: #f1f4f7 !important;
}
.panel {
  padding: 20px 5px;
  border-radius: 10px !important;
  border-color: #ddd !important;
}
.dash_details .panel-heading {
  padding: 10px 15px !important;
}
.navbar-default .navbar-brand img {
  width: 72px;
}
.navbar-default {
  padding: 0px 20px;
  border: none !important;
  background-color: #004c97 !important;
  border-radius: inherit !important;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: inherit !important;
}
.user_head .badge {
  padding: 6px 16px !important;
  border-radius: 20px !important;
}
.user_head div {
  margin-bottom: 10px;
}
.head_padd {
  padding: 0px 15px !important;
}
.navbar-top-links .dropdown-menu li a {
  padding: 10px 20px !important;
}
.dropdown-menu {
  padding: 0 !important;
  background-color: #fff !important;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #004c97 !important;
}
.navbar-default .navbar-nav > li > a {
  color: #fff !important;
}
.navbar-default .navbar-nav > li > a:focus {
  background-color: #fff !important;
  color: #000 !important;
  border: none;
  outline: none;
}
.navbar-right .fa-bell{
  color: #fff;
}
.dash_details .panel {
  padding: 0 !important;
}
.panel-title {
  color: rgb(31, 31, 31) !important;
  font-size: 20px;
  font-weight: 600 !important;
  padding: 0px 15px !important;
}
.filter_form {
  margin-bottom: 16px;
}
td #mySelect1 {
  border: none;
  background-color: #f1f4f7;
  color: #000;
  height: 32px;
  width: 88% !important;
  padding: 5px 6px;
  background-position: 90%;
}
td #changestatus {
  border: none;
  background-color: #f1f4f7;
  color: #000;
  height: 32px;
  min-width: 90px !important;
  padding: 5px 6px;
  background-position: 90px;
}
.select2-container .select2-choice {
  color: #333 !important;
  font-size: 14px !important;
  display: flex;
  align-items: center;
  border: 1px solid #ccc !important;
  background-color: white !important; /*Added -> Because disappearance of border & background in select2*/
  padding: 16px 9px !important;
}
.select2-container-multi {
  display: block;
  width: 100%;
  /*height: 34px;*/
  padding: 3px 6px !important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; */
}
.select2-container-multi .select2-choices,
.select2-input {
  background: transparent !important;
}
.btn-info {
  background-color: #0076b7 !important;
  color: #fff !important;
  height: 35px;
}

.assets_manage_container {
  margin-top: 10px;
  min-height: 550px;
  border: none !important;
  padding: 12px !important;
}
.assets_manage_container li.active {
  background-color: #f1f4f7 !important;
  font-weight: bold;
  border-radius: 6px;
  color: #0076b7 !important;
}
.left_table li.active a {
  color: #0076b7 !important;
}
.left_table li:hover {
  background-color: #f1f4f7;
  cursor: pointer;
  font-weight: bold;

  border-radius: 6px;
}
.left_table li:hover a {
  color: #0076b7 !important;
}
.filter_form > .row {
  display: flex;
  justify-content: end;
}
.search-form3 form {
  display: flex;
}
.panel-title>img{
  margin-left: 12px;
}