body, .main-content-wrapper {
	//background-color: #E4E7ED !important;
	font-size: 14px;
}
.main-content-wrapper {
	padding-top: 20px;
}
.disabled
{
	color: gray;
}
.fa-disabled {
	opacity: 0.6;
	cursor: not-allowed;
}
.text-danger {
	color: #a94442 !important;
}
.text-warning {
	color: #8a6d3b !important;
}
.text-info {
	color: #31708f !important;
}
.text-success {
	color: #3c763d !important;
}
.text-dark {
	color: #2e2e32 !important;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-top: 10px;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.policy-container {
	background-color: black;
	padding-top: 10px;
	padding-bottom: 25px;
	margin-top: 15px;
}
.processingDiv {
    position: fixed;
    left: 10px;
    bottom: 0px;
    z-index: 999;
    display: none;
    padding: 10px;
    opacity: 0.5;
}
.msgDiv {
    position: fixed;
    right: 10px;
    bottom: 0px;
    z-index: 999;
    display: none;
    padding: 10px;
    opacity: 0.5;
	width: 15%;
}
.fill {
	background-color: rgb(0, 0, 0);
    opacity: 0.0; /* Safari, Opera */
    -moz-opacity:0.00; /* FireFox */
    filter: alpha(opacity=00); /* IE */
    z-index: 1000;
    height: 100%;
    width: 100%;
    background-repeat:repeat;
    position:fixed;
    top: 0px;
    left: 0px;
    display: none;
}
.m10px {
	margin: 10px;
}
.mt10px {
	margin-top: 10px;
}
.w100p {
	width: 100%;
}
.h-100 {
	height: 100%!important;
}
.w-100 {
	width: 100%;
}
.qHeader {
	font-size: 24px;
	font-weight: bold;
}
.qFailHeader {
	font-size: 24px;
	font-weight: bold;
	background-color: #f2dede;
}
.qSuccessHeader {
	font-size: 24px;
	font-weight: bold;
}
.di {
	display: inline;
}
.db {
	display: block!important;
}
.dib {
	display: inline-block;
}
.dn {
	display: none!important;
}
.mL5px {
	margin-left: 5px;
}
.mL10px {
	margin-left: 10px;
}
.ml-1 {
	margin-left: 1rem !important;
}
.ml-2 {
	margin-left: 2rem !important;
}
.ml-3 {
	margin-left: 3rem !important;
}
.ml-4 {
	margin-left: 4rem !important;
}
.ml-5 {
	margin-left: 5rem !important;
}
.mr-1 {
	margin-right: 1rem !important;
}
.mr-2 {
	margin-right: 2rem !important;
}
.mr-3 {
	margin-right: 3rem !important;
}
.mr-4 {
	margin-right: 4rem !important;
}
.mr-5 {
	margin-right: 5rem !important;
}
.mt-1 {
	margin-top: 1rem !important;
}
.mt-2 {
	margin-top: 2rem !important;
}
.mt-3 {
	margin-top: 3rem !important;
}
.mt-4 {
	margin-top: 4rem !important;
}
.mt-5 {
	margin-top: 5rem !important;
}
.mb-1 {
	margin-bottom: 1rem !important;
}
.mb-2 {
	margin-bottom: 2rem !important;
}
.mb-3 {
	margin-bottom: 3rem !important;
}
.mb-4 {
	margin-bottom: 4rem !important;
}
.mb-5 {
	margin-bottom: 5rem !important;
}
.my-5 {
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}
.my-4 {
	margin-top: 4rem !important;
	margin-bottom: 4rem !important;
}
.my-3 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}
.my-2 {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}
.my-1 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.mx-5 {
	margin-left: 5rem !important;
	margin-right: 5rem !important;
}
.mx-4 {
	margin-left: 4rem !important;
	margin-right: 4rem !important;
}
.mx-3 {
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}
.mx-2 {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}
.mx-1 {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}
.m-0 {
	margin: 0 !important;
}
.m-1 {
	margin: 1rem !important;
}
.m-2 {
	margin: 2rem !important;
}
.m-3 {
	margin: 3rem !important;
}
.m-4 {
	margin: 4rem !important;
}
.m-5 {
	margin: 5rem !important;
}
.pl-1 {
	padding-left: 1rem !important;
}
.pl-2 {
	padding-left: 2rem !important;
}
.pl-3 {
	padding-left: 3rem !important;
}
.pl-4 {
	padding-left: 4rem !important;
}
.pl-5 {
	padding-left: 5rem !important;
}
.pr-1 {
	padding-right: 1rem !important;
}
.pr-2 {
	padding-right: 2rem !important;
}
.pr-3 {
	padding-right: 3rem !important;
}
.pr-4 {
	padding-right: 4rem !important;
}
.pr-5 {
	padding-right: 5rem !important;
}
.pt-1 {
	padding-top: 1rem !important;
}
.pt-2 {
	padding-top: 2rem !important;
}
.pt-3 {
	padding-top: 3rem !important;
}
.pt-4 {
	padding-top: 4rem !important;
}
.pt-5 {
	padding-top: 5rem !important;
}
.pb-1 {
	padding-bottom: 1rem !important;
}
.pb-2 {
	padding-bottom: 2rem !important;
}
.pb-3 {
	padding-bottom: 3rem !important;
}
.pb-4 {
	padding-bottom: 4rem !important;
}
.pb-5 {
	padding-bottom: 5rem !important;
}
.p-0 {
	padding: 0 !important;
}
.p-1 {
	padding: 1rem !important;
}
.p-2 {
	padding: 2rem !important;
}
.p-3 {
	padding: 3rem !important;
}
.p-4 {
	padding: 4rem !important;
}
.p-5 {
	padding: 5rem !important;
}
.px-1 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.px-2 {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}
.px-3 {
	padding-left: 3rem !important;
	padding-right: 3rem !important;
}
.px-4 {
	padding-left: 4rem !important;
	padding-right: 4rem !important;
}
.px-5 {
	padding-left: 5rem !important;
	padding-right: 5rem !important;
}
.py-1 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.py-2 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.py-3 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.py-4 {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.py-5 {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}
.qAnswerIcons
{
	margin: 1px 0px 1px 10px;
}
.tableCaption
{
	text-align: left;
}
.mT2{
	margin-top: 2px !important;
}
.mT5{
	margin-top: 5px !important;
}
.mT10 {
	margin-top: 10px !important;
}
.mT15 {
	margin-top: 15px !important;
}
.mT20 {
	margin-top: 20px !important;
}
.mT25 {
	margin-top: 25px !important;
}
.mT50 {
	margin-top: 50px !important;
}
.mT75 {
	margin-top: 75px !important;
}
.mT150 {
	margin-top: 150px !important;
}
.pT5 {
	padding-top: 5px !important;
}
.pT15 {
	padding-top: 15px !important;
}
.pT25 {
	padding-top: 25px !important;
}
.pB5 {
	padding-bottom: 5px !important;
}
.pB15 {
	padding-bottom: 15px !important;
}
.pB25 {
	padding-bottom: 25px !important;
}
.p15 {
	padding: 15px;
}
.p-r-l-25 {
	padding-left: 25px;
	padding-right: 25px;
}
.policySp
{
	padding: 15px 10px 15px 10px;
}
.userHistoryLink {
	font-size: 14px;
}
.pb5 {
	padding-bottom: 5px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.footerName {
	color: #FFFFFF;
	font-size: 36px;
	float: left;
	margin-top: 40px;

}
.footerLinkList {
	list-style-type: none;
	font-size: .75em;
	margin-top: 15px;

}
.footerLink {
	padding: 5px;
}
.footerLink a {
	color: #FFFFFF;
}
.footerLink a:hover {
	color: #000000;
}
.footer {
	position: absolute;
	bottom: 0px;
	background: #556b8d none repeat scroll 0 0;
	width: 100%;
}
.headerTitle {
	font-size: 1.75em;
	font-weight: bold;
}
.pageheader{
	background: none;
	padding-top: 5px;
	padding-bottom: 15px;
	border-top: none;
}
.pointer {
	cursor: pointer !important;
}
.mediumIcon {
	font-size: 1.35em;
	margin: 8px;
}
.acceptCustHeader {
	color: #FFFFFF;
	font-size: 2em;
}
.acceptPrivacyLink {
	color: #FFFFFF;
}
.acceptanceButtons {
	width: 100%;
	height: 100px;
	font-size: 1.25em;
}
.yScroll {
	-webkit-overflow-scrolling: touch !important;
	height: 1400px;
}
.dd-handle {
	overflow: auto;
}
.dd-handle-icon-link {
	cursor: pointer!important;
	display: block;
	height: 30px;
	margin: 5px 0;
	padding: 5px 10px;
	font-weight: 700;
	border: 1px solid #ccc;
	background-color: #e5e5e5;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.dd-handle-icon-link:hover {
	background-color: #fff;
}
.no-left-border-radius {
	border-bottom-left-radius: 0px!important;
	border-top-left-radius: 0px!important;
}
.dd-empty {
	height: 100%;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.m10 {
	margin: 10px !important;
}
.m20 {
	margin: 20px !important;
}
.nmt-25 {
	margin-top: -25px;
}
.statusIcon {
	width: 24px;
	height: 20px;
	padding-top: 5px;
}
.viewTrainingProgram th, td {
	padding: 15px !important;
}
.addCustomerWizFinish th, td{
	padding: 15px !important;
}
.p5 {
	padding: 5px;
}
.p10 {
	padding: 10px;
}
.p20 {
	padding: 20px;
}
.p30 {
	padding: 30px;
}
.passwordReqs {
	font-size: 13px;
	line-height: 2.5;
	color: #e67373;
}
.border {
    border-color: #dddddd;
    border-width: 1px;
	border-style: solid;
}
.border-right {
	border-right: solid 1px #dddddd;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;         /* vertically center flex items */
}
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	align-items: center;
}
.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

#login-wrapper .brand {
	padding: 10px 0;
}
.vh100
{
	height: 100vh;
}
.owl {
	position: absolute;
	z-index: 999;
	right: 0px;
	bottom: 0px;
	margin-top: 50px;
}
.human-owl {
	margin-bottom: -36px;
}
.whoops-owl {
	margin-bottom: -20px;
}
.bgWhite {
	background-color: white;
}
.bgBlack {
	background-color: black;
}
.bgGray {
	background-color: #F5F5F5;
}
.bgLightBlue {
	background-color: #d9edf7;
}
#login-wrapper {
	margin-top: 0px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
	width: auto;
}
.dropdown-menu > .divider {
	background-color: white;
}
.thumbnail {
	background-color: transparent;
	border: none;
}
.task-label {
	position: absolute;
	right: 25px;
	font-size: 10px;
	line-height: 1;
	text-align: center;
}
.task-icon {
	font-size: 50px;
	margin: 10px;
}
.task-item {
	height: 90px;
}
.task-item:hover {
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert-default {
	background-color: #E6E6E6;
	border-color: #E6E6E6;
}
.wizSteps {
	background-color: #556b8d;
	padding: 4px 7px 4px 7px;
	display: inline-block;
	border-radius: 30px;
	margin-right: 5px;
}
.fs12px {
	font-size: 12px;
}
.fs1-25 {
	font-size: 1.25em;
}
.fs1-5 {
	font-size: 1.5em;
}
.fs2 {
	font-size: 2em;
}
.fsp9 {
	font-size: .9em;
}
.fc-white {
	color: white !important;
}
.eSignLoc {
	position: relative;
}
.eSignLoc:before {
	content: "\f177";
	font-family: 'FontAwesome';
	font-size: 28px;
}
.profile-header {
	margin-top: 10px;
}
.surveyQuestion {
	font-weight: bold;
	margin-top: 50px;
}
.responseIconFs {
	font-size: 4em;
}
.bg-solid-default-color {
	background-color: #909aa0 !important;
}
.bg-solid-info-color {
	background-color: #1f7bb6 !important;
}
.bg-solid-warning-color {
	background-color: #edce8c !important;
}
.bg-solid-success-color {
	background-color: #27b6af !important;
}
.bg-solid-danger-color {
	background-color: #e25d5d !important;
}
.bg-solid-primary-color {
	background-color: #556b8d !important;
}
.bg-solid-orange-color {
	background-color: #f7ac33 !important;
}
.survey-level0-header {
	color: #e25d5d !important;
}
.survey-level1-header {
	color: #f7ac33 !important;
}
.survey-level2-header {
	color: #909aa0 !important;
}
.survey-level3-header {
	color: #27b6af !important;
}
.survey-level4-header {
	color: #1f7bb6 !important;
}
.survey-question-header {
	font-size: .85em;
	color: #3c763d !important;
}
.survey-answer-header {
	color: #FFFFFF;
	font-size: 1em;
	padding: 5px 10px;
	text-transform: uppercase;
}
.lh2 {
	line-height: 2;
}
.tac {
	text-align: center;
}
.survey-answer-level {
	margin-top: 25px;
	font-size: 1.25em;
	font-weight: bold;
}
.fwb {
	font-weight: bold;
	background-color: #909aa0;
}
.response-panel-body {
	height: 150px;
	overflow-x: auto;
	font-size: .9em;
	text-align: center;
}
.vTop {
    display: inline-block;
    vertical-align: top;
    float: none;
}
.vMiddle {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}
.supportLink {
	color: #fff !important;
	font-size: 12px;
	text-decoration: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	padding: 7px 15px;
}
ul.std-links a {
	color: #31708f !important;
}
ul.std-links li {
	padding-top: 15px;
}
.nav-tabs {
	border-bottom: 1px solid #556B8D;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #556B8D;
	border: 1px solid #556B8D;
	border-top: 2px solid #556B8D;
	border-bottom-color: transparent;
}
.tab-content {
	padding: 20px !important;
}
.border-top {
	border-top: solid 1px #e3e3e3;
}
.border-bottom {
	border-bottom: 1px solid #e3e3e3;
}
.fa-info-circle {
	//color: #1f7bb6 !important;
}
div.dataTables_filter input {
	margin-left: 5px;
}
table.dataTable.no-footer {
	border: none !important;
}
.cyberhoot-nav .cyberhoot-nav-header {
	padding: 17px 0 0 10px;
	color:#fff;

}
.cyberhoot-nav {
	position:absolute;
	left: 50%;
	margin-left: -82px;
}
.panel {
	box-shadow:  0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	border-radius: .25rem;
}
.popover {
	max-width: 50% !important;
}
.popover-content {
	cursor: pointer;
}
.popover-content h2 {
	line-height: 1.5;
}
.pop-icon:hover {
	font-weight: bolder;
}
.pop-icon {
	margin-bottom: 10px;
}
.var-icon:hover {
	font-weight: bolder;
}
#header {
	position: initial !important;
}
#navBar, .navBar {
	font-family: Helvetica, Arial, sans-serif !important;
	background-color: #FFFFFF;
	font-weight: 300;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
	padding: .5rem 2rem;
}
#navBar > a {
	margin: 20px;
}
#navBarSmall > a {
	margin-right: 10px;
	text-decoration: underline;
	font-weight: bold;
}
#resellerBar {
	background-color: #6498ac;
	font-size: 1rem;
	font-weight: 300;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
	padding: .5rem 2rem;
	color: #FFFFFF;
}
.resellerBar > a {
	color: #FFFFFF;
}
.ch-blue {
	color: #1c3645 !important;
}
.ch-light-blue {
	color: #6498ac !important;
}
.ch-black {
	color: #26272a !important;
}
.ch-grey {
	color: #d1d1d9 !important;
}
.ch-blue-bg {
	background-color: #1c3645 !important;
}
.ch-light-blue-bg {
	background-color: #6498ac !important;
}
.ch-black-bg {
	background-color: #26272a !important;
}
.ch-grey-bg {
	background-color: #d1d1d9 !important;
}
ul.switch-cust-list li {
	padding-bottom: 10px;
	list-style: none;
	font-size: .85em;
}
#small-nav-ul {
	display: none;
	background-color: #1c3645;
	position: absolute;
	right: 0;
	height: 200px;
	font-size: .75em;
	margin: -2px;
}
#small-nav-ul > #adminUl {
	width: 100%;
}
#small-nav-ul > #adminUl > li > #userUl {
	width: 100%;
	color: #FFFFFF;
}
#header .nav li.profile > a > .meta > .text {
	font-size: .9rem;
	font-weight: 600;
}
#header .brand {
	width: auto;
}
.navbar-link-small, small {
	font-size: .9rem;
}
#header .navbar-right > .dropdown > .dropdown-menu {
	left: initial;
	right: 5px;
}
#header .profile ul > li:first-child {
	padding: 5px !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: initial !important;
	border-color: initial !important;
}
.radio-inline {
	margin-left: 25px !important;
}
.radio-inline > input {
	padding:0 10px 0 0;
	position: relative;
	top: -2px;
}
input[type=checkbox] {
	height: 20px;
	width: 20px;
}

input[type=radio] {
	height: 20px;
	width: 20px;
}
.switch-label {
	display: inline;
	vertical-align: middle;
	padding-top: 5px;
	margin-left: 5px;
	font-size: 1.1em;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
#supportOwl {
	width: 150px;
	height: 150px;
}
.tasks {
	position: fixed;
	bottom: 15px;
	right: 10px;
	width: 150px;
	cursor: pointer;
	z-index: 100;
}
.hoot-rank-cust {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 150px;
	cursor: pointer;
	z-index: 100;
}
/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

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

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.button-tab {
	font-size: .9rem !important;
}
.button-tab-content {
	padding: 10px;
}
.btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
	z-index: auto !important;
}
.clickable-panel:hover {
    box-shadow: inset 100px 100px 100px 100px rgba(255, 255, 255, 0.1);
	opacity: .7;
	cursor: pointer !important;
}
.switch-cust-item {
	height: 90px;
}
.switch-cust-item:hover {
	border-color: #31708f;
	border-width: 3px;
}
label {
	font-size: .9rem !important;
}
.acceptance-link {
	color: #5187a0 !important;
	text-decoration: underline !important;
}
.dow-btn {
	width: 40px;
}
.dow-btn:hover {
	background-color: #1c3645 !important;
}
.dom-btn {
	width: 40px;
}
.dom-btn:hover {
	background-color: #1c3645 !important;
}
.m5px {
	margin: 5px!important;
}
.d-block {
	display: block !important;
}
.position-checkbox {
	margin-right: 5px!important;
	position: relative!important;
	top: 2px!important;
}
.pe-none {
	pointer-events: none!important;
}
.cursor-not-allowed {
	cursor: not-allowed!important;
}


/* Start Media */
/* Large desktops and laptops */
@media (min-width: 1200px) {
	#jokeWrapperDiv {
	}
	.messages-label {
		display: block;
	}
	.messages-label-small {
		display: none;
	}
	.chooseImg {
		width: 300px;
		margin-top: 10px;
		display:inline-block;
	}
	.row-eq-height-lg {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;         /* vertically center flex items */
	}
	.row-eq-height-lg-no-center {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.small-header-nav {
		display: none;
	}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
 	.tab-wrapper .tab-content {
		border: none;
	}
	.messages-label {
		display: block;
	}
	.messages-label-small {
		display: none;
	}
	#jokeWrapperDiv {
		margin-top: 40px;
	}
	.chooseImg {
		width: 300px;
		margin-top: 10px;
		display:inline-block;
	}
	.profile-img {
		font-size: 3em;
	}
	.profile-header {
		font-size: .9em;
	}
	.profile-email {
		font-size: .8em;
	}

	.row-eq-height-md {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;         /* vertically center flex items */
	}

	.row-eq-height-md-no-center {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.response-panel-body {
		height: 100px !important;
	}

	.small-header-nav {
		display: none;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	body {
		font-size: .9rem !important;
	}
	#login-logo {
		text-align: inherit !important;
	}
	#login-msp-name {
		text-align: inherit !important;
	}
	.messages-label {
		display: block;
	}
	.messages-label-small {
		display: none;
	}
	.tab-wrapper .tab-content {
		border: none;
	}

	.w-sm-100 {
		width: 100%;
	}

	#jokeWrapperDiv {
		margin-top: 40px;
	}
	.chooseImg {
		width: 300px;
		display:inline-block;
	}

	.eSignLoc:before {
		content: "\f176";
		font-family: 'FontAwesome';
		font-size: 28px;
	}

	.response-panel-body {
		height: 100px !important;
	}

	.survey-legend {
		font-size: 1em;
	}

	.small-header-nav {
		display: inline;
		float: right;
		margin: 10px;
		color: #FFFFFF;
		font-size: 1.5em;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	#header .logo img {
		height: 40px;
		width: 40px;
	}
	.messages-paragraph {
		display: none;
	}
	.messages-label {
		display: none;
	}
	.messages-label-small {
		display: block;
	}

	.w-sm-100 {
		width: 100%;
	}

	.tab-wrapper .tab-content {
		border: none;
	}

	.headerTitle {
		font-size: 1em;
	}

	.w-sm-100 {
		width: 100%;
	}

	#jokeWrapperDiv {
		margin-top: 30px;
	}

	.chooseImg {
		width: 300px;
		display:inline-block;
	}

	.eSignLoc:before {
		content: "\f176";
		font-family: 'FontAwesome';
		font-size: 28px;
	}

	.responseIconFs {
		font-size: 2em;
	}

	.survey-answer-level {
		display: none;
	}

	.response-panel-body {
		height: 100px !important;
	}

	.survey-legend {
		font-size: 1em;
	}

	.small-header-nav {
		display: inline;
		float: right;
		margin: 10px;
		color: #FFFFFF;
		font-size: 1.5em;
	}
	.normal-header-nav {
		display: none;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	#header .logo img {
		height: 40px;
		width: 40px;
	}
	#login-logo {
		text-align: inherit !important;
	}
	#login-msp-name {
		text-align: inherit !important;
	}
	.messages-paragraph {
		display: none;
	}
	.messages-label {
		display: none;
	}
	.messages-label-small {
		display: block;
	}
	.tab-wrapper .tab-content {
		border: none;
	}

	.w-sm-100 {
		width: 100%;
	}

	.vh100 {
		height: auto;
	}

	.headerTitle {
		font-size: 1em;
	}

	#jokeWrapperDiv {
		margin-top: 20px;
	}

	.chooseImg {
		width: 300px;
		display:inline-block;
	}

	.eSignLoc:before {
		content: "\f176";
		font-family: 'FontAwesome';
		font-size: 28px;
	}

	.responseIconFs {
		font-size: 2em;
	}

	.survey-answer-level {
		display: none;
	}

	.response-panel-body {
		height: 100px !important;
	}

	.small-header-nav {
		display: inline;
		float: right;
		margin: 10px;
		color: #FFFFFF;
		font-size: 1.5em;
	}
	.normal-header-nav {
		display: none;
	}
}

/* Height based media queries */
@media (min-height: 651px)
{
	#login-wrapper {
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

@media (max-height: 650px)
{
	#login-wrapper {
		margin-top: 30px;
		margin-bottom: 0px;
	}

	#login-wrapper .brand {
		padding-bottom: 0px;
	}

	#login-wrapper .logo {
		padding-bottom: 0px;
	}

	.logo img {
		max-width:140px;
	}

	#jokeWrapperDiv {
		display:none;
	}

	.responseIconFs {
		font-size: 2em;
	}
}
button.ch-light-blue-bg.fc-white:hover {
	color: #fff !important;
}
button.ch-light-blue-bg.fc-white:focus {
	color: #fff !important;
}
.flex-row {
	display: flex;
	flex-wrap: wrap;
}
.flex-row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.flex-row.row:after, 
.flex-row.row:before {
	display: flex;
}
.h-100 {
	height: 100%;
}
#currentFilterDisplay {
	text-align:center;
	padding-top:2em;
	width: 100%;
	display: flex;
	justify-content: center;
}
#currentFilterDisplay h2 {
	border-radius:0.7em;
	padding:0.6em;
	color: #fff;
	border: none;
}
.declined {
    background: #e25d5d;
}
.responded {
	background: #1f7bb6;
}
.compliant {
	background: #27b6af;
}
.notresponded {
	background: #edce8c;
}
#pricingHeader {
	font-size: 1.625em;
	text-transform: uppercase;
	margin: 15px 0 10px 0;
	font-weight: 600;
	color: #13161C;
}
#pricingSpacer {
	height: 2px;
	width: 40px;
	margin: 20px auto;
	background: #6498ac;
}
.light-blue-bg {
	background: #6498ac;
	color: #FFFFFF;
}
.dark-blue-bg {
	background: #1c3645;
	color: #FFFFFF;
}
.danger-bg {
	background: #a94442;
	color: #FFFFFF;
}
.d-flex {
	display: flex;
}
.justify-content-around {
	justify-content: space-around;
}
.justify-content-between {
	justify-content: space-between;
}
.justify-content-center {
	justify-content: center;
}
.justify-content-end {
	justify-content: end;
}
.align-items-center {
	align-items: center;
}
.checkbox-grey {
	accent-color: grey;
}
.acknowledge-exposure-label {
	font-weight: lighter;
	font-size: small!important;
	margin-right: 5px;
}
.phish-lib-btn{
	margin-top: 1em;
	border-radius: .25rem !important;
	margin-right: 1em;
}
.activeEmailLib{
	font-weight:bold;
	outline: 2px solid #1C3645 !important;
	color:red;
}
.fs-125rem {
	font-size: 1.25rem;
}

/* CUSTOM MEDIA QUERIES TO RESIZE DASHBOARD COMPLIANCE PANELS TEXT */
@media (min-width: 1248px) and (max-width: 1600px) {
	.dashboard-compliance-panels .resize-panel-text {
		font-size: .83em;
	}

	.dashboard-compliance-panels .panel-body {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1248px) {
	.dashboard-compliance-panels .resize-panel-text {
		font-size: .66em;
	}

	.dashboard-compliance-panels .panel-body {
		padding-left: 9px;
		padding-right: 9px;
	}
}
div.dt-buttons {
	float: left;
	position: initial;
}
.d-none {
	display: none;
}