/* app global css */

body {
  font-size: 16px;
  background-color: #f5f5f5; font-family: Inter !important;
}

#body_id h1 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01562em;
  padding: 0;
  margin: 0;
}

#body_id .q-layout__section--marginal {
  background-color: #fff;
  color: #323232;
}

#body_id .q-toolbar {
  min-height: 90px;
}

#body_id .menu_icon {
  font-size: 26px;
  padding: 20px;
}

#body_id .logout_link a {
  color: #323232;
  font-size: 18px;
  text-decoration: none;
  display: flex;
  gap: 10px;
}

#body_id .logout_link a span {
  font-size: 36px;
}

#body_id .q-drawer {
  background-color: #000000;
}

#body_id .page_header {
  background-color: #fff;
}

#body_id .page_header h1 {
  padding-bottom: 12px;
}

/* MENU */

.sidebar_menu ul {
  padding: 15px;
}

.sidebar_menu ul li ul{
    padding: 0 15px;
  }

aside .material-icons-outlined {
  margin-right: 1rem;
  font-size: 26px;
  vertical-align: top;
  font-weight: 300;
}

.sidebar_menu ul li a {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  vertical-align: middle;
  padding: 0.55rem 0.75rem;
  border-radius: 0.5rem;
  display: flex;
  margin-bottom: 4px;
  text-decoration: none;
  margin-bottom: 12px;
}

.sidebar_menu ul li.current_menu_item a,
.sidebar_menu ul li a:hover {
  color: #fff;
  background-color: #242424;
}

.has_sub_menu .sub_menu li a {
  padding-left: 39px !important;
}

.has_sub_menu .sub_menu {
  display: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.has_sub_menu {
  position: relative;
}

.has_sub_menu:after {
  font-family: "Material Icons Round";
  content: "chevron_right";
  -webkit-font-feature-settings: "liga";
  float: left;
  font-size: 24px;
  color: #000;
  position: absolute;
  right: 6px;
  top: 4px;
  color: #fff;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  pointer-events: none;
}

.has_sub_menu.open_menu:after {
  transform: rotate(90deg);
}

.has_sub_menu.open_menu .sub_menu {
  display: block;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.view_table tr td,
.view_table tr th {
  font-size: 16px;
}

.table-striped tbody tr:nth-of-type(2n + 1) {
  background-color: #f8fafb;
}

.asset_item {
  padding-bottom: 24px;
  font-weight: 500;
  font-size: 16px;
}

.top_icons a {
  display: inline-block;
  color: #000;
}

.top_icons a:hover {
  color: #757575;
}

.header_strip{padding: 20px 36px; background-color: #fff;}

.header_strip h5{margin-bottom: 12px; font-weight: 600; font-size: 28px;}

.form_secion{padding: 20px 36px;}

.logout_link{margin-right: 25px;}

.form_secion label{font-weight:500;}

.popup_form label{font-weight: 500; margin-bottom: 4px; display: block;}

input, textarea{box-shadow: none !important;}

.view_table_section{padding: 20px 36px;}

.view_table_section .q-btn{font-size: 10px;}

.select_box{min-width: 150px;}

.q-table__top .select_box{ margin-right: 12px;}

.q-chip{padding-bottom: 9px !important;}

.view_grid_padding{padding: 20px;}

.view_grid_padding .q-table__top{padding: 0 0 20px 0;}

.table-striped table tbody tr:nth-child(odd) {
background-color: #f8fafb !important;
}



.q-table--vertical-separator td:first-child, .q-table--vertical-separator th:first-child, .q-table--cell-separator td:first-child, .q-table--cell-separator th:first-child{border-left: 1px solid rgba(0, 0, 0, 0.12) !important;}


.q-table--vertical-separator td:last-child, .q-table--vertical-separator th:last-child, .q-table--cell-separator td:last-child, .q-table--cell-separator th:last-child{border-right: 1px solid rgba(0, 0, 0, 0.12) !important;}

.q-table th{font-weight: 800 !important;}

.header_strip .q-btn{line-height: 1.9 !important;}

.align-flx-center{align-items: center;}

hr {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }

.input_label{display: block; margin-bottom: 0.25em;}

.text-h6.header_title {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: normal !important;
  }

  body .bg-primary{background-color: #000 !important;}

  .header_strip .row{align-items: center;}

  .q-markup-table{padding: 0 !important; box-shadow: none !important; border-radius: 0 !important;}

  .q-markup-table tr th{border-top: 1px solid rgba(0, 0, 0, 0.12) !important; text-align: left;}

  .q-markup-table tr th:last-child,    .q-markup-table tr td:last-child{text-align: right;}

  .q-markup-table tr:last-child td{border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;}

  .text-h5{font-weight: 600 !important;}

  .q-field--outlined.q-field--readonly .q-field__control::before {
    border-style: solid !important;
  }

  .rt_section_title{float: left; font-size: 28px;}

  .min_ht_rt{min-height: 380px;}

  .overflow_div{height: 350px; overflow: auto;}

  .filter_search{width: 200px; float: right;}

  .tabl_left tr th, .tabl_left tr td{text-align: left !important;}

  .dash_item h4{font-weight: 600; font-size: 26px;}
.dash_item {flex-grow: 1;
    flex-basis: 0;}
  .dash_item h3{color: #ff4c01; font-weight: 800; font-size: 48px; text-align: center; line-height: 1; padding: 24px 0;}
  .dash_item h3 span{display: block; font-size: 18px;}
  .dash_item h5{color: #666666; font-size: 16px; text-align: center; margin-top: 24px;}

  .dash_item.c1 h3{color: #e90075;}
  .dash_item.c2 h3{color: #039c4a;}
  .dash_item.c3 h3{color: #1a2dd2;}

  .dash_cards{display: flex; gap: 24px;}

  .field_lbl{display: block; margin-bottom: 6px; font-weight: 600;}

  .chat_box{max-width: 98%;}
  .brdr_box{border: 1px solid rgba(0, 0, 0, 0.12) !important; padding: 24px 0;}

  .bottom_form_data{margin-top: 36px; margin-bottom: 24px;}

  .text-left{text-align: left !important;}

  .checkbx{margin-left: -10px;}

  .role-id-1 .items-end, .role-id-2 .items-end{justify-content: center !important;}

  .role-id-1 .q-message-text:last-child::before, .role-id-2 .q-message-text:last-child::before{display: none !important;}

  .role-id-1 .text-grey-2, .role-id-2 .text-grey-2{color: #caa047 !important;}

  .comment_box {margin-top: 24px;}

  .img_link{cursor: pointer;}
  .img_link:hover{opacity: 0.7;}


  .login_div{height: 100vh;}

  .login_flex{height: 100vh; align-items: center;}

  .login_form{width: 50%; float: right; margin-right: 100px;}


  .login_body{background-color: #fff;}

  .login_content{background-image: url('/images/login_bg.jpg');height: 100vh; display: flex; padding: 100px; flex-direction: column; color: #fff; justify-content: center;}

  .login_content h1{text-transform: uppercase; font-family: "Inter Tight", sans-serif; font-size: 52px !important; font-weight: 800 !important; margin-bottom: 12px !important;}

  .login_content p{font-size: 16px;}

  .btm_line{width: 150px; height: 6px; background-color: #CDA349; border-radius: 3px; font-size: 0;}

  .form_title{font-family: "Inter Tight", sans-serif; font-size: 38px !important; font-weight: 700 !important; margin: 36px 0 !important;}

  .login_btn{width: 100%; text-align: center; display: block !important; background-color: #CDA349 !important; color: #fff; border-radius: 32px !important; font-size: 22px !important; text-transform: none !important; height: 60px !important; font-weight: 300 !important;}

  .login_txt{height: 60px !important;}

  .circle_btn{width: 30px !important;
    height: 30px !important;
    border-radius: 100% !important;}



  @media (max-width: 767px) {

    .login_form {
        width: 90%;
        float: none;
        margin: auto;
      }

  }


  .top_name{ color: #323232;
    font-size: 18px; margin-right: 18px;}


.popup_view tr th{width: 30%; text-align: left !important;}
.popup_view tr td{width: 70%; text-align: left !important;}

.action-div .icon-link {
  background-color: black !important;
}

.asset_list_item a{font-size: 22px;}

.asset_list_item .q-chip{min-width: 150px; font-size: 18px !important;}

.asset_list_item .q-chip:hover{opacity: 0.6;}

.asset_list_item .q-chip__content{justify-content: center;}

.contractor_section h6{font-size: 18px; margin-top: 18px;}

.contractor_section .q-btn{min-width: 150px; text-decoration: none !important;}

.h-100{height: 100%;}

.contract_heading{font-size: 26px; font-weight:800;}

.contractor_section a{text-decoration:underline !important;}

.card_heading{background-color: #323232; color: #fff; text-align: center; line-height: 2; font-size: 18px;}