/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");*/
/*@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap');*/
@import "app-fonts.css";


:root {
	--main-blue: #00112C;
	--white: #ffffff;
	--primary-blue:#2f4050;
}
.form-floating>.form-select{
	padding-bottom: 0.25rem!important;
}
.fs-0_75{font-size: 0.75rem;!important;}
.fs-0_85{font-size: 0.85rem;!important;}
.fs-0_95{font-size: 0.95rem;!important;}
.fs-1_00{font-size: 1rem;!important;}
.fs-1_25{font-size: 1.25rem;!important;}
.fs-1_50{font-size: 1.5rem;!important;}
.fs-1_75{font-size: 1.75rem;!important;}
.fs-2_00{font-size: 2rem;!important;}

.background-primary{background-color: var(--primary-blue);}
.text-primary{color: var(--primary-blue);}

.finger{cursor: pointer}

.app-btn{
	background-color:#1ab394!important;
	border-color:#1ab394!important;
	color:var(--white);
}
.app-btn:hover{
	color:#F0F0F0;
}
.app-close-btn{
	background-color: #2f4050!important;
	color:#2f4050!important;
	background-image:none!important;
}
.app-btn-grey{
	background-color:#a3a3a3!important;
	border-color:#a3a3a3!important;
	color:var(--white);
}
.app-btn-grey:hover{
	background-color:#a3a3a3!important;
	border-color:#a3a3a3!important;
	color:#212529;
}
.Inter{
	font-family: 'Inter', sans-serif;
}
.collapse-links{
	text-transform: uppercase;
	color:#676a6c;
}
.collapse-links:hover{
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #1ab394;
	border-radius: 3px;
}
.modal-footer{
	background-color: #f9f9f9!important;
	border-bottom-left-radius:8px !important;
	border-bottom-right-radius:8px !important;
}
.modal-header{
	border-top-left-radius:8px !important;
	border-top-right-radius:8px !important;
}
.modal-content{
	background-color: #2f4050!important;
	border-radius:8px !important;
}
.modal-body{
	background-color: #FFFFFF !important;
}
.modal-settings-header{
	color:#FFFFFF;
	background-color:#2f4050;
}
body{
	/*background-color: #f8f9fa!important;*/
	/*background-color: #f3f3f4!important;*/
	background-color: #F3F4F6!important;
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-item.active .page-link{
	background-color: #2f4050!important;
	border-color: #2f4050!important;
	color: #FFFFFF!important;
}
.page-link{
	color: #2f4050!important;
}
#main{
	height: 105vh;
	min-height: 100vh;
	flex-wrap: nowrap;
	/*overflow-y: hidden;*/
}

/* ====================================
		NAV STUFF
======================================= */
.fc-main-color{color:var(--main-blue);}
.bc-white-color{background-color:var(--white);}
#brand{
	margin-top: 12px;
	margin-bottom: 0;
	/*margin-bottom: 12px;*/
	padding-top: 1.25rem!important;
	padding-bottom: 1.25rem!important;
}
.logo {
	font-size: 1.75rem!important;
}
.footer-link{
	color:#ffffff;
   text-decoration: none;
}
.footer-link:hover{
	color:#ffffff!important;
	background-color: transparent!important;
	text-decoration: underline;
}
#brand .bi-asterisk{
	font-size: 2.00rem;
	color:#FFFFFF;
	box-sizing:border-box;
}
.sidebar-nav{
	/*background-color:#00112C;*/
	background-color:#2f4050;
	color: #FFFFFF;
	width: 15rem;
	text-align: center;
	display: none!important;
}
.sidebar-nav li{
	/*padding-top: 1.0rem;*/
	/*padding-bottom: 1.0rem;*/
	padding-top: 1.50rem;
	padding-bottom: 1.50rem;
	cursor: pointer;
	margin: 0.08rem 0;
}
.sidebar-nav li:hover,  a:hover{
	background-color: #f8f9fa!important;
	color:#00112C!important;
}
.sidebar-nav a{
	text-decoration: none;
	color: #FFFFFF;
}
.sidebar-nav a:hover{
	color:#00112C!important;
}
.selected-item,  .selected-item a{
	color:#00112C!important;
	background-color: #f8f9fa!important;
}

/* ====================================
		TEMPLATE STUFF
======================================= */
#page-title{
	color:#676a6c;
}
#private-content{
	width: 100%;
}
.guide-rails{
	padding-left: 50px;
	padding-right: 50px;
}
.right-rails-0{
	padding-left: 50px;
	padding-right: 0px;
}
.left-rails-0{
	padding-left: 0px;
	padding-right: 50px;
}
.zero-rails{
	padding-left: 0px;
	padding-right: 0px;
}
ul.dropdown-menu {
	background-color: white;
}
.row-margin{
	margin-top:1.5rem!important;
	margin-bottom:1.5rem!important;
}
.card-table{display: table;width:100%;}
.card-row{display: table-row;}
.card-cell{display: table-cell;}
.content-container{margin-left:inherit!important; margin-right: auto!important;}

.popover-body{
	text-align: center;
	/*font-size: 1rem;*/
}
.muted-link{
	color:#6c757d!important;
	font-weight: 400;
}
.muted-link:hover{
	color:#6c757d!important;
}
.profile-link{
	color:#6c757d!important;
	font-weight: 400;
}
.profile-link:hover{
	color:#00112C!important;
	background-color: #FFFFFF !important;
}
#telephoneKeypad td{
    border:0;
}
#telephoneKeypadDrag:hover{
    cursor: move;
    /*cursor: grab;*/
}

/* ====================================
		RESPONSIVE STUFF
======================================= */
 /*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
	.guide-rails{
		padding-left: 0px;
		padding-right: 0px;
	}
	.settings-nav > div{
		padding-left: 10px;
	}
}
@media (min-width: 576px) {  }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.sidebar-nav{
		display: flex!important;
	}
	#activity-pane, #rsvp-pane{
		margin-bottom: 0rem;
	}
	#btn-newEvent{
		width: auto;
	}
	.settings-nav > div{
		padding-left: 10px;
	}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	#activity-pane{
		min-height:400px;
	}
	#rsvp-pane{
		min-height:450px;
	}

}
/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {}

@media (min-width: 1900px) {
	.settings-nav > div{
		padding-left: 60px;
	}
}