.clear{
	clear: both;
	overflow: hidden;	
}

body {
	overflow-x: hidden;
	color: #666;
	font-family: nunito, sans-serif;
	background-color: #fcfcfc;
}

img{
	max-width:100%;
}

a{
	color: #b13b36;
}
 
a:hover{
	color: #b13b36;
}

a.overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
 
.container{
	width: 1200px;
	max-width: 100%;
}

.text-blue{
	color: #b13b36;
}

h1, h2, h3, h4, h5, h6{
	/*color: #b13b36;*/
	font-weight: 700;
	margin-bottom: 25px;
}


h1, .h1{font-size: 24px;}
h2, .h2{font-size: 20px}
h3, .h3{font-size: 18px}
h4, .h4{font-size: 16px}
h5, .h5{font-size: 14px}
h6, .h6{font-size: 12px}


.mdi{
	font-size:140%;
	vertical-align:middle;
	line-height: 16px;
}

.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{
	margin-bottom: 0px;
}
/*  ----------------------------------------------------------	*/
/*  						Buttons 	 						*/
/*  ----------------------------------------------------------	*/
.btn{
	font-family: 'Poppins', sans-serif;
	cursor:pointer;
	font-weight:600;
    font-size: 15px;
    min-width: 100px;
}
.btn-primary{
	background-color: #b13b36;
	border-color:  #b13b36;
	color:#FFF !important;
}
.btn-primary:hover{
	background-color: #f6903b;
	border-color:  #f6903b;
	color:#ffffff  !important;
}

.btn.btn-xl{
	padding: .75rem 1rem;
	line-height: 1.5;
}

/* AW - 1/4/19 added to style new .form-control selects */
select.form-control,  .form-control.input-dropdown{
	position: relative;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor:pointer;
	padding-right:25px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTYuMDAzIDE4LjYyNmw3LjA4MS03LjA4MUwyNSAxMy40NmwtOC45OTcgOC45OTgtOS4wMDMtOSAxLjkxNy0xLjkxNnoiLz48L3N2Zz4=');
	background-repeat:no-repeat;
	background-size: 15px;
	background-position: right 5px top 50%;
}

.input-group-hover{
	position: relative;	
}

.input-group-hover label{
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translate(0%, -50%);
	text-align:left;
	font-size:1rem;
	color: rgba(102,102,102,1);
	transition: all .5s ease;
}

.input-group-hover-sm .input-group-hover label{
	font-size:1rem;
}


.input-group-hover input.form-control-lg, .input-group-hover select.form-control-lg{
	padding-top:30px;
	height: calc(1.15em + 1rem + 15px);
	padding-bottom: .75rem;
	font-size:	1rem
}

.input-group-hover select.form-control-lg{
	padding-top:25px;
	padding-left:11px;
	height: calc(1.15em + 1rem + 23px);
}

.input-group-hover-sm .input-group-hover input.form-control-lg, .input-group-hover-sm .input-group-hover select.form-control-lg{
	padding-top:20px;
	height: calc(1.15em + 1rem + 12px);
	padding-bottom: .75rem;
	font-size:	1rem
}

.input-group-hover-sm .input-group-hover input.form-control-lg{
	padding-top:19px;
	padding-bottom: 0px;
}

.input-group-hover-sm .input-group-hover select.form-control-lg{
	padding-top:20px;
	padding-bottom: 5px;
	height: calc(1.15em + 1rem + 13px);
}


/* INPUT = EMPTY and NOT FOCUSED */
.input-group-hover input:placeholder-shown:not(:focus) + label{
	/*color: purple;*/
}

/* INPUT != EMPTY and NOT FOCUSED */
.input-group-hover input:not(:placeholder-shown) + label{
	/*transform: translate(0%, 0%);*/
	transition: all .5s ease;
	top: 6px;
	transform: translate(0%, 0%);
	font-size: .8rem;
	color: rgba(102,102,102,0.8);
}

/* INPUT = FOCUSED */
.input-group-hover input:focus + label, .input-group-hover select:focus + label{
	transition: all .5s ease;
	top: 6px;
	transform: translate(0%, 0%);
	font-size: .8rem;
	color: rgba(102,102,102,0.8);
}

.input-group-hover select + label{
	transition: all .5s ease;
	top: 6px;
	transform: translate(0%, 0%);
	font-size: .8rem;
	color: rgba(102,102,102,0.8);
}

.input-group-hover input:focus, .input-group-hover select:focus{
	border-color: #b13b36;
}

.input-group-hover input:required:valid{
	border-color: red;	
}

.input-group-hover input:required:valid:not(:placeholder-shown), .input-group-hover select:required:valid:not(:placeholder-shown), .input-group-hover input:not(:placeholder-shown){
	border-color: #b13b36;
}

.input-group-hover input:required:valid:not(:placeholder-shown) + label, .input-group-hover select:required:valid:not(:placeholder-shown) + label,{
	top: 6px;
	transform: translate(0%, 0%);
	font-size: .8rem;
	color: rgba(102,102,102,0.8);
}


.input-group-hover-sm .input-group-hover input:required:valid:not(:placeholder-shown) + label, .input-group-hover-sm .input-group-hover select:required:valid:not(:placeholder-shown) + label, .input-group-hover-sm .input-group-hover select + label, .input-group-hover-sm .input-group-hover input:focus + label, .input-group-hover-sm .input-group-hover select:focus + label, .input-group-hover-sm .input-group-hover input:focus + label, .input-group-hover select:focus + label, .input-group-hover-sm .input-group-hover input:not(:placeholder-shown) + label {
	font-size: .7rem;
}


@supports (-ms-ime-align:auto) {
	/* MS Edge only */
	.input-group-hover-sm .input-group-hover label{
		font-size:0.8rem;
	}
	
    .input-group-hover input + label, .input-group-hover select + label{
		top: 6px;
		transform: translate(0%, 0%);
		font-size: .8rem;
		color: rgba(102,102,102,0.8);
	}
	
	.input-group-hover input:required:valid{
		border-color: transparent;	
	}
	
	.input-group-hover-sm .input-group-hover input.form-control-lg, .input-group-hover-sm .input-group-hover select.form-control-lg{
		padding-top:26px;
		padding-bottom:0px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10 & IE11 CSS styles go here */
	.input-group-hover-sm .input-group-hover label{
		font-size:0.8rem;
	}
    
    .input-group-hover input + label, .input-group-hover select + label{
		top: 6px;
		transform: translate(0%, 0%);
		font-size: .8rem;
		color: rgba(102,102,102,0.8);
	}
	
	.input-group-hover input:required:valid{
		border-color: transparent;	
	}
	.input-group-hover-sm .input-group-hover input.form-control-lg, .input-group-hover-sm .input-group-hover select.form-control-lg{
		padding-top:26px;
		padding-bottom:0px;
	}
}

/* The switch - the box around the slider */
.toggleSwitch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.toggleSwitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.toggleSlider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggleSlider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .toggleSlider {
	background-color: #b2cb08;
}

input:focus + .toggleSlider {
	box-shadow: 0 0 1px #b2cb08;
}

input:checked + .toggleSlider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.toggleSlider.round {
	border-radius: 34px;
}

.toggleSlider.round:before {
	border-radius: 50%;
} 
/*  ----------------------------------------------------------	*/
/*  					Login Screens 	 						*/
/*  ----------------------------------------------------------	*/
#loginLogo{
	text-align:center;
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translate(-50%, 0%);
}

#loginLogo img{
	width: 100px;
}
	
.loginWrap{
	padding-bottom: 90px;
}


@media (min-width: 576px) {
	.bg-login{
		background-image: url("/assets/images/iStock-469051362.jpg");
		background-size: cover;
		background-position: top left;
	}
	
	#loginLogo img{
		width: 150px;
	}
}

@media (max-height: 420px) {
	.bg-login.h-100, .bg-login .h-100{
		height: auto !important;
	}
	
	#loginLogo img{
		width: 100px;
	}
	
	.loginWrap{
		padding-bottom: 70px;
		padding-top: 30px;
	}
}
/*  ----------------------------------------------------------	*/
/*  					Header/SideBar 	 						*/
/*  ----------------------------------------------------------	*/
#header{
	position: absolute;
	top:0px;
	right: 0px;
	width:100%;
	background: #1d1d1b;
	color: #ffffff;
}

#header .headerLogo{
	height: 36px;
	display:inline-block;
}

#content.active #header .headerLogo{
	display:none
}

#content {
    width: calc(100% - 250px);
    padding: 25px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}

#content.active {
    width: 100%;
}

#sideBar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #b13b36;
	color: #ffffff;
    transition: all 0.3s;
}

#sideBar.active {
    margin-left: -250px;
}

.sideBarHeader{
	padding: 15px;
	text-align:center;
}


.sideBarLogo{
	margin-bottom: 15px;
}

.sideBarName{
	border-top: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	padding: 15px 0px;
	font-weight: 600;
	margin-bottom: 0px;
}

#sideBar a{
	color: #fff;
	font-weight: 600;
	font-size:95%;
}

.dropdown-toggle::after {
    display:none;
}

#sideBar a .mdi{
	font-size: 140%;
	margin-right: 10px;
	vertical-align:middle;
}

#sideBar a:not(.active):hover{
	background:#f6903b;
	color: #ffffff;
}

#sideBar a.active{
	background: #f6903b;
}

@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	#sideBar {
		width: 200px;
	}
	
	#sideBar.active {
		margin-left: -200px;
	}
	
	#content {
		width: calc(100% - 200px);
		padding:25px;
	}
}

@media (min-width: 992px) {
	
}

@media (min-width: 1200px) {
	#sideBar {
		width: 250px;
	}
	
	#sideBar.active {
		margin-left: -250px;
	}
	#content {
		width: calc(100% - 250px);
		padding:40px;
	}
}
/*  ----------------------------------------------------------	*/
/*  					Dashboard		 						*/
/*  ----------------------------------------------------------	*/
.dashboard-large-text{
	font-size: 24px;
	font-weight: 600;
}

.font-larger{
	font-size:120%;
	font-weight:700;
}
/*  ----------------------------------------------------------	*/
/*  					Layout - Add 	 						*/
/*  ----------------------------------------------------------	*/

table .td-small{
	width:50px;
}
/*  ----------------------------------------------------------	*/
/*  					Media Queries 	 						*/
/*  ----------------------------------------------------------	*/
@media (min-width: 768px) {
	#header{
		display:none;
	}
	
	#sideBar.active{
		margin-left:0px;
	}
	
}
@media (max-width: 768px) {
	#content{
		padding: 25px;
		padding-top:75px;
	}
    #sideBar {
        margin-left: -250px;
    }
    #sideBar.active {
        margin-left: 0;
    }
    #content {
        width: 100%;
    }
    #content.active {
        width: calc(100% - 250px);
    }
    #sideBarCollapse span {
        display: none;
    }
}



/*  ----------------------------------------------------------	*/
/*  					Media Queries 	 						*/
/*  ----------------------------------------------------------	*/

@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	h1, .h1{font-size: 26px;}
	h2, .h2{font-size: 20px}
	h3, .h3{font-size: 18px}
	h4, .h4{font-size: 16px}
	h5, .h5{font-size: 1rem}
	h6, .h6{font-size: 12px}
	
	
	.btn.btn-xl{
		padding: 1rem 1rem;
		line-height: 1.55;
	}
	
	.input-group-hover label{
		font-size:1.1rem;
	}
	
	.input-group-hover input.form-control-lg{
		padding-top:30px;
		height: calc(1.5em + 1rem + 15px);
		padding-bottom: .75rem;
		font-size:	1.1rem
	}
	
	/* if input is highlighted/ focused change label */
	.input-group-hover input:focus + label{
		font-size: .8rem;
	}
	
	.input-group-hover input:required:valid:not(:placeholder-shown) + label{
		font-size: .8rem;
		color: rgba(102,102,102,0.8)
	}
}

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

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

canvas{
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
}

.canvas-wrapper{
     margin-left: auto;
     margin-right:auto;
}

.circle-wrapper{
     display: flex;
     align-items: center;
     justify-content: center;
     position:absolute;
     /*background-color: #d65151;*/
     height: calc(100% - 32px); /* height of wrapper is 462px, height of wrapper to top of circle is 430*/
     width: calc(100% - 32px);
	 /*border:1px solid black;*/
     bottom: 0;
     left: 16px;
     z-index: 0;
}

.circle{
    background-color: #b13b36;
    /*height: 40%;*/
    height: 40%;
    width: 40%;
    border-radius: 100%;
    }
    
@media only screen and (max-width: 1384px) and (min-width: 768px){
    .circle-wrapper{
        height: calc(100% - 43px);
        width: calc(100% - 28px);
        left: 14px;
        bottom: 6px;
    }
}

@media only screen and (max-width: 1314px) and (min-width: 768px){
    .intro-wrapper{
        height: calc(100% - 60px);
        width: calc(100% - 36px);
        left: 18px;
        bottom: 5px;        
    }
}

@media only screen and (max-width: 1173px) and (min-width: 768px){
    .commission-wrapper{
        height: calc(100% - 60px);
        width: calc(100% - 36px);
        left: 18px;
        bottom: 5px;        
    }
}

@media only screen and (max-width: 1074px) and (min-width: 768px){
    .circle-wrapper{
        width: calc(100% - 35px);
        left: 17.5px;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 768px){
    .circle-wrapper{
        width: calc(100% - 40px);
        left: 20px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px){
    .circle-wrapper{
        height: calc(100% - 49px);
        width: calc(100% - 43px);
        left: 21.5px;       
    }
}

@media only screen and (max-width: 697px) and (min-width: 576px){
    .intro-wrapper{
        height: calc(100% - 60px);
        width: calc(100% - 36px);
        left: 18px;
        bottom: 5px;        
    }
}

@media only screen and (max-width: 603px) and (min-width: 576px){
    .commission-wrapper{
        height: calc(100% - 60px);
        width: calc(100% - 36px);
        left: 18px;
        bottom: 5px;        
    }    
}

@media only screen and (max-width: 381px){
    .circle-wrapper{
        height: calc(100% - 20px);
        width: calc(100% - 28px);
        left: 14px;
        bottom: -5px;
    }
}

@media only screen and (max-width: 359px) and (min-width: 356px){
        .intro-wrapper{
        height: calc(100% - 40px);
        width: calc(100% - 36px);
        left: 18px;
        bottom: 5px;        
    }
}

@media only screen and (max-width: 355px){
        .intro-wrapper{
        height: calc(100% - 60px);
        width: calc(100% - 36px);
        left: 18px;
        bottom: 5px;        
    }
}

@media only screen and (max-width: 311px){
    .commission-wrapper{
        height: calc(100% - 60px);
        width: calc(100% - 36px);
        left: 18px;
        bottom: 5px;        
    }
}

@media only screen and (max-width: 285px){
    .circle-wrapper{
        height: calc(100% - 49px);
        width: calc(100% - 40px);
        left: 20px;
        bottom: -2px;
    }
}

@media only screen and (max-width: 260px){
    .intro-wrapper{
        height: calc(100% - 47px);
        width: calc(100% - 40px);
        left: 20px;
        bottom: -2px;
    }
}

.mdi-large{
    font-size: 32px !important;
}

.mdi-active{
    color: #21a9db;
}

.mdi-not-active{
    opacity: 0.3;
}

span.mdi-container{
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    align-content: center;
    align-items: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding-top: 7px;
    padding-left: 1px;
    border: 3px solid #21a9db;
}
.mdi-container .mdi-active{
   max-height: 100%;
   max-width: 100%;    
}

span.mdi-container-not-active{
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    align-content: center;
    align-items: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding-top: 7px;
    padding-left: 1px;
    border: 3px solid transparent;
	opacity:0.7
}

.opportunity-info{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.filterable .filters input[disabled] {
	background-color: transparent;
	border: none;
	cursor: auto;
	box-shadow: none;
	padding: 0;
	height: auto;
	font-weight: 600;
	
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
	color: #333;
	font-weight:600;
}
.filterable .filters input[disabled]::-moz-placeholder {
	color: #333;
	font-weight: 600;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
	color: #333;
	font-weight: 600;
}

.com-filter-buttons{
    margin-top: 0;
}

@media only screen and (max-width: 886px) and (min-width: 769px){
    .com-filter-buttons{
        margin-top: 10px;
    }
}

@media only screen and (max-width: 657px){
    .com-filter-buttons{
        margin-top: 10px;
    }
}