@charset "UTF-8";
/* CSS Document */

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400&display=swap');

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
/*		vertical-align: baseline;*/
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
}

html, body{
	height: 100%;
	margin: 0;
}

ol, ul {
		list-style: none;
}

a:link { text-decoration: none; }


a:visited { text-decoration: none; }


a:hover { text-decoration: none; }


a:active { text-decoration: none; }

#navSection{
	display:flex;
	background-color: #191A1E;
	
}

#cds_logo{
	padding:15px;
}

#wholePage{
	display: flex;
	flex-flow: column;
	height: 100%;
}
#social{
	flex: 0 1 auto;
	background-color: #191A1E;
}
#content{
	display:flex;
	flex-direction: row;
	flex-grow: 1;
	background: linear-gradient(0deg, rgba(219,223,231,1) 0%, rgba(255,255,255,1) 100%);
}

#innerContent{
	display:flex;
	justify-content: center;
	height:100%;
	flex-grow: 1;
	padding:15px;
	flex-direction: column;
}

#main_content_inner{
	display:flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 15px;
}

#main_content_inner h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	color: #1A8981;
	margin-bottom:15px;
}

#main_content_inner p{
	font-family: 'Montserrat', sans-serif;
	color: #676767;
}

.title_second_row{
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	color: #1A8981;
	margin-bottom:10px;
}


.main_content_top_text, .main_content_second_text{
	font-size: 15px;
	color: #676767;
	line-height: 22px;
}

.vetText, .vetTextBot{
	margin-top:20px;
}

.vetTextBot{
	margin-bottom:20px;
}

/* font-size: 15px; */
/* color: #676767; */

/*-------------------------------------------------------------------------*/
/*	Footer (office info bar)
/*-------------------------------------------------------------------------*/

#social{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	color:#fff;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
}

#email{
	display:flex;
	flex-direction: row;
	padding:10px;
}

#emailIcon, #phoneIcon{
	margin-right:10px;
}

#phone{
	display:flex;
	flex-direction: row;
	padding:10px;
}

.emailAdmin{
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}

.emailAdmin:hover{
	cursor: pointer;
	color: #2aaaa2;
}

/*-------------------------------------------------------------------------*/
/*	Footer (office info bar)
/*-------------------------------------------------------------------------*/

#offices{
	/* flex: 0 1 100px; */
	padding:15px;
	display:flex;
	flex-direction: row;
	background-color: #191A1E;
	height:230px;
	justify-content: space-evenly;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	/* padding-bottom: 20px; */
}

.office{
	/* height:100px; */
	float: left;
	/* padding-top:20px; */
	text-align: center;
	color: #2aaaa2;
}

/* #offices{
	height:230px;
	background-color: #0080bc;
	
} */

#offices h2{
	font-size: 30px;
	/* line-height: 30px; */
	font-weight: 300;
	text-align: center !important;
	color: #FFF;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 10px !important;
}
.office_num{
	font-weight: 300;
	font-size: 14px;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
}

/*-------------------------------------------------------------------------*/
/*	Nav Bar within includes/header
/*-------------------------------------------------------------------------*/

#cds_logo{
	display: flex;
	
}

#nav{
	display:flex;
	flex-grow: 1;
	justify-content: space-evenly;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 500;
	/* background-color: #D2B7F4; */
	align-items: center;
	flex-wrap: wrap;
}

#nav a{
	color: #fff;
}

#nav a:hover{
	color:#0080bc;
}

.nav_bar_list{
	margin-top:30px;
	list-style:none;
	padding:0;
}

.menu_li_wrapper{
	display:flex;
	background-color: #1A8981;
	border:#1A8981 2px solid;
	height:28px;
	font-size: 14px;
	padding:3px 18px;
	border-radius: 20px;
	align-items: center;
	margin-right: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	/* vertical-align: baseline; */
}

.menu_li_wrapper:hover{
	background-color: #dbdfe7;
	border:#1A8981 2px solid;
	color: #1A8981;
}

/* .nav_bar_list li{
	float: left;
	display: block;
	text-align: center;
} */

/* .nav_bar_list a{
	display:block; 
} */

.dropdown a, .dropbtn {
	display: inline-block;
	text-decoration: none;
}


li.dropdown {
	padding:0px !important;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #383838;
	z-index: 4;
	border-top:#CCC 1px solid;
	width:200px;
}

.ie9 .dropdown-content{
	z-index: 999999;
}

.dropdown-content a {
	color: #FFF !important;
	padding: 10px;
	text-decoration: none;
	display: block;
	text-align: left;
	height: 20px;
	line-height: 20px;
}

.largeLink{
	height:60px !important;
}

.dropdown-content a:hover {
	background-color: #353434;
	color:#0080bc !important;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown-content:hover{
	background-color: #353434;
}

/*-------------------------------------------------------------------------*/
/*	Side nav
/*-------------------------------------------------------------------------*/

#open_mobile_nav{
	font-size:36px;
	cursor:pointer;
	float:right;
	padding:10px
}

.ie9 #open_mobile_nav{
	position: absolute;
	right:5px;
}

#open_mobile_label{
	font-size: 14px;
	height:30px;
	line-height: 44px; 
	float: right
}

.ie9 #open_mobile_label{
	position: absolute;
	right:60px;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 30px;
	overflow-y: hidden;
}

.ie9 .sidenav{
	z-index: 99999999;
}

.sidenav a {
	padding: 10px 8px 10px 20px;
	text-decoration: none;
	font-size: 18px;
	color: #FFF;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
	color: #0080bc;
}

.sidenav.closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 50px !important;
	margin-left: 50px;
}

#overlay {
	transition: margin-left .5s;
	padding: 0px;
}

.ie9 #overlay{
	z-index: 99999998;
}

/*-------------------------------------------------------------------------*/
/*	right bar
/*-------------------------------------------------------------------------*/

#rightBar{
	display:flex;
	flex-direction: column;
	/* height:100%; */
	justify-content: space-between;
	background-color: #1A8981;
	padding:18px;
	min-width:222px;
}

#rightBarNum{
	margin-top:30px;
	font-size:28px;
	line-height: 60px;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.supportText{
	font-size:32px;
}

#teamViewer{
	text-align: center;
}

#tech_portal_login{
	width:100%;
	display:flex;
	/* border: solid 1px #000; */
}

#tech_login{
	width:100%;
}

#tech_portal_login h4{
	color: #FFF;
	margin-bottom:10px;
	font-family: 'Montserrat', sans-serif;
}

#tech_login input{
	width:calc(100% - 6px);
	padding-top:4px;
	padding-bottom:4px;
	margin-top:4px;
	margin-bottom:4px;
	font-family: 'Montserrat', sans-serif;
}

#tech_login_btn{
	display: flex;
	background-color: #050951;
	border:solid 2px #050951;
	color: #fff;
	padding:3px 18px;
	font-size: 14px;
	border-radius: 20px;
	align-items: center;
	justify-content: center;
	height:28px;
	margin-top:10px;
	font-family: 'Montserrat', sans-serif;
	vertical-align: baseline;
}

#tech_login_btn:hover{
	background-color: #FFF;
	color: #050951;
	font-weight: 600;
}