.btn,
.img-thumbnail,
.file-preview,
.tile-stats,
.input-group-addon,
.daterangepicker,
ul.bar_tabs > li,
ul.bar_tabs > li > a,
ul.bar_tabs > li:active,
ul.bar_tabs > li:active > a,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.modal-content,
.select2-dropdown {
  border-radius: 0px !important;
}

.nav_title,
.btn-primary,
.btn-primary:hover,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary,
.navbar-primary,
.label-primary,
.nav_menu,
.top_nav .nav .open > a,
.top_nav .nav .open > a:focus,
.top_nav .nav .open > a:hover,
.top_nav .nav > li > a:focus,
.top_nav .nav > li > a:hover,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background-color: #0b2091;
}

body {
  font-family: "Noto Sans SC", Arial, sans-serif !important;
}

a,
.pagination > li > a,
.pagination > li > span {
  color: #0b2091;
}

.nav.child_menu > li > a:hover,
.nav.side-menu > li > a:hover {
  color: #0b2091 !important;
}

.nav.side-menu > li.active,
.nav.side-menu > li.current-page {
  border-color: #0b2091;
}

.nav-sm ul.nav.child_menu {
  background: #0b2091 !important;
}

.nav-sm ul.nav.child_menu li a {
  color: #fff !important;
}

.nav-sm ul.nav.child_menu li {
  padding: 0px 30px 0px !important;
  margin: 5px -5px !important;
  line-height: 10px;
  vertical-align: middle;
}

.stat_content {
  padding-bottom: 5px;
  margin: 14px 14px 12px 15px;
  border: 1px solid #e4e4e4;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    border: 1px solid #d9dee4;
  }
}

body {
  color: #333;
  background: #f7f7f7 !important;
}

.login {
  background: #ffffff !important;
}

.x_title {
  border-bottom: 1px solid #f4f4f4;
}

.left_col {
  background-color: #fff;
}

.img-thumbnail {
  padding: 3px;
}

.nav.child_menu > li > a,
.nav.side-menu > li > a {
  color: #333 !important;
  font-weight: bold !important;
}

.nav-sm ul.nav.child_menu {
  background-color: #fff;
}

#menu_toggle,
a.btn-danger,
a.btn-primary,
a.btn-success,
a.btn-warning,
a.btn-info,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: #fff !important;
}

.nav_menu {
  border-bottom: 0px;
  color: #fff;
}

.c-clock {
  font-size: 13px;
}

.nav.navbar-nav > li > a {
  color: #fff !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  border-color: #ccc !important;
}

.btn-primary,
.label-primary {
  border-color: #0c24a6;
}

.btn-info,
.btn-info:hover,
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  background-color: #00bcd4;
  border-color: #00cbe6;
}

.btn-danger,
.btn-danger:hover,
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  background-color: #ea2e6d;
  border-color: #e91e63;
}

#login_submit {
  margin-top: 15px !important;
}

.project_switch {
  width: 90%;
  margin: 0px auto;
  margin-top: 5px;
  margin-bottom: 15px !important;
}

.img-thumbnail.project_img {
  width: 100%;
  max-width: 175px;
  background: #fff;
  z-index: 1000;
  position: inherit;
  margin-top: 10px;
  text-align: center;
}

.project_info {
  text-align: center;
  line-height: 0px;
}

.project_info a {
  font-size: 14px;
  font-weight: bold;
}

.project {
  /* margin-bottom: 15px !important; */
}

.project_pic {
  width: 100%;
}

.container {
  background: #fff;
}

.menu_section {
  margin-top: -10px;
  background: #fff;
}

.navbar-header {
  background: none !important;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}

.btn,
.buttons,
.modal-footer .btn + .btn,
button {
  margin-right: 3px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 4px !important;
}

.select2-selection__clear {
  display: none;
}

ul.bar_tabs > li.active {
  border-right: 0px !important;
  margin-top: -15px !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle !important;
}

.select2-container .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  height: 34px !important;
}

.form-control[readonly],
.input-group-addon {
  background: none;
}

.nav.side-menu > li:link,
.nav.side-menu > li:visited,
.nav.side-menu > li:hover,
.nav.side-menu > li:active {
  background: none !important;
}

.modal {
  border-radius: 0px;
}

body {
  padding-right: 0px !important;
}

.modal-open {
  overflow-y: auto;
}

body::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar {
  width: 0.5em;
}

body::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  /* outline: 1px solid slategrey; */
}

#header_banner {
  background-image: url(https://template66382.motopreview.com/mt-demo/66300/66382/mt-content/uploads/2018/03/mt-1398-home-header-bg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 575px;
}

#header_bottom {
  background: #0b2091;
  padding: 20px;
  color: #fff;
}

#header_bottom p {
  font-size: 30px;
  font-weight: bold;
}

#header_bottom span {
  color: #ffc000;
}

.item-document {
  padding: 0px 20px;
}

#sidebar-menu li a {
  text-transform: uppercase;
}

.panel {
  border-radius: 0px;
}

#ring_number_from,
#ring_number_to {
  width: 120px;
}

.bootstrap-tagsinput {
  display: block !important;
  border-radius: 0px !important;
}

.bootstrap-tagsinput .tag:after {
  border-left: none;
}

span.tag {
  background-color: #515151;
}

.top_nav li a .unread-news-icon {
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  padding: 2px 6px;
  position: absolute;
  right: 2px;
  top: 8px;
}

.modal-dialog {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  margin: auto;
}

.color-primary {
  color: #0c24a6;
}

.color-success {
  color: #26b99a;
}

.color-warning {
  color: #f0ad4e;
}

.color-danger {
  color: #ea2e6d;
}

.m-0 {
  margin: 0 !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.25rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

#header-nav-container {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-wrap: nowrap
}

@media (max-width: 576px) {
  #project-id {
    width: 100%;
  }
}

@media (min-width: 577px) and (max-width: 885px) {
  #project-id {
    width: 70%;
  }
}