/*----------------------------------------------
    General: STYLES
----------------------------------------------*/
.btn-primary{
    background-color: #165788 !important;
    border-color: #165788 !important;
}
/*----------------------------------------------
    Loader: STYLES
----------------------------------------------*/




/*----------------------------------------------
    Landing: STYLES
----------------------------------------------*/
   
.fullbackground{  
    background-image: url(../img/8842-toronto-skyline.jpg);

    
    overflow: hidden;
    margin-top:-71px;
    z-index: 2000;
    position: relative;
    min-height: 0px;
}
.guidingtext{
    background-color: rgba(0,0,0,0.6);
    /* background-color:rgba(9,70,115,0.83); */
    margin-top:180px;
    border-radius: 16px;
    margin-bottom: 120px;
}
.fullbackground .nav-card {  
    margin-right: 0px;
    padding-right: 1px;
    padding-left: 1px;
    height: 121px;
    margin-top:0px;
}
.landing-choice{
	background-color:#9B9796;
	margin: 0 calc(50% - 50vw);
	/*color:white;*/
	overflow-x: hidden;
}
.choice{
    -webkit-box-shadow: 0 1px 4px rgba(9,70,115,0.83);
    box-shadow: 0 1px 4px rgba(9,70,115,0.83);
    background-color: rgba(9,70,115,0.83);
    margin-left:0px;  
    margin-right:0px; 

}
.choice:hover {
    background-color: rgba(9,70,115);
    cursor: pointer;
}

.wrapper-anchor{
	color:#666666 !important;
}

.choice table {
    width: 100%;
}

.choice h1{
    position: relative;
    margin-right: auto;
    margin-left: auto;
    font-size:18px;
    line-height: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    font-weight: 400;
}
.choice i{
    font-size: 24px;
}
.choice span{display:none;}

.choice p {
    font-size:14px;
    padding-left: 10px;
    padding-right: 10px;
}
/*----------------------------------------------
    Login : STYLES
----------------------------------------------*/
.logincard {
    margin-top:120px;
    margin-bottom: 10px;
}

.logincard .header h2 {
    font-weight:bold;
    margin-bottom:10px;
    text-align: center;
}

/*----------------------------------------------
    Nav Bar: STYLES
----------------------------------------------*/
.navbar-landing{
    background: rgba(0,0,0,0.6);
    height: unset;
    z-index: 2001;
    position: absolute;
    width:100%;
    
}
.navbar-landing p{
    font-size: 1.25em !important;
}
 .glyphicon-menu-down{
    display: none;
}
 .navbar-brand{
    padding: 0;
}
.navbar-landing .container-fluid{
    padding: 0;
    margin: 0;
    float:right;
    clear:none;
    margin-top:35px;
}
.navbar-login{
    display:block;
}
.logoImg{
    background-image: url(../img/logo.svg);
    background-size:cover;
    width:230px;
    height:70px;
}
.logoText{
     /* display:none;  */
    width:auto;
    margin-top:20px;
    white-space: nowrap;
}
.logoText span{
    margin-right:20px;
    display: inline;
}
.logoImg{
    /* display:block;  */
    display:none;
}
.navbar .navbar-header{
    width:unset;
}

.navbar-landing .navbar-header .col-md-offset-4,.navbar-landing .navbar-header .col-md-offset-5{
    margin-left: unset;
}

.navbar-normal .logoImg{
    width:150px;
    height:45px;
    margin-left:10px;
}
/* .navbar-normal .navbar-nav > li > a{
    padding-bottom: 0px;
    margin-bottom:0px;
} */


.navbar-normal{
	background:#165788;
	
}
.logoText .fa-university{
    margin-left:5px;
}



/*----------------------------------------------
    Footer: STYLES
    margin-bottom: 80px;
----------------------------------------------*/


.footer{
	background-color:#165788;
	
}
.footer nav > ul a:not(.btn){
	color:white !important;
}


/*----------------------------------------------
    Loader: STYLES
----------------------------------------------*/

#loader .loaderImg{

background:url(../img/loader-preview-blue.svg);

}

.card .category, .card label{
    color: black!important;
}


.logincard h2, .logincard button, .logincard label, .logincard p{
	color:white !important;
}

.forgetPassword{
    top: -15px;
    position: relative;
}
@media (min-width: 992px){
    .forgetPassword{
        top: -15px;
        position: relative;
    }
}

/* auto-input style*/
span.mat-form-field-label-wrapper {
    display: none !important;
}

/**---------------------------------------
    Fee page style
----------------------------------------*/
.total-select-fees p {
    font-size: 22px;
    line-height: 30px;
}

.total-select-fees .totalAmount {
    font-weight: bold;
}

/**---------------------------------------
    Checkbox component style
----------------------------------------*/
.fixedLabel {
    min-height: 16.6px;
}

input.form-control.inlineCheckbox {
    width: 20px;
    height: 20px;
    margin-left: 7px;
}

.ngx-datatable .datatable-footer .datatable-pager > ul.pager > li {
    position: relative;
    top: 4px;
    overflow: hidden;
}

.esri-view-root {
    width: 300px !important;
}

.esri-popup__main-container.esri-widget {
    width: 310px !important;
    max-height: 300px !important;
}

#esri-map {
    width: 450px !important;
}

app-fee-tabs app-fee > div.main-content > div.container-fluid > div.row:first-child{
    display: none !important;
}

main app-fee div.main-content {
    padding-top: 50px !important;
}

app-fee-tabs app-fee div.main-content {
    padding-top: 0px !important;
}

div.no-padding {
    padding: 0px !important;
}

app-folder-detail address-view app-google-map > div {
    height: 200px !important;
}

.attachment-remove-button {
   margin-left: 20px;
}

button.no-border {
    padding: 0;
    border: none;
    background: none;
}

/**---------------------------------------
    Checkbox component style
----------------------------------------*/
.fixedLabel {
    min-height: 16.6px;
}

.inlineLabel {
    height: 100% !important;
    display: inline-block;
    /*vertical-align: top !important;*/
    margin-top: 15px !important;
    font-size: 14px !important;
}

.inlineCheckbox {
    width: 13px !important;
    margin-left: 100px !important;
    display: inline-block !important;
    vertical-align: top !important;
}

#folder-people-back, #folder-people-continue, #folder-people-save {

    margin-top: 10px;

}

.row{
    margin-right: auto !important;
    margin-left: auto !important;
}

app-freeform-form app-datepicker-popup .btn{
    min-width: 0;
}

div.searchTermSection{
    padding: 15px;
}

div#searchTerm {
    width: 100% !important;
}