/*MASTER FONT*/
@font-face{ 
	font-family: 'favoritbold';
	src: url('/css/FavoritStd-Bold.otf');
}
@font-face{ 
	font-family: 'favoritregular';
	src: url('/css/FavoritStd-Regular.otf');
}
@font-face{ 
	font-family: 'favoritlight';
	src: url('/css/FavoritStd-Light.woff2');
}

@font-face{ 
	font-family: 'favoritmono';
	src: url('/css/ABCFavoritMono-Regular.woff2');
}

body {font-family: 'favoritregular', sans-serif; font-size: 16px;font-weight: 400; background-color: #fbfaf8;}

a{color:#002c5f;}
a:hover{color:#28001e;}

/* ============================================== */
/* ==== Buttons ==== */
.btn {border-radius: 0px!important; font-weight: bold; min-height: 45px;display: inline-flex;justify-content: center;align-items: center; font-size: 1.125rem;}
.btn-block{display: block; width: 100%;}

.primary-button {
  background: #002c5f;
  border: 4px solid #002c5f;
  color: #ffffff;
  box-shadow: inset 0 0 0 0 #003c78;
  -webkit-transition: ease-out 0.35s;
  -moz-transition: ease-out 0.35s;
  transition: ease-out 0.35s;
  padding-bottom: 15px;
  padding-top: 15px;
}


.btn-sm.primary-button{padding-bottom: 5px; padding-top: 5px;min-height:38px;font-size: 0.8rem;padding-left: 20px;padding-right: 20px;}

.primary-button:not(.disabled):hover {
  color: transparent !important;
  background: #003c78;
  box-shadow: inset 400px 0 0 0 #003c78;
 /* border: 4px solid #003c78;*/
}

.primary-button:not(.disabled):hover:after {
  position: absolute;
  color: white !important;
  font-family: "iconfont1.0.231-SNAPSHOT" !important;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: middle;
  content: "\f108";
}
.secondary-button{
    background: #d4d4d4;
    border:none;
	border-left: 16px solid #000000;
	color:#000000;
    box-shadow: inset 0 0 0 0 #000000;
    -webkit-transition: ease-out 0.35s;
    -moz-transition: ease-out 0.35s;
    transition: ease-out 0.35s;
    padding-bottom: 15px;
    padding-top: 15px;
	padding-left: 20px;padding-right: 20px;
}

.secondary-button.btn-sm{
    padding-bottom: 5px;
    padding-top: 5px;
    min-height:38px;
    font-size: 0.8rem;
}

.secondary-button:hover{color:#ffffff;background: #000000; box-shadow: inset 400px 0 0 0 #000000;}


.reset-password{font-size: 1rem; color: #6c757d; transition: all .5s;}
.reset-password:hover{color:#a00022 !important;}

.alert-btn{
    background-color: #d4d4d4;
    border:solid 1px black;
    border-radius: 5px !important;
    transition: all 0.5s;
}

.alert-btn:hover{
    background-color: #b3b3b3;
    color:white;
    border-color:black;
}

.alert-btn.active{
    background-color: #2e2e2e;
    color:white;
    border-color:white;
}

/* ============================================== */
/* ==== Font Sizes ==== */
.font-size-enormous {font-size:4.5rem; font-weight:200;} 			/* 67.5px */
.font-size-superhuge {font-size: 3.14rem; line-height: 3.2rem;}		/* 50.4px */
.font-size-biggestest {font-size: 2.25rem;}							/* 36px */
.font-size-biggest {font-size:2rem;}								/* 32px */
.font-size-bigger {font-size:1.75rem;}								/* 28px */
.font-size-bigish {font-size:1.5rem;}								/* 24px */
.font-size-big {font-size:1.2rem;}									/* 20px */
.font-size-normal {font-size:1rem;}									/* 16px */
.font-size-small {font-size:0.875rem;}								/* 14px */
.font-size-smaller {font-size:0.7rem;}								/* 11.2px */
.font-size-smallest {font-size:0.6rem;}								/* 9.6px */

/* line heights */
.line-height-normal {line-height:1rem;}
.line-height-small {line-height:0.9rem;}
.line-height-smaller {line-height: 0.6rem;}
.line-height-big {line-height: 1.4rem;}
.line-height-bigger {line-height: 1.6rem;}
.line-height-biggest {line-height: 2rem;}

@media screen and (max-width:1600px)  {		
	.lap-font-size-biggestest {font-size: 2rem;}			/* 32px */				
	.lap-font-size-biggest {font-size:1.5rem;}				/* 24px */
	.lap-font-size-bigger {font-size:1.375rem;}				/* 22px */
	.lap-font-size-bigish {font-size:1.2rem;}				/* 20px */
	.lap-font-size-big {font-size:1rem;}					/* 16px */
	.lap-font-size-normal {font-size:0.875rem;}				/* 14px */
	.lap-font-size-small {font-size:0.7rem;}				/* 11.2px */
	.lap-font-size-smaller {font-size:0.6rem;}				/* 9.6px */
	.lap-font-size-smallest {font-size:0.6rem;}				/* 9.6px */
}
@media screen and (max-width:1199px)  {
    .sm-font-size-superhuge {font-size: 2.14rem!important; line-height: 2.5rem!important;}	
    .sm-font-size-biggest {font-size:1.4rem!important;}
    .sm-font-size-bigger {font-size:1.1rem!important;}
    .sm-font-size-big {font-size:1rem!important;}
    .sm-font-size-normal {font-size:0.9rem!important;}
    .sm-font-size-small {font-size:0.7rem!important; }
    .sm-font-size-smaller {font-size:0.55rem!important;}
}
@media screen and (max-width:850px) {
    .xs-font-size-superhuge {font-size: 1.95rem!important;line-height: 2rem!important;}	
    .xs-font-size-biggest {font-size:1.5rem!important;}
    .xs-font-size-bigger {font-size:1.2rem!important;}
    .xs-font-size-big {font-size:1rem!important;}
    .xs-font-size-normal {font-size:0.8rem!important;}
    .xs-font-size-small {font-size:0.7rem!important; }
    .xs-font-size-smaller {font-size:0.6rem!important; }
}
@media screen and (max-width:350px) {
    .mob-font-size-biggest {font-size:1.4rem!important;line-height:1.5rem!important;}
    .mob-font-size-bigger {font-size:1.1rem!important;}
    .mob-font-size-big {font-size:1rem!important;}
    .mob-font-size-normal {font-size:0.9rem!important;}
    .mob-font-size-small {font-size:0.7rem!important; }
    .mob-font-size-smaller {font-size:0.55rem!important; }
}

/* ============================================== */
/* ==== Global Includes ==== */
.main-nav{
    position: relative;
    background-color: rgba(0, 0, 0, 1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    /* padding-top:1rem;
    padding-bottom:1rem; */
}

footer{
    float: left;
    width: 100%;
    margin: 0% 0% 0% 0%;
    background-color: #a00022;
    color: #fbfaf8;
    font-family: 'favoritmono' !important;
}

.darken-img{
    filter: invert(100%);
    -webkit-filter: invert(100%);
}


.highlight{border: 2px solid #a00022;}
/* ============================================== */
/* ==== Login Styling ==== */
.login-page{
    padding:4.5rem;
    width: 100%;
    background-image: url(../images/login-banner.jpg);
    background-size:cover;
    background-position: center;
    display: flex;
    align-items: center;
    min-height: 80vh;
}

.login-page .input-group-text {background-color: #ffffff;    color: #c5c5c5;}
.login-page .input-group .form-control {border-left:0px;}

/* ============================================== */
/* ==== General Styling ==== */

.shadow {box-shadow: 0px 5px 5px #00000029 !important;}
.primary-bg{background-color: #a00022 ;}
.secondary-bg{background-color: #2e2e2e ;}

.edit-btn{
    background: #d4d4d4; 
    color:#787878;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top:0.25rem;
    padding-bottom:0.25rem;
    font-size: 0.7rem;
    font-weight: normal;
    border-color:#787878;
	min-height: unset;
}

.edit-btn.save-btn{background: #47bd00;color: #ffffff; border: 1px solid #850303;}
.edit-btn.cancel-btn{background: #e5061b; color: #ffffff; border: 1px solid #057a0d;}

.edit-btn:hover{
    background-color: #d4d4d4;
    color:white;
    border-color:white;
}
.rounded{border-radius: 10px !important;}
.rounded-subtle{border-radius: 5px !important;}
.rounded-top{border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}

.form-control::placeholder { color: #c5c5c5; opacity: 1; }
.form-control::-ms-input-placeholder { color: #c5c5c5;}

/* ============================================== */
/* ==== Enquiry Keys ==== */

.key{
    position: relative;
    display: inline-block;
    width:20px;
    height: 20px;
    border: 1px solid black;   
    margin-left:5px; 
}
a.t-card{color:#000;text-decoration:none;}
a.t-card:hover .new-enq-bg.body, a.t-card:active .new-enq-bg.body{background:rgba(40, 167, 69, 0.6);} 
a.t-card:hover .danger-enq-bg.body, a.t-card:active .danger-enq-bg.body{background:rgba(220, 53, 69, 0.6);} 
a.t-card:hover .vps-enq-bg.body, a.t-card:active .vps-enq-bg.body{background:rgba(169, 167, 167, 0.6);} 
a.t-card:hover .new-muted-bg.body, a.t-card:active .muted-enq-bg.body{background:rgba(130, 130, 130, 0.6);} 
a.t-card:hover .vps-enq-dark-bg.body, a.t-card:active .vps-enq-dark-bg.body{background:rgba(169, 167, 167, 0.6);} 

.default-enq-bg{background:#2e2e2e;}
.new-enq-bg{background:#28a745;}
.warning-enq-bg{background:#fd7e14;}
.danger-enq-bg{background:#dc3545;}
.muted-enq-bg{background:#878282;}
.vps-enq-bg{background:#af35dc;}
.vps-enq-dark-bg{background:#3a024e;}


.new-enq-bg.body{background:rgba(40, 167, 69, 0.3);}
.warning-enq-bg.body{background:rgba(253, 126, 20, 0.3);}
.danger-enq-bg.body{background:rgba(220, 53, 69, 0.3);}

/* ============================================== */
/* ==== Lead Card ==== */
.lead-card{
    background-color: #e1e0e0;
}


.form-control{appearance: auto !important;}
.checkbox-lg{height: 3rem; width: 3rem;}
.sticky-lg-top{top:5px;}
/*signature code for web quote*/
.quote__signature .form-group input {border: none;-webkit-box-shadow: none;box-shadow: none;border-bottom: 2px dotted #828080;border-radius: 0; font-size: 32px; color: #1b262a;height: 42px;padding-bottom: 10px; font-family: "Lucida Handwriting"; font-weight: 300;background: #ffffff; padding: 6px 10px;height: auto;}
.quote__signature .form-group input:-ms-input-placeholder{color:#8b919d;font-family:"Lucida Handwriting",sans-serif;font-size:18px}
.quote__signature .form-group input::-webkit-input-placeholder{color:#8b919d;font-family:"Lucida Handwriting",sans-serif;font-size:18px}





/* -------------------- New Lead Toggle -------------------- */
.new-lead-toggle{
    text-align: center;
    background-color: #878282;
    color:#fff;
    padding:0.75rem;
    /* font-size:0.75rem; */
    transition: all 0.5s;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.new-lead-toggle a{
    color: #fff;
    text-decoration: none;
}

.new-lead-toggle:hover{background: #000;}

/* -------------------- Search Toggle -------------------- */
.search-toggle{
    text-align: center;
    background-color: #a00022;
    color:#fff;
    padding:0.75rem;
    /* font-size:0.75rem; */
    transition: all 0.5s;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.search-toggle a{
    color: #fff;
    text-decoration: none;
}

.search-toggle:hover{background: #000;}


/* ---------- Auth Button ---------- */
.auth-toggle{
    text-align: center;
    background-color: #ffd000;
    color:black;
    padding:0.75rem;
    /* font-size:0.75rem; */
    transition: all 0.5s;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.auth-toggle:hover{
    background: #b09107;
    color:white;
}

.auth-btn{
    background: #ffd000;
    color:black;
    border-radius: 5px;
}

.auth-btn:hover{
    background: #b09107;
    color:white;

}

/* Print Stylings */
@media screen and (max-width:850px) {

    .checkbox-lg{height: 1.5rem; width: 1.5rem;}

}

@media print {
    .print-noshow{display: none !important;}
    .print-img{width: 50% !important;}
    .checkbox-lg{height: 1.5rem; width: 1.5rem;}
    header, footer{display: none;}
}


.hyphen-div {
    padding: 8px 3px;
    width: auto;
}

#employedstatus{
    display: flex;
    justify-content: space-between;
}
.help-block{font-size: 0.75em;text-align: center;padding-top: 5px;}
.help-block.with-errors{ color: #fd0000;}