@font-face {
    font-family: GothamBold;
    src: url("../../shared/fonts/Gotham-Bold.otf");
}

@font-face {
    font-family: GothamBook;
    src: url("../../shared/fonts/Gotham-Book.otf");
}

@font-face {
    font-family: GothamMedium;
    src: url("../../shared/fonts/Gotham-Medium.otf");
}

html{
	height:100%;
}

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, .alert, a, .td-name, td, button.close {
    font-family:  Gotham A,Gotham B,Helvetica,Arial,sans-serif;
    font-weight: 400;
}

body {
    color: #242934;
    font-weight: 400;
    line-height: 1.5;
}
.date-calendar{
	padding-top:10px !important;
}
.moveUp{
	margin-top:-50px !important;
}
.moveUp2{
	margin-top:-78px !important;
}
.header:empty, .title:empty, p:empty {
  display:none;
}

#freeform-form .add-new-row .groupHeader{
	display:none;
}

#freeform-form .add-new-row .formfield{
	display:none !important;
}
#freeform-form .add-new-row .card{
	box-shadow:none !important;
	padding:0px !important;
}

.alert{
	margin-top:36px;
	 z-index: 900 !important;
}
@media (min-width: 992px)
{
	.existing-rows div.col-md-7{
			width: 25% !important;
	}
	.alert-danger{
		border-left: 5px solid #B30000 !important;
		max-width: 1048px;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	.alert-danger .container-fluid .close{ 
		float: left;
		top: 10px;
		position: fixed;
		left: 5px;
		background-color: #B30000;
		border-radius: 18px;
		width: 20px;
		height: 20px;
		padding-left: 5px;
		color: white;
	}
	.navbar-fixed-top{
		max-width: 1050px;
		left: 50%;
		transform: translate(-50%, 0%);

	}
	
	#nav-header .navbar-brand {
		padding-top: 0px;
		margin-top: 0px;
		margin-left: -30px;
	}
	
	#testPlaceholder{
		max-width: 1050px;
		margin:0 auto;

	}
}
.alert-danger {
    background-color: #feb6b6 !important;
	color: #000000 !important;
}
.alert-danger .container-fluid::before {
  content: "Error: ";
  font-weight: 900;
}
.addressbutton{
	height:57px !important;
}
.addressbutton input{
	display:none;
}
.spacer{
	min-height:100px;
}
.InteLogin{
	margin-top:-45px;
	padding-top:15px;
}
.completeStatus, .downloadPermit{
	display:none;
}
@-moz-document url-prefix() {
	.InteLogin{
		margin-top:0px !important;
		padding-top:0px !important;
	}
}
.addressbutton label{
	min-width:120px;
	font-family: Gotham A,Gotham B,Helvetica,Arial,sans-serif;
    color: #fff !important;
    background-color: #002664 !important;
	border-radius: 8px !important;
    border: #002664 !important;
	height: 48px !important;
	font-weight: 500;
	display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 12px;
    font-size: 16px !important;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.addressbutton label:hover {
    color: #fff;
    background-color: #003182 !important;
    border-color: #003182 !important;
} 
#app-alert {
	white-space: pre-line;
}
main{
	min-height: calc(100% - 222px);
}
.btn-fill{
	min-width:120px;
}
/*customize the progress bar*/
.round-tab, .wizard li.current:after{
	display: block !important;
}
.connecting-line-top{
	border-bottom: .4em solid #002664
}
.connecting-line{
	border-bottom: .4em solid #002664;
    opacity: .1;
}
.wizard .nav-tabs > li{
	border-left: 4px solid white;
	z-index: 10;
}
.progressStep{
 color: #002664;
    font-size: 1rem;
    font-weight: 700;
    position: absolute;
    top: 23px;
	width:100px;
}

@media (max-width: 584px) {
    .progressStep {
		top: 10px !important;
	}
}

.inlineLabel {
 margin-top:0px !important;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.active{
	    background-color: rgba(0,133,179,0.2)!important;
     color: #242934 !important;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    
    width: 100%;
    font-weight: 600;
    border-bottom: 4px solid #003182;
}

 .nav-tabs>li.active>a:hover,.nav-tabs>li>a:hover{
	 background-color: rgba(0,133,179,0.2);
 }
 .nav-tabs>li>a{
	  font-weight: 400;
	  color:#333;
	  border-bottom: 4px solid transparent;
 }
.ngx-datatable .datatable-body .datatable-body-row.success:not(.active){
	    background-color: rgba(0, 0, 0, 0.05) !important;
}    
nav.navbar-default > div#nav-header > span.navbar-brand >div.logoImg{
    background-image: url(../img/cccfpd-logo.png);
    background-size:cover;
    width:43px !important;
    height:55px !important;
    margin-left: 30px !important;
    display: block;
}

nav.navbar-landing > div.navbar-header > div > a.navbar-brand > div.logoImg{
    background-image: url(../img/cccfpd-logo.png);
    background-size:cover;
    width:43px !important;
    height:55px !important;
    display: block;
}

.logoText{
   display:none; 
   width:auto;
   margin-top:20px;
   white-space: nowrap;
}

.navbar{
    background: #ffffff;
    z-index: 900;
    width:100%;
}

.navbar-nav > li > a > .icon-padding{
    color:#000000;
    font-weight: bold;
    font-size: 15px;
}

.fullbackground{  
    background-image: url(../img/background.jpg);
}

.guidingmain{
    background-image: url(../img/cccfpd-logo-big.png);
    background-repeat: no-repeat;
    padding: 20px;
}

.guidingmain h1 {
    padding-bottom: 60px;
}

.guidingtitle {
    margin-left: 150px;
}

.guidingconent {
    padding-top: 20px;
}

footer{
    background-color: #ffffff !important;

}

.root-content {
    min-height: 60vh;
}

.navbar-landing{
    background: #ffffff;
    height: 125px;
    z-index: 900;
    position: absolute;
    width:100%;
}

ul.navbar-left > li > a > p {
    color:#000000;
}

.navbar-inner {
    height: auto !important;
    margin-top: 55px !important;
}

ul.navbar-right > li > a  > p {
    color: #000000;
    font-weight: bold;
    font-size: 15px;
}
.btn:not(.ngb-dp-arrow-btn) {
	font-family:Gotham A,Gotham B,Helvetica,Arial,sans-serif;
	border-radius: 8px !important;
	font-size: 16px !important;
	height: 40px !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #002664 !important;
    border: #002664 !important;
	font-weight: 500;
}

.btn-primary:hover {
    color: #fff;
    background-color: #003182 !important;
    border-color: #003182 !important;
}

.btn-default {
    color: #fff;
    background-color: #002664 !important;
    border-color: #002664 !important;
}
.btn-default:hover{
   color: #fff;
    background-color: #003182 !important;
    border-color: #003182 !important;
}
.btn-success, .nsw-btn-fill {
    color: #fff;
    background-color: #002664 !important;
    border-color: #002664 !important;
}
.btn-success, .nsw-btn-fill:hover{
   color: #fff;
    background-color: #003182 !important;
    border-color: #003182 !important;
}

.btn-info, .nsw-btn-outlined {
    border-color: #002664 !important;
    color: #002664  !important;
    max-width: 150px  !important;
	background-color: transparent  !important;
}
.btn-info:hover, .nsw-btn-outlined:hover {
    background-color: #fef3f3 !important;
    color: #003182 !important;
	border-color: #003182 !important;
}

.navbar-toggle {
    background-color: #000000 !important;
    background: #000000 !important;
}

.btn-warning.btn-fill {
    padding-left: 6px;
    padding-right: 6px;
}
/*
.btn-primary.btn-fill {
    padding-left: 6px;
    padding-right: 6px;
}*/

div.switchLanguage-en{
    display: none !important;
}

.main-content {
    padding-top: 70px !important;
}

.is-address-loading {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url(../img/spinner.svg);
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

.upload-doc-detail {
float: right !important;
}

.historyFreeformSpace {
    height: 50px !important;
}

/**********************************************************
Footer
***********************************************************/

footer {
    min-height:70px;
    display: block;
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

* {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body:not(.code-example-body) {
    line-height: 1.25;
    max-width: none;
    margin: 0;
    background-color: #fff;
    color: inherit;
    font-family: Gotham A,Gotham B,Helvetica,Arial,sans-serif;
    font-weight: normal;
}
:root {
    font-size: 100%;
}

html {
    font-size: 100% !important;
}

html {
    line-height: 1.25;
    font-size: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

footer p {
    font-size: 14px;
    line-height: 1.5;
	margin-bottom: 24px !important;
    margin-top: 24px !important;
}

footer nav {
    display: block;
}

.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
#freeform-form5 #c05:before
{
    
    content: "Details of the person who owned the marker";
    font-weight: bold;
    font-size: 19px;
    top: -48px;
    position: absolute;
}
#freeform-form6 #c05:before
{
    
    content: "Details of individual purchasing the marker/s";
    font-weight: bold;
    font-size: 19px;
    top: -48px;
    position: absolute;
}
#freeform-form7 #c05:before
{
    
    content: "Details of individual returning marker for disposal";
    font-weight: bold;
    font-size: 19px;
    top: -48px;
    position: absolute;
}

#freeform-form5 #c05, #freeform-form6 #c05,  #freeform-form7 #c05{
	margin-top:100px;
}

footer ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

#freeform-form4 .existing-rows .nsw-form-checkbox__label, #freeform-form5 .existing-rows .nsw-form-checkbox__label, #freeform-form6 .existing-rows .nsw-form-checkbox__label,#freeform-form7 .existing-rows .nsw-form-checkbox__label {
	margin-top: 53px !important;
}

#freeform-form4 .existing-rows label, #freeform-form5 .existing-rows label,#freeform-form6 .existing-rows label,#freeform-form7 .existing-rows label {
	align-items: flex-end;
		display: flex;
	min-height:46px;
}

.folderinfo form button {
    margin-top: 20px;
}

.col-md-12 {

    padding-left: 0 !important;
  
    padding-right: 0 !important;
  
  }

  form .col-md-12  {
    padding-left: 15px !important;
  
    padding-right: 15px !important;
  }

  nav.navbar-inner p{
    font-size: 15px !important;  
  }

  form#addressValidationForVenue label {
    margin-top: 5px !important;
    margin-bottom: 5px !important;       
  }

  .btn {
    font-family: GothamBook !important;
  }
/*
  form .formfield :not(.declarationSpace) {
    min-height: 120px !important;
  }*/
/*
  app-select-application form .formfield {
    height: 150px !important;
  }

  generic-page form .formfield {
    height: auto !important;
  }
*/
 form .formfield {
    height:auto !important
  }*/
  form#addressValidationForVenue .formfield {
    height: auto !important;
  }

  app-freeform-form form .formfield {
    height: 120px !important;
  }

  div#freeform-form2 form .formfield {
    min-height: 120px !important;
  }

  div#freeform-form3 form .formfield {
    height: auto !important;
  }

  app-folder-comment form .formfield.textarea {
    height: auto !important;
  }

  
  app-people-detail button[type=submit] {
    float: left !important;
  }

  app-user button[type=submit] {
    float: left !important;
  }
  
  select::-ms-expand {
    display: none;
  }

  app-people-detail form .formfield {
    height: 100px !important;
  }
  
  .header .category {
      color: #242934 !important;
  }
  
  .header h1 {
	box-sizing: border-box;
	color: rgb(36, 41, 52);
	display: block;
	font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 700;
	height: 50px;
	line-height: 50.4px;
	margin-bottom: 48px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 40px;
	text-size-adjust: 100%;
  }

  .content p {
    color: #242934 !important;
	margin-bottom: 24px !important;
    margin-top: 24px !important;
  }

  app-boolean-radio .formfield{
    height: auto !important;
  }

  .addressbutton label{
    font-family: GothamBook !important;
  }

  ul.navbar-nav li p{
    font-family: GothamBook !important;
  } 
  .declarationSpace{
	  min-height:0px !important;
	  height:0px !important;
	  
  }

  .applicationSummary {
    background-color:#EAEDF4; 
    padding: 10px;
    margin-bottom: 20px;
  }

  .blueInfo {
    font-size:24px;color:blue; 
    margin-top:10px;
  }

  @media only screen and (max-width: 768px) {
    /* For mobile phones: */
    h1 {
        font-family: GothamBold !important;
        font-size: 32px !important;
        margin-top: 24px !important;
        margin-bottom: 32px !important;
        line-height: 1.4 !important;
      }
    
      h2 {
        font-family: GothamBold !important;
        font-size: 26px !important;
        margin-top: 32px !important;
        margin-bottom: 16px !important;
        line-height: 1.4 !important;
      }
    
      h3 {
        font-family: GothamBold !important;
        font-size: 20px !important;
        margin-top: 24px !important;
        margin-bottom: 16px !important;
        line-height: 1.4 !important;
      }
    
      h4 {
        font-family: GothamBold !important;
        font-size: 18px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        line-height: 1.4 !important;
      }
    
      h5,h6 {
        font-family: GothamBold !important;
        font-size: 16px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        line-height: 1.5 !important;
      }
    
      body {
        font-family: GothamBook !important;
        font-size: 16px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;    
        line-height: 1.5 !important;
      }
    
      label {
        font-family: GothamMedium !important;
        font-size: 1rem !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important; 
        line-height: 1.5 !important;    
      }
	  
	  .ngx-datatable .datatable-body-cell.mobile-hidden, .datatable-header-cell.mobile-hidden {
        display: none !important;
      }

      .ngx-datatable .datatable-header-cell.first-column, .datatable-body-cell.first-column {
        width: 100% !important;
      }

      div.spacer.static-text {
        display: none !important;
    }
    
    form .col-md-12 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    
    .consentFormDeeplinkBody .col-md-12,
      .createFolderPage .col-md-12,
      #consentForm .col-md-12, 
      .poiReturnPage .col-md-12 {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    
    .freeform-form .formfield {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .modal-footer .btn+.btn {
        margin-left: 0 !important;
    }
    
    #attachment .content .content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .loginUserPage form .col-md-7,
    .loginUserPage form .formfield {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .consentFormPage .header {
        padding-left: 15px !important;
      padding-right: 15px !important;
    }
    
    .alert-dismissable .close, .alert-dismissible .close {
      position: relative;
      top: -2px;
      right: -10px;
      color: inherit;
    }
      
    .alert-danger .container-fluid::before {
        margin-top: 10px;
    }
     
    #detail.folderDetail .row.container-fluid .container-fluid .row .content .col-md-6,
    #detail.folderDetail .row.container-fluid .container-fluid .row .content .col-md-4,
    #detail.folderDetail .row.container-fluid .container-fluid .row .content .col-md-8 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


	hr.groupSeperatorBottom {
        display:none;
    }
    
    .groupHeader hr.groupSeperator {
        display: block;
    }

  }
  
.ngx-datatable .datatable-body-cell.mobile-hidden, .datatable-header-cell.mobile-hidden {
    display: initial;
}

ul.no_list_style {
	list-style-type:none;
}
#folder-people form .formfield{
	height:100px !important;
}
.action-cell .btn{
	height:35px !important;
	min-width:122px !important;
	font-size:14px !important
}

.attachment-apply-flow {
    margin-bottom: 90px;
}

#folder-people form div#addressTitleText, #people-detail form div#addressTitleText {
    height: 40px !important;
}

app-attachment div.header ul li {
    margin-bottom: 25px;
}

body generic-page , body generic-page p{
    font-size: 14px !important;
}

body.consentFormDeeplinkBody, body.consentFormDeeplinkBody p, body.consentFormBody, 
body.consentFormBody p, body.privacyStatementBody, body.privacyStatementBody p  {
    font-size: 14px !important;
}
.privacy p{
	margin-top:10px !important;
	margin-bottom:10px !important;
}

/* ==========================================================================
   Footer
   ========================================================================== */
   footer{
	width: 100%;
	height:175px;
	background-repeat:repeat;
	border-top: 4px solid #214295;
	border-bottom: 1px solid white;

margin-bottom:32px;
    background: #fff;
	}


#footerContact{
	float:left;
	margin-left:20px;
}

#footerContact p{
	font-family: titillium_webregular, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #214295;
}

#footerLogo{
	position:absolute;
	margin-left: 373px;
	margin-top: 32px;
	padding-left: 64px;
	padding-right: 64px;
	border-right: 1px dotted #214295;
	border-left: 1px dotted #214295;
}

#copyright{
	float:right;
	margin-right:16px;
}

#copyright p{
	font-family: titillium_webregular, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #214295;
	text-align:right;
}

#copyright a{
	font-family: titillium_webregular, Arial, Helvetica, sans-serif;
	color: #214295;
	text-align:right;
}

#copyright a:hover{
	color: #EB2329;
}