@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*html {
    zoom: 75%;
}*/
body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    zoom: 80%;
    font-family: 'Poppins', sans-serif;
}
body.business-renewal-portal-page.overflow-active {
    overflow: hidden;
}
.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.burbank-register-header a.navbar-brand {
    margin: 0 !important;
}
.login-page-v2 {
    padding-top: 60px;
}
.fs-18{
    font-size: 18px !important;
}
.login-page-v2-content {
    padding-top: 100px;
}
.burbank-register-header-wrap,.content-container,.form-container {
    padding-top: 20px;
    padding-bottom:60px;
}
.burbank-body-form-wrap {
    padding-top: 50px;
}
.burbank-form-header h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 50px;
}
.burbank-form-content {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    background-color: #e5eff0;
    box-shadow: 0px 0px 0px #fff;
    padding: 50px;
    box-sizing: border-box;
    position: relative;
    z-index: 99;
    border-radius: 10px;
}
.fs-7{
    font-size: 14px !important;
}
.fs-8{
    font-size: 15px !important;
}
.fs-sm{
    font-size: 13px !important;
}
.login-page-v2-content h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 95px;
    line-height: 1.3;
}
.form-check-input {
    width: 1.35em;
    height: 1.35em;
}
.portal-page-header {
    padding-bottom: 10px;
}
.portal-page-header a.navbar-brand img {
    width: 180px !important;
}
.portal-page-header h1 {
    font-size: 36px !important;
    color: #372975 !important;
    font-weight: bold !important;
}
p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}
.show{
    display: block;
}
.hide{
    display: none;
}
.block-height{
    height: 80px;
}
form {
    max-width: 580px;
    margin: 0 auto;
    padding: 80px 20px 50px;
}
.burbank-register-header-wrap form {
    max-width: 600px;
    padding: 60px 20px 10px;
}
.burbank-register-icon {
    text-align: center;
    margin-bottom: -90px !important;
    max-width: 814px;
    width: 100%;
    margin: 0 auto;
}
.burbank-icon-wrap {
    display: inline-block;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 0px 3px 70px #00000053;
}
.login-icon-wrap{
    border-radius: 50%;
    position: relative;
    z-index: 999;
   /*  padding: 30px; */
}
form label.form-label {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    /*margin-bottom: 0 !important;
    padding-bottom: 13px;*/
    display: inline-block;
    color: #2b7883;
}
form input.form-control,form select.form-control {
    box-shadow: 0px 0px 0px 2px #ebf2f2;
    color: #000;
    padding: 15px 20px;
    box-sizing: border-box;
    border: none;
    font-family: 'Poppins', sans-serif;
}
.form-field {
    padding-bottom: 8px;
}
button.btn-primary,.btn-primary,.btn-primary:active,.btn-primary:focus {
    background: #2A7882;
    border-color: #4da2a6;
    box-shadow: 0px 3px 9px #d7dada;
    padding: 15px 80px;
    box-sizing: border-box;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    letter-spacing: .96px;
    font-weight: 400;
}
tbody tr td {
    font-weight: 400 !important;
}
button.btn-primary:hover,.btn-primary:hover {
    background: #4da2a6;
    border-color: #4da2a6;
    color: #fff;
}
.btn-secondary:active,.btn-secondary:focus,.btn-primary:active,.btn-primary:focus,.no-shadow {
    /*border: none !important;*/
    box-shadow: none !important;
}
.modal-border span {
    border-top: 1px dashed #707070;
}
.text-535353{
    color: #535353 !important;
}
button.btn-secondary,.btn-secondary,.btn-secondary:active,.btn-secondary:focus {
    box-shadow: 0px 3px 9px #d7dcdc;
    border: 1px solid #2b7882;
    color: #2b7882;
    font-family: 'Roboto', sans-serif;
    padding: 15px 42px;
    box-sizing: border-box;
    font-size: 16px;
    BACKGROUND: #FFF;
}
button.btn {
    height: 55px;
}
.text-green{
    color: #2a7882 !important;
}
button.btn-secondary:hover,a.btn-secondary:hover {
    background-color: #4da2a6 !important;
    color: #fff;
}
.etc-login-form a {
    font-size: 14px;
    line-height: 19px;
    font-family: 'Poppins', sans-serif;
    color: #2b8f97;
}
.etc-login-form a.forgot-pw {
    color: #919191;
}
.etc-login-form a:hover{
    text-decoration: underline !important;
}
.portal-page-header i.fas {
    font-size: 24px;
    background: #2C61AE;
}
.menu-col {
    background: transparent linear-gradient(180deg, #47C2C7 0%, #453192 100%) 0% 0% no-repeat padding-box;
    position: relative;
    /* max-width: 400px;
    width: 5%; */
}
.header-btns>div a svg path {
    fill: #fff !important;
}
.header-btns>div a:hover svg path {
    fill: #2C61AE !important;
}
body.application-submitted .modal-border:before, body.application-submitted .modal-border:after {
    top: -2px;
}
.note-info p {
    font-size: 18px !important;
}
.header-btns>div a:hover {
    background-color: transparent !important;
    transition: .3s all;
}
.header-btns>div a{
    height: 45px;
    width: 45px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #2C61AE;
    border: 1.5px solid #2C61AE40;
    margin-right: 12px;
}
.menu-col h3 {
    letter-spacing: 4.2px;
}
ul {
    list-style: none;
        
}

a,.cursor-pt{
    cursor: pointer;
}
.portal-page-header h1,div#cart-details .modal-header .modal-title,div#payment-confirmation .modal-header .modal-title,.payee-info span {
    color: #2C61AE;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.modal-header i.fas {
    font-size: 75px;
    color: #2a7882 !important;
}
body.business-renewal-portal-page .content-item {
    width: 80%;
}
body.business-renewal-portal-page .menu-contents.menu-item {
    width: 18%;
    /*min-height: 122vh;
    min-height: 133vh !important;*/
}
.business-info>div {
    word-break: break-all;
}
ul li a.bg-overlay-active {
    background-color: rgb(209 227 228);
}
ul li ul.show li a.bg-overlay-active {
    background-color: #f0efef;
}
.menu-toggle-arrow{
    cursor:pointer;
    border-radius: 0%;
    background-color: transparent;
}
body>.container-row-fluid{
    position: relative;
}
body.menu-toggller-active .menu-toggle{
    display: none;
}
body.menu-toggller-active .main-menu-items {
    display: block !important;
    width: 20%;
    border-right: 1px solid grey;
}
body.menu-toggller-active .data-col {
    width: 80%;
}
.menu-col h3 img.menu-toggle-arrow {
    width: 42px;
    margin-right: 18px;
    margin-left: -31px;
}
body.menu-toggller-active .main-menu-items img.menu-toggle-arrow {
    transform: rotate(0deg);
    transition: .5s all;
    margin-left: 21px;
}
.data-col {
    padding: 35px 70px 30px 50px;
   /*  width: 75%; */
}
.menu-toggle li img {
    width: 34px;
    margin-bottom: 25px;
    border-radius: 0%;
}
.menu-toggle li.bg-active img {
    /*border-radius: 50%;*/
}
h3.section-header {
    color: #2b7883;
    letter-spacing: 3.5px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 26px;
    line-height: 32px;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 12px;
}
h3.section-header:before {
    content: '';
    height: 0px;
    width: 50px;
    background-color: #d1e3e4;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.content-inner h6:before {
    content: '';
    height: 3px;
    width: 35px;
    background-color: #2C61AE53;
    position: absolute;
    bottom: 6px;
    left: 11px;
}
.profile-page-content-v2  .content-inner h6:before {
    left: 0px;
}
.content-inner h6 {
    letter-spacing: 1.6px;
}
.data-main h5 {
    color: #453192;
}
.content-inner p,.data-main p {
    font-size: 18px;
    color: #313131;
    font-family: 'Poppins', sans-serif;
}
.content-wrap > div {
    box-shadow: 0px 0px 20px #00000033;
    min-height: 240px;
}
.profile-page-content-v2 .content-wrap > div {
    box-shadow: 0px 0px 20px #00000033;
    min-height: auto;
    border-bottom: 9px solid #47C2C7;
}
.card-content-link a {
    font-size: 15px;
    letter-spacing: 0.63px;
}
.profile-page-content content-inner img {
    max-width: 80px !important;
    max-height: 35px !important;
}
.menu-contents ul li .lbl {
    text-indent: 9px;
    background-repeat: no-repeat;
    background-size: 33px;
    background-position: 7.5%;
    position: relative;
    padding-right: 10px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 65px !important;
    font-size: 18px !important;
    font-weight: 500;
}
.menu-contents>ul>li>a::before {
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    background-image: url('images/Mins.svg');
    right: calc( 50% - 130px);
    top: 21px;
}
.menu-contents>ul>li>a.collapsed::before {
    background-image: url('images/plus.svg');
}
.user-icon {
    min-height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /*width: 70px;
    display: inline-block;*/
}
.menu-contents {
    height: 2000px;
}
.user-profile {
    background-color:#00000033;
    /*position: absolute;*/
    bottom: 0;
}
.user-profile p {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1.4px;
}
.bg-darkblue{
    background-color: #2a7882 !important;
}

.bg-darkgreen {
    background-color: #4da2a6 !important;
}

.bg-cyanblue{
    background-color:#4bb197 !important;
}
.bg-fafafa{
    background-color: #fafafa;
}
img.profile-v2-icon {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 1px solid #EDEDED;
}
.bg-darkerblue {
    background-color: #235398;
}
.modify-data-page-content form {
    max-width: 910px;
    margin: 0 auto;
    box-sizing: border-box;
    box-shadow: 0px 0px 45px #2C61AE29;
}
.modify-data-page-content form label {
    font-family: 'Roboto', sans-serif !important;
    color: #060606;
    font-size: 18px;
}
.modify-data-page-content form input,.modify-data-page-content form select {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
    color: #000;
}
select:required:invalid {
    color: #cbcbcb;
}
::placeholder {
    color: #cbcbcb;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #adadad;
}
::-ms-input-placeholder {
    color: #adadad;
}
.modify-content-btn {
    max-width: 910px;
    margin: 0 auto;
}
.change-password form {
    max-width: 757px;
}
.my-permits-cart-content form {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.border-blue{
    border: 2px solid #2C61AE40 !important;
}
.border-radius-25{
    border-radius: 25px;
}
.blue-shadow{
    box-shadow: 0px 0px 8px #2C61AE3D;
}
.w-fit-content{
    width: fit-content !important;
}
.modal-content {
    box-shadow: 0px 3px 45px #2c61ae29;
    border: none !important;
}
.permits-cart-value span {
    color: #cbcbcb;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
.permits-cart-value p {
    color: #2C61AE;
    font-family: 'Poppins', sans-serif;
}
span.cart-value {
    top: -20px;
    border-radius: 50%;
    border: 3px solid #fff;
    right: -20px;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}
.table-wrap,.note-info {
    box-shadow: 0px 0px 45px #2c61ae29;
}
th,td{
    white-space: nowrap;
    word-break: keep-all;
}
thead tr th {
    font-weight: bold;
}
table thead tr th,tfoot tr td {
    color: #2b7883;
    border: none;
}
.bg-lightgrey{
    background-color: #f7f7f7 !important;
}
.bg-f8{
    background-color: #f8f8f8;
}
tbody tr {
    border-bottom: 1px dashed #DBDBDB;
}
tbody,td{
    border: none;
}
.bg-f0{
    background-color: #F0F0F0;
}
table th,table tbody tr td,tfoot tr td {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
    text-align: left;
    font-weight: 400;
    color: #000;
}
.text-cbcbcb{
    color: #cbcbcb !important;
}
.text-darkblue{
    color:#2b7883 !important
}

.text-darkgreen {
    color: #218a93 !important;
}

button.btn-close {
    border: 2px solid #C3C3C3;
}
.text-c3c3c3{
    color: #C3C3C3 !important;
}
.bg-transparent{
    background: transparent !important;
}
.border-none{
    border: none !important;
}
.border-white{
    border-bottom: 4px solid #fff;
}
.modal-body table tbody tr td {
    font-weight: 500;
}
form input:focus, form input:active, form textarea:active, form textarea:focus,.form-control:focus  {
    border-color: transparent !important;
    box-shadow: 0px 0px 8px #d3e7e8 !important;
}
.text-red{
    color: #ff0000;
}
.text-black{
    color: #000;
}

.ft-15{
    font-size: 15px;
}

.ft-16{
    font-size: 16px;
}

.ft-18{
    font-size: 18px;
}

.ft-20{
    font-size: 20px;
}

.font-roboto{
    font-family: 'Roboto', sans-serif !important;
}

.font-poppins{
   font-family: 'Poppins', sans-serif !important;
}

.font-medium{
    font-weight: 500 !important;
}
.menu-contents>ul>li>ul>li>a{
    text-indent: 0px;
    position: relative;
    padding-left: 70px !important;
    margin: 5px;
    color: #2b7883;
}
.menu-contents>ul>li>ul>li>a::before {
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: center;
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;/* 
    background-image: url('images/Submenu-arrow.svg'); */
    left: 89px;
    top: 25px;
}
body.Dop-login-page .burbank-form-content {
    max-width: 750px;
}
.form-field label{
    font-weight: 600 !important;
}
.form-field input {
    font-weight: 400 !important;
}
body.remove-overflow {
    overflow-y: auto !important;
}
.cancel-inspection-form form input.form-check-input,form input.form-check-input {
    border: 1px solid #A5A5A5;
    cursor: pointer;
}
.form-check-input[type=checkbox]~label {
    cursor: pointer;
}
.cancel-inspection-form form input.form-check-input:focus,input.form-check-input:focus {
    border: 1px solid #A5A5A5 !important;
    box-shadow: none !important;
}
body.profile-v1 .content-wrap img {
    width: 70px;
    height: 23px;
}
.card-content-link {
    max-width: 100%;
    height: 55px;
}
.portal-page-header nav.navbar {
    padding-bottom: 0 !important;
}
.card-content-link a i{
    height: 50px;
}
.text-989898{
    color: #989898;
}
.outline-none {
    outline: none !important;
}
.mx-w-900{
    max-width: 900px;
}
.modal-border{
    position: relative;
    display: none;
}
.modal-border:before,.modal-border:after {
    position: absolute;
    top: -18px;
    left: -0.5px;
    height: 50px;
    width: 30px;
    content: '';
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url('images/left.svg');
    z-index: 999;
}
.modal-border:after {
    right: 0;
    left: auto;
    background-image: url('images/right.svg');
}
.modal-dialog-scrollable .modal-content {
    overflow: auto;
}
.top-table table tbody td {
    font-size: 14px;
}
.border-darkblue {
    border: 2px solid #2C61AE;
}
th a,td a{
    display: inline-block;
}
.modal-content::-webkit-scrollbar {
    display: none;
}
body.unpaid-pemits-page .modal-border:before,body.unpaid-pemits-page .modal-border:after,
body.permits-page .modal-border:before, body.permits-page .modal-border:after {
    top: -10px;
}
.modal.fade {
    background-color: #ffffffd4;
}
.garage-sales-permit-section h3.section-header {
    text-transform: none;
    font-size: 20px !important;
}
.menu-contents ul li.ps-2 {
    padding-left: 0 !important;
}
.portal-page-header .container,.burbank-register-header .container,body.login-page-v2 .container{
    max-width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.modal-backdrop.show{
    opacity: 0;
}
.login-page-v2 input {
    background-position: 96%;
    background-size: 20px;
    background-repeat: no-repeat;
}
.menu-toggle .user-profile {
    padding-left: 13px !important;
    padding-right: 13px !important;
}
.user-icon.menu-toggle {
    background-size: 60px;
}
body.login-page,body.login-page-v2,body.business-login-page-v2,body.Dop-login-page {
    overflow-y: hidden !important;
}
@media screen and (min-width: 1800px) {
    .menu-contents ul li a {
        background-position: 5%;
    }
    /*body{
        zoom: 85% !important;
    }*/
}
@media screen and (min-width: 2800px) {
    /*body{
        zoom: 100% !important;
    }*/
}
@media screen and (min-width: 1200px) {
    .content-wrap .col-xl-3 {
        width: 31%;
    }
}
@media screen and (max-width: 1400px) {
    .block-height{
        height: 65px;
    }
}
@media screen and (max-width: 1280px) {
    body.login-page,body.login-page-v2,body.business-login-page-v2,body.Dop-login-page {
        overflow-y: auto !important;
    }
}
@media screen and (max-width: 1200px) {
    .portal-page-header .navbar a.navbar-brand img {
        width: 160px !important;
    }
}
@media screen and (max-width: 1024px) {
    body {
        /*zoom: normal !important;*/
        overflow-y: auto !important;
        min-height: auto !important;
        height: auto !important;
    }
    .content-container,.bg-image { 
        min-height: 100vh !important;
    }
    
    #inspection-info,#inspection-info p{
  		width: 100% !important;
  	}
}

.flex-container {
     display: flex !important;
}

.border-in-right {
    border-right: 1px solid black !important;
    border: 1px solid black !important;
}


@media screen and (max-width: 767px) {
   form.bg-white:first-of-type{
	  padding: 1.5rem 0px 0px 1rem !important;
  }
  
  #inspection-info,#inspection-info p,.payee-info .container-fluid{
  		width: 100% !important;
  	}
  
  .contactUsRow .col2 {
	  border-left: solid 0px #2C61AE !important;
  }
  
  h3.section-header, h3.section-header font {
  	font-size: 18px !important;;
  }
  .garage-sales-permit-section h3.section-header {
	  font-size: 18px !important;
	}
	
	button.btn-primary, .btn-primary, .btn-primary:active, .btn-primary:focus {
	  padding: 15px 10px;
	}
	
	.strName_chosen{
		width: 400px;
	}
	
	.select-multi{
		height: 40vw !important;
	}
	
	.search-btn .col{
		text-align: center !important;
	}
	 
	.search-btn .form-group{
		margin-left: 0px !important;
	}
	
	#add-info label{
		font-size: 13.5px !important;;
	}
}

@media screen and (max-width: 600px) {
	.data-col{
	  padding: 20px !important;
  	} 
  	
  	#inspection-info,#inspection-info p,.payee-info .container-fluid{
  		width: 100% !important;
  	}
  	
  .resp-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px; 
    overflow: hidden;
    padding: 0; 
    position: absolute;
    width: 1px;
  }
  
   .border-in-right {
    border-right: 0px solid black;
  } 
  
  .mob-border{
  	border : 1px solid #151414
  }
  
  .resp-table tr {
    display: block;
  }
  
  .resp-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right !important;
  }
  
  .resp-table .attach-td{
    text-align: left !important;
  }
  
   .resp-table .preview-attach{
    text-align: left !important;
    border-bottom: 0px solid #ddd !important;
  }
  
  .preview-attach b{
  	display: none;
  }
  
  .resp-table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    color: #372975 !important;
    font-size: 16px !important;
  } 
  
  .resp-table td:last-child {
    border-bottom: 0;
  }
   
  .split-text{
  	display: flex;
  	flex-direction: column;
  	text-align: left !important
  }
  .sectionThree{
  	padding-right: 0.25rem !important;
  	padding-left: 0.25rem !important;
  } 
  
  .resp-form.bg-white:first-of-type {
    padding: 0px 7px 0px 7px !important;
  }
  .permitDetailsTable td, .feeDetailsTable td {
	  font-size: .9rem !important;
	}
	.content-wrap img{
	height: 30px;
	}
}

.sub-mennu li{
	margin: 10px 0px 10px 0px;
}
.sub-mennu li a{
	font-size:18px !important;
    font-weight: 500;
}

.pl-right{
	float: right;	
}

.mar-btm{
	margin-bottom: 10px;
}

.upload-btn{
	background: #007983 !important;
    color: #fff;
    border-color: #007983 !important;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #2A7882;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.back-btn{
	background: #e9e9e9;
    color: #090909;
    border-color: #e0dddd;
    box-shadow: 0px 3px 9px #fff;
    font-weight: 600;
	
}

.file-upload input[type='file'] {
  display: none;
}

.file-upload{
   height: 40px;
   color: #027983;
   background: #fff;
   font-weight: bold;
   font-size: 18px;
   display: inline;
   box-shadow: 0px 0px 0px 2px #ebf2f2;
}

.clr-grn{
	color: #2b7883;
}