@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/*your css goes here*/
body {
    text-align: center;
    font-family: "Montserrat", sans-serif;}

.montserrat {
      font-family: "Montserrat", system-ui;
      font-optical-sizing: auto;
      font-weight: normal;
      font-style: normal;}

    

.customer_dashboard_main{width:1200px; text-align: left; margin: auto;}
.customer_dashboard_main h2{font-size:16px; font-weight:bold;}
.active_permit_rojects{width:1200px; border-radius: 3px; margin-bottom:15px;}
.active_permit_rojects span{font-size:10px; color:#7B7B7B; text-transform: uppercase; padding-right:2px;}
.active_permit_rojects b{font-size:14px;}
.active_permit_rojects table, tr {width: 100%;}
.active_permit_rojects td {width: 33%; padding: 10px 10px 10px 10px;}
.contact_your_permit_engineer_button{width:265px; padding:10px 0px 10px 0px; color: #00A8F0; border:1px solid #00A8F0; font-weight:500; font-size:16px; background: #fff; border-radius: 3px;}
.download_approval_documents_button{width:265px; padding:10px 0px 10px 0px; color: #fff; background:#00A8F0; border:1px solid #00A8F0; font-weight:500; font-size:16px; border-radius: 3px;}
.float_right{float: right;}
.green_text_color{color:#2E7D32;}
.blue_text_color {color:#00A8F0;}
.margin_top_40px{margin-top: 40px;}


@media only screen and (max-width: 600px) {
  .customer_dashboard_main{width:100%; text-align: left;}
  .active_permit_rojects{width:100%;}
  .active_permit_rojects td {width: 95% !important; display: block; text-align: center;}
  .contact_your_permit_engineer_button{width:90%; display: block;}
  .download_approval_documents_button{width:100%; padding:10px 0px 10px 0px; }
  .float_right{float:inherit!important; margin: auto;}
  .customer_dashboard_main h2{text-align: center;}

}
.success-approval {
    color: #00A8F0;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
}
.assigned-approval {
    color: #2E7D32;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
}
.submitted-approval {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
}
.no_border{
	border:0 solid #dddddd00;
}
.permit_table{
	border-collapse:separate;
    border-spacing: 0 15px;
	border-width: 0;
} 
.permit_table td{
	
	border-width:1px 0;
}
.permit_table tr{
	 box-shadow: 0 0 2px #ccc;
	vertical-align:middle;
}
/* Code by tooba  */
/* move to plugin css file */
.sortby, #sortBy{
	font-size:12px;
}
.head, .card-body{
	padding-left:10px;
	padding-right:10px;
}
h4.card-address{
	font-size:12px;
	font-weight:normal;
	margin-bottom:5px;
}
h3.card-title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
.card{
	  border: 1px solid #E6E7E9;
  border-radius: 3px;
  background-color: #FFFFFF;
}
.status-title, .last-updated{
	font-size:10px;
	color:#7B7B7B;
}
.status-title{
	margin-bottom:-10px;
}
.status-value{
	font-size:14px;
	font-weight:bold;
}
.status-Assigned{
	color:#2E7D32;
}
.status-Processing{
	color:#FF8F00;
}
.status-Submitted{
	color:#000;
}
.status-Approved{
	color:#00A8F0;
}
.card .footer{
	border-radius: 0 0 3px 3px;
  background-color: #E6E7E9;
	font-size:10px;
}
.js .frm_logic_form:not(.frm_no_hide) {
  display:block;
}
.btn{
  padding: 10px;
  border-radius: 10px;
}
.btn.btn-sm {
  font-size: 14px;
}
.btn-danger {
  background-color: crimson;
}
.btn-success {
  background-color: forestgreen;
}
.float-right{
  float:right;
}

.permit_eng_name {
  display: inline-block;
  position: absolute;
  font-size: 12px;
  /* float: left; */
  left: 10px;
  color: green;
  /* background: antiquewhite; */
  padding: 1px;
  /* border-radius: 12px; */
  /* margin-bottom: 10px; */
}
.archive-project, .unarchive-project
{
  border: 1px solid red;
  display: inline-block;
  padding: 20px;
  color: red;
  float: right;
  cursor:pointer;
}
.archive-project:hover, .unarchive-project:hover
{
  background-color:#FFDEDE;
  color: red;
}
.show_email,#add-note,#add_new_jurisdiction,.upload-button{
  cursor: pointer;
}
.d-inline-block{
  display: inline-block;
}
.p-10{
  padding: 10px;
}
.bg-green{
  background: #DCFFF8;
}
.color-green{
  color: green;
}
.color-red{
  color: red;
}
.bg-red{
  background: #FFDEDE;
}
.border-radius-3{
  border-radius: 3px ;
}
.mt-3{
  margin-top:3px;
}.mt-10{
  margin-top:10px;
}
.sub-nav-items {
  margin-left: 2em;
}
.add-docs-to-project{
  font-size: 12px;
  color: blue;
  float: right;
  cursor: pointer;
}
.docs-list div {
  margin-top: 11px;
}

.search {
  position: relative;
  display: flex;
  align-items: center;
}

.search input {
  padding: 8px 35px 8px 10px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 12px;
}

.search-icon {
  position: absolute;
  right: 10px;
  cursor: pointer;
  color: #555;
  padding: 10px 0px;
  background: none;
}
.search-icon:hover{
  padding: 10px 0px;
  background: none;
  color: #555;
}

.mb-3{
  margin-bottom: 3vh;
}