@font-face {
	font-family: SegoePrint;
	src: url('../font/SegoePrint.eot');
	src: url('../font/SegoePrint.eot?#iefix') format('embedded-opentype'),
	     url('../font/SegoePrint.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body
{
	color: #212529 !important;
}

.toolbar-icon-nps-admin:before {
  background-image: url(../images/star.svg);
}
.toolbar-icon-nps-admin:active:before,
.toolbar-icon-nps-admin.is-active:before {
  background-image: url(../images/star.svg);
}

.bg-secondary {
    background-color: #373f51 !important;
}

.button-group{
	min-width: 324px !important;
}

.button-group button{
	width: 100% !important;
}

.button-group button.select-config-division2{
	width: auto !important;
	float: right !important;
}

select:not(.select-status):not(.select-start-release):not(.select-end-release)
{
	width: fit-content !important;
	padding: 0 28px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before
{
	top: 21px !important;
}

#reports_table,
#reports_table tr td,
#reports_table tr th
{
	font-size: 13px !important;
}

.report-release,
.select-config-division2
{
	padding: 11px 28px !important;
}

.report-flex
{
	display: flex !important;
	flex-direction: row !important;
	padding: 0 !important;
    justify-content: flex-end !important;
    position: absolute !important;
    right: 17px !important;
    z-index: 99 !important;
}

.report-font
{
	font-size: .875rem !important;
}

.segoe_print
{
	font-family: 'SegoePrint', serif !important;
}

.message,
.message2
{
	font-size: 30px;
    background: #95d5f4;
    text-align: center;
}

.hidden
{
	display: none;
}

.margin-top-center
{
	margin-top: 30vh;
}

.margin-tophalf
{
	margin-top: .5em;
}

.wrap-text
{
	white-space: pre-line !important;
	word-break: break-word !important; 
}

.dropdown-menu
{
	padding: 20px !important;
    max-height: 180px !important;
    overflow-y: scroll !important; 
    text-align: left !important; 
}

.button-dropdown
{
	background: #eeebe6 !important;
    border-radius: 5px !important;    
    /*width: 100% !important;*/
    text-align: left !important;
    max-width: 100vw !important;
    white-space: pre-line !important;
    word-break: break-all !important;

}

input[readonly],
select[readonly]
{
    cursor: not-allowed !important;
    pointer-events: none !important;
}

button[disabled]
{
    cursor: not-allowed !important;
    pointer-events: none !important;
    background-color: #eeeeee !important;
    color: #000000 !important;
}

#yearly_trending_chart, #month_trending_chart, #weekly_trending_chart, #quarterly_trending_chart, #yearly_trending_chart_score, #month_trending_chart_score, #weekly_trending_chart_score, #quarterly_trending_chart_score
{
	overflow: visible !important;
	height:100% !important;
	width:100% !important;
}
#yearly_trending_chart-license-text, #month_trending_chart-license-text, #weekly_trending_chart-license-text, #quarterly_trending_chart-license-text, #yearly_trending_chart_score-license-text, #month_trending_chart_score-license-text, #weekly_trending_chart_score-license-text, #quarterly_trending_chart_score-license-text
{
	display: none !important;
}

.highchart
{
	height: 490px !important;
}

label, .dataTables_info, .dataTables_paginate
{
	font-size: 13px !important;
}

table.table{
	width: 100% !important;
    color: #343a40 !important;
    font-size: 13px !important;
}

table.header {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0 !important;
  table-layout: fixed ;
}


/* Zebra striping */

table.header tr:nth-of-type(odd) {
  background: #eee;
}

table.header th {
  background: #333;
  color: white;
  font-weight: bold;
}

table.header td,
table.header th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}

/*table.header
{
	table-layout: fixed !important;
    width: 100% !important;
}*/

table.header td:not(.padleft35), 
table.header th
{
    padding: 0 !important;

}


table.custom_responsive {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 0 !important;
}

table.custom_responsive caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.custom_responsive tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.custom_responsive th,
table.custom_responsive td {
  padding: .625em;
  text-align: center;
}

table.custom_responsive th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

table.custom_responsive .label-row {
  display: none;
}

canvas
{
	margin: 0 auto !important;
}

.padleft35
{
    padding: 0 !important;
	padding-left: 35% !important;
}

#main
{
	margin-bottom: 0 !important;
}

.content-wrapper-nps
{
	width: 100% !important;	
	background: #efefef !important;
}

.panel
{

	background: #ffffff !important;
}

.header-cont, .header-buttons
{
	display: flex;
	flex-direction: row !important;
	padding: 8px 9px;
}

.header-img
{
	width: 100px !important;
	height: 100px !important;
}
	
.header-buttons
{
	justify-content: flex-end !important;
}

.date-range-group
{
	display: flex;
	flex-direction: row !important;
}

.date-range-group-addon
{
	padding: 12px 20px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	white-space: nowrap;
	vertical-align: middle;
}

.date-from, .date-to
{
	min-width: 115px;
	width: 152px !important;
}

.header-title{
	padding: 5px 20px 0 20px !important;
	font-size: 30px !important;
	white-space: nowrap !important;
}

.subheader-title
{
	padding:10px !important;
	font-size:18px !important;
	font-weight: bolder !important;
}

.subtitle
{
	padding: 10px 0 !important;
	position: relative;
    z-index: 9;
    background: black;
    color: white;
    margin-bottom: 0 !important;
    font-size: 1.5rem !important;
}

.subtitle-top
{
	padding: 10px 0 !important;
	position: relative;
    z-index: 9;
    background: black;
    color: white;
    margin-top: 0 !important;
    font-size: 1.5rem !important;
}
.subsubtitle
{
	padding: 10px 0 !important;
    background: white;
    color: black;
    margin-bottom: 0 !important;
}

.subtitle-nobg
{
	padding: 10px 0 !important;
	position: relative;
    background: transparent;
    color: black;
    font-size: 20px !important;
}

.center
{
	text-align: center !important;
}

.left
{
	text-align: left !important;
}

.right
{
	text-align: right !important;
}

.blue
{
	color: #0099FF !important;
}

.light-gray
{
	color: #8f8e8b !important;
}

.bold
{
	font-weight: bolder !important;
}

.no-margin-bottom
{
	margin-bottom: 0 !important;
}

.form-text, .form-textarea, .form-email
{
	font-size: 18px !important;
}

.gray-line
{
	margin-top: 0 !important;
	border: 1px solid #efefef !important;
	margin-bottom: 10px;
}

.gray-line-no
{
	margin-top: 0 !important;
	border: 1px solid #efefef !important;
	margin-bottom: 0 !important;
}

h3{font-size: 20pt !important;}
h3 > p
{
	margin-bottom: 0 !important;
}

.flex
{
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 15px !important;
}

.flex-stretch
{
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;
	justify-content: center !important;
	margin-bottom: 15px !important;
}

.smiley
{
	padding:5px;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align: bottom !important;
	width: 80px !important;
}

.smiley > img
{
	height: 180px !important;
	width: 180px !important;
}


/*[data-prefix="fa"], [data-prefix="far"]*/
.fa:not(.big-icon), .far:not(.big-icon)
{
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #8f8e8b;
 }

.smiley > .fa:not(.check-rate):not(.big-icon), .smiley > .far:not(.check-rate):not(.big-icon)
{
	/*height: 180px !important;*/
	width: 80px !important;
	font-size: 50px !important;
}
.smiley > .fa.big-icon, .smiley > .far.big-icon
{
	/*height: 80px !important;
	width: 80px !important;*/
	font-size: 85px !important;
}
.big-icon
{
	/*height: 80px !important;
	width: 80px !important;*/
	font-size: 85px !important;
}


.smiley-dummy
{
	
	flex-grow: 1 !important;
}

.smiley-label
{ 
	font-size: 18px !important;
	/*color: #0099FF !important;*/
}

.smiley-label-flow
{
	width: 80px !important;
    white-space: nowrap !important;
    text-align: center !important;
    position: relative !important;
}

.float-left-45
{
	left: -45px !important;
}

.float-left-40
{
	left: -40px !important;
}

.float-left-25
{
	left: -25px !important;
}

.float-left-20
{
	left: -20px !important;
}

.float-left-10
{
	left: -10px !important;
}

.smiley:focus,
.smiley:hover
{
	cursor: pointer !important;
}

.check-rate
{
	font-size: 18px !important;
}

.black_white
{
	color: #000000 !important;
}

.very_satisfied
{
	color: #43a943 !important;/*43a943 8cfe02*/
}

.satisfied
{
	color: #ffd802 !important;
}

.neutral
{
	color: #f6780e !important;
}

.unsatisfied
{
	color: #f20400 !important;
}

.very_unsatisfied
{
	color: #cb0004 !important;
}

.white
{
	color: #ffffff !important;
}

.white_bg
{
	background: #ffffff !important;
}

.light_purple_bg
{
	background: #fcf !important;
}

.light_yellow_bg
{
	background: #ffe699 !important;
}

.light_green_bg
{
	background: #e2efda !important;
}

.light_blue_bg
{
	background: #9bc2e6 !important;
}

.very_satisfied_bg
{
	background: #43a943 !important;
}

.satisfied_bg
{
	background: #ffd802 !important;
}

.neutral_bg
{
	background: #f6780e !important;
}

.unsatisfied_bg
{
	background: #f20400 !important;
}

.very_unsatisfied_bg
{
	background: #cb0004 !important;
}

.smiley-icon
{  
    margin-top: 18px !important;
   /* margin-bottom: 13px !important;*/
}

.smiley-shade
{
	width: 50px !important;
    height: 50px !important;
    border-radius: 30px !important;
    -moz-box-shadow:    inset 0 0 10px #000000 !important;
   -webkit-box-shadow: inset 0 0 10px #000000 !important;
   box-shadow:         inset 0 0 10px #000000 !important;
}
.smiley-shade.very_satisfied
{
    border: 1px solid #43a943 !important;
}

.smiley-shade.satisfied
{
    border: 1px solid #ffd802 !important;
}

.smiley-shade.neutral
{
    border: 1px solid #f6780e !important;
}

.smiley-shade.unsatisfied
{
    border: 1px solid #f20400 !important;
}

.smiley-shade.very_unsatisfied
{
    border: 1px solid #f20400 !important;
}

.smiley-selected
{
	display: none;
    border-radius: 140px !important;    
    /*margin-bottom: 15px !important;*/
}

.smiley-selected.very_satisfied
{
	background: url(../images/smiley/shade_green.png);
	background: -webkit-linear-gradient(#43a943, #eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/*color: #8cfe02 !important;*/
	/*background: radial-gradient(circle, rgba(140,254,2,1) 0%, rgba(255,255,255,1) );*/
}

.smiley-selected.satisfied
{
	background: url(../images/smiley/shade_yellow.png);
	background: -webkit-linear-gradient(#ffd802, #eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/*color: #ffd802 !important;*/
	/*background: radial-gradient(circle, rgba(255,216,2,1) 0%, rgba(255,255,255,1) );*/
}

.smiley-selected.neutral
{
	background: -webkit-linear-gradient(#f6780e, #eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/*color: #f6780e !important;*/
	/*background: radial-gradient(circle, rgba(246,120,14,1) 0%, rgba(255,255,255,1) );*/
}

.smiley-selected.unsatisfied
{
	background: url(../images/smiley/shade_red.png);
	background: -webkit-linear-gradient(#f20400, #eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/*color: #f20400 !important;*/
	/*background: radial-gradient(circle, rgba(242,4,0,1) 0%, rgba(255,255,255,1) );*/
}

.smiley-selected.very_unsatisfied
{
	background: url(../images/smiley/shade_red.png);
	/*content: url(../images/smiley/shade_red.png);
	transform: scale(0.7);*/
	background: -webkit-linear-gradient(#cb0004, #eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/*color: #cb0004 !important;*/
	/*background: radial-gradient(circle, rgba(203,0,4,1) 0%, rgba(255,255,255,1) );*/
}

.form-container
{
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;    
	padding: 0 20px !important;
	margin-bottom: 10px !important;
}

.form-container > div:not(.button-container):not(.table-container)
{
	width: 35% !important;
}

.form-name-header
{
	margin-top: 15px !important;
	text-align: left !important;
}

.form-contact
{
	text-align: left !important;
    padding: 0 !important;
}

.form-name
{
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;    
	margin-top: 10px;

}

.form-group
{
	width: 100% !important
}

#edit-first-name
{
	margin-right: 10px !important;
}


#edit-choice
{
    display: flex !important;
}
.form-item-choice
{
	display: inline-block !important;
}
div.js-form-type-radio {
  display: inline;
  margin: 10px;
}


.form-name > *
{
	width: 50% !important;
	margin-bottom: 10px !important;
}

.form-name > :first-child
{
	margin-right: 10px !important;
}

.smiley-input
{
	background-color: #EFEFEF !important;    
	border: 1px solid #CCCCCC !important;
    padding: 5px !important;
}

.button-container
{
	text-align: center !important;
	/*width: 100% !important;*/
	margin: auto !important;
    display: flex;
    vertical-align: bottom;
    align-items: center !important;
    padding-top: 20px;
}

.button-container > button:not(:last-child)
{
	margin-right: 10px !important;
}

.button-container2
{
	text-align: center !important;
	margin: auto !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
}

button
{
	border-radius: 30px !important;
	padding: 10px 20px !important;
	border: 1px solid #EFEFEF !important;
	width: fit-content !important;
}

button[type=submit]:not(.submit-config-btn),
input[type=submit]
{
	/*background: #0099FF !important;*/
	color: #FFFFFF !important;

	border: white !important;
    background: white !important;
}

.submit
{
	background: #0099FF !important;
	color: #FFFFFF !important;
	font-size: 20px !important;
	/*transform: translateX(55vh);*/
	/*margin-left: 44vw;*/
	margin: 0 auto !important;
}

.proceed
{
	background: #0099FF !important;
	color: #FFFFFF !important;
	font-size: 20px !important;
}

.alink
{
	cursor: pointer !important;
	border-radius: 30px !important;
	padding: 13px 30px !important;
	border: 1px solid #EFEFEF !important;
	text-transform: none !important;
	white-space: nowrap !important;
}

.back
{
	background: #EFEFEF !important;
	color: #000000 !important;    
	margin-right: 5px !important;
}

.close
{
	top: -15px !important;
}

.modal
{
	background: white !important;
}

.modal-body
{
	margin-top: 20vh !important;
}

.modal-footer
{
	text-align: center !important;
}

.modal-content
{
	border: none !important;
	box-shadow: none !important;
}

.rating-show
{
	font-size: 30px !important;
	margin-bottom: 30px !important;
	text-align: center !important;
}

.rating-text
{
	font-weight: bolder !important;
	text-transform: capitalize !important;
}

.modal-dialog
{
	margin: auto !important;
}
.main_locations
{
	margin: 20vh auto !important;
    padding: 50px 30%;
    display: none;
    background: white !important;
}

.main_followup
{
	margin: 20vh auto !important;
    padding: 50px 30%;
    display: none;
    background: white !important;
}

.branch
{
	display: block !important;
	padding-right: 65px !important;  
	padding-bottom: 5px !important;   
	position: inherit;
    bottom: 0 !important;  
    color: grey !important;
    width: 100% !important;
    top: 96vh;
    text-align: right !important; 
    flex: 1;    
    padding-top: 0;
}


/*DASHBOARD*/
.arc{
	width: 300px;
    height: 290px;
    border-radius: 100%;
    border-right: 20px solid #0099FF;
    border-left: 20px solid #0099FF;
    border-top: 22px solid #0099FF;
    border-bottom: 10px solid #0099FF;
}
.arcContainer {
  	overflow: hidden;
    width: 350px;
    height: 200px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: -webkit-center;
}
.vvvvertical {
    background-color:black;
    height:27px;
    width:1px;
    margin-left:25px;
}

.module-border-wrap {
	margin: 0 auto;
 	max-width: 500px;
	padding: 1rem;
	height: 509px;
	max-height: 240px;
	position: relative;
	background: linear-gradient(86deg, rgba(203,0,4,1) 20%, rgba(242,4,0,1) 40%, rgba(246,120,14,1) 60%, rgba(255,216,2,1) 80%, rgba(140,254,2,1) 100%);
    border-radius: 500px 500px 0 0;
}

.module {
    background: #fff;
    color: #222;
    padding: 7rem 3rem 3rem 3rem;
    border-radius: 500px 500px 110px 110px;
    height: 364px;
    vertical-align: middle;
    font-size: 78px;
    text-align: center !important;
}

body
{
	background-color: #efefef;
	/*overflow: hidden;*/
}

.gauge
{
	margin: 0 auto;
	/*position: absolute;*/
	width: 500px !important;
	height: 240px !important;
	/*left: 50%;*/
	/*margin-left: -250px;*/
	border-radius: 100% !important;
	transform-origin: 50% 50% !important;
	-webkit-transform-origin: 50% 50% !important;
	-ms-transform-origin: 50% 50% !important;
	-webkit-transform: rotate(0deg) !important;

}

.meter
{
	margin: 0 !important;
	padding: 0 !important;
}

.meter > li
{
	width: 250px !important;
	height: 250px !important;
	list-style-type: none !important;
	position: absolute !important;
	border-top-left-radius: 250px !important;
	border-top-right-radius: 0px !important;
	transform-origin:  100% 100% !important;
	-webkit-transform-origin:  100% 100% !important;
	-ms-transform-origin:  100% 100% !important;
	transition-property: -webkit-transform !important;
	pointer-events: none !important;
}

.meter .low
{
	transform: rotate(0deg); /* W3C */
	-webkit-transform: rotate(0deg); /* Safari & Chrome */
	-moz-transform: rotate(0deg); /* Firefox */
	-ms-transform: rotate(0deg); /* Internet Explorer */
	-o-transform: rotate(0deg); /* Opera */
	z-index: 8 !important;
	background-image: linear-gradient(to right, #cb0004 , #f6780e) !important;
}

.meter .normal
{
	transform: rotate(47deg); /* W3C */
	-webkit-transform: rotate(47deg); /* Safari & Chrome */
	-moz-transform: rotate(47deg); /* Firefox */
	-ms-transform: rotate(47deg); /* Internet Explorer */
	-o-transform: rotate(47deg); /* Opera */
	z-index: 7 !important;
	background-color: #FEE62A !important;
	background-image: linear-gradient(to right, #f6780e , #ffd802) !important;
}

.meter .high
{
	transform: rotate(90deg); /* W3C */
	-webkit-transform: rotate(90deg); /* Safari & Chrome */
	-moz-transform: rotate(90deg); /* Firefox */
	-ms-transform: rotate(90deg); /* Internet Explorer */
	-o-transform: rotate(90deg); /* Opera */
	z-index: 6 !important;
	background-image: linear-gradient(to right, #ffd802 , #43a943) !important;
}

.dial
{
	background-color: transparent !important;
	overflow: hidden !important;
	margin: 0 auto;
	width: 460px !important;
	height: 460px !important;
	position: absolute !important;
	top: 28px !important;
	/*left: 20px !important;*/
	border-radius: 100% !important;
	border-color: purple !important;
	transition-property: -webkit-transform;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
	transform: rotate(0deg); /* W3C */
	-webkit-transform: rotate(0deg); /* Safari & Chrome */
	-moz-transform: rotate(0deg); /* Firefox */
	-ms-transform: rotate(0deg); /* Internet Explorer */
	-o-transform: rotate(0deg); /* Opera */
}

/*.dial
{
	background-color: #ffffff !important;
	overflow: hidden !important;
	margin: 0 auto;
	width: 460px !important;
	height: 460px !important;
	position: relative !important;
	top: 28px !important;
	border-radius: 100% !important;
	border-color: purple !important;
	z-index: 10 !important;
	transition-property: -webkit-transform;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
	transform: rotate(0deg); 
	-webkit-transform: rotate(0deg); 
	-moz-transform: rotate(0deg); 
	-ms-transform: rotate(0deg); 
	-o-transform: rotate(0deg); 
}*/

.dial .inner
{
	width: 470px !important;
	height: 470px !important;
	position: relative !important;
	top: -15px !important;
	left: -5px !important;
	border-radius: 100% !important;
	border-color: purple !important;
	z-index: 10 !important;
	transition-property: -webkit-transform;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
	transform: rotate(0deg); /* W3C */
	-webkit-transform: rotate(0deg); /* Safari & Chrome */
	-moz-transform: rotate(0deg); /* Firefox */
	-ms-transform: rotate(0deg); /* Internet Explorer */
	-o-transform: rotate(0deg); /* Opera */
}

.dial .arrow
{
	width: 0 !important; 
	height: 0 !important; 
	position: absolute !important;
	top: 214px !important;
	left: 24px !important;
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-bottom: 32px solid #000000 !important;
	-webkit-transform: rotate(-88deg); /* Safari & Chrome */
	-moz-transform: rotate(88deg); /* Firefox */
	-ms-transform: rotate(88deg); /* Internet Explorer */
	-o-transform: rotate(88deg); /* Opera */

}

.gauge .value
{
	font-family: 'Josefin Slab', serif !important;
	font-size: 90px !important;
	font-weight: bolder !important;
	color: #0099ff !important;
	position: absolute !important;
	top: 142px !important;
	left: 39% !important;
	z-index: 11 !important;
}

.percent
{
	font-size: 40px !important;
}

.rating-head
{
	height: 28vh !important;
	background: #ffffff !important;
	padding: 10px !important;
}

.beat
{
	position: relative !important;
    background: #ffffff !important;
    padding: 0 !important;    
    border-top: 1px solid #efefef !important;
    margin-bottom: 0 !important;
}

.beat-pulse
{
	height: 120px !important;
	width: 140px !important;
}

.beat-smiley
{
	margin: -14px -34px -14px -45px !important;
    z-index: 9 !important
}

/*cards*/
/* Float four columns side by side */
.column {
  float: left !important;
  /*flex: 1 !important;*/
  padding: 0 !important;
}

/* Remove extra left and right margins, due to padding */
.row {
	margin: 0 !important; 
	position: relative !important;
	background: #efefef !important;
	padding: 18px 35px !important;
}

/* Clear floats after the columns */
.row:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}


/* Style the counter cards */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) !important;
  /*padding: 16px !important;*/
  text-align: center !important;
  background-color: #ffffff !important;
}

.card > h1, .card > h2, .card > h3, .card > h4,
{
	padding: 20px 10px !important;
}

.card > p
{
	margin-bottom: 0 !important;
}

/*cards*/
.flex-one
{
	flex: 1 !important;
}

.flex-auto
{
	flex: auto !important;
}

.dash-flex
{
	display: flex !important;
	flex-direction: row !important;
	padding: 20px !important;
}

.child-flex
{
	flex: 1 !important;    
	text-align: -webkit-center !important;
	background: #ffffff !important;
	margin: 30px !important;
	/*border: 3px solid #efefef !important;*/
    vertical-align: middle !important;
    margin: 0 auto !important;
    padding: 30px 0 0 0 !important;
    overflow: hidden !important;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(140,140,140,1) !important;
	-moz-box-shadow: 0px 0px 5px 2px rgba(140,140,140,1) !important;
	box-shadow: 0px 0px 5px 2px rgba(140,140,140,1) !important;
}

.child-flex-noborder
{
	flex: 1 !important;    
	text-align: -webkit-center !important;
	background: #efefef !important;
	margin: 30px !important;
	/*border: 3px solid #efefef !important;*/
    vertical-align: middle !important;
    margin: 0 auto !important;
    padding: 30px 0 0 0 !important;
}

.child-flex-table
{
	flex: 1 !important;    
	text-align: -webkit-center !important;
	background: #efefef !important;
	margin: 30px !important;
	/*border: 3px solid #efefef !important;*/
    vertical-align: middle !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.dt-buttons
{
	display: flex !important;
    float: none !important;
    margin-bottom: 6px !important;
}

.sub-flex
{
	display: flex !important;
	flex-direction: column !important;
}

.border-bottom
{
	border-bottom: 1px solid #FFFFFF !important;
}

.noborder-left
{
	border-left: none !important;
}

.noborder-right
{
	border-right: none !important;
}

#total_customers
{
	margin-bottom: 6px !important;
}

select:not(.form-select)
{
	-webkit-appearance: auto !important;
	/*webkit browsers */
	-moz-appearance: auto !important;
	/*Firefox */
	appearance: auto !important;
	/* modern browsers */
}
.select-location, .select-location-reports,
.select-department, .select-department-reports,
.select-division, .select-division-reports
{
	height: 45px !important;
}

.select-location-reports, .select-department-reports, .select-division-reports
{
	width: auto !important;
}

.report-btn,
.trends-btn,
.release-btn,
.release-trends-btn,
.dash-btn,
.config-btn
{
	margin-left: 10px !important;
	border-radius: 6px !important;
	height: 45px !important;
}

.trends_legend
 {
  	text-align: -webkit-center !important;
    display: flex !important;
    justify-content: center !important;
}

[class$="-legend"] {
  list-style: none;
  cursor: pointer;
  padding-left: 0;
    display: flex !important;
}

[class$="-legend"] li {
  display: block;
  padding: 0 5px;
}

[class$="-legend"] li.hidden {
  text-decoration: line-through;
}

[class$="-legend"] li span {
 	height: 17px;
    display: inline-block;
    margin-right: 10px;
    width: 45px;
    vertical-align: middle;
}

[class$="-legend"] li span.bar {
  height: 10px;
}

[class$="-legend"] li span.line {
  height: 10px;
}
/*DASHBOARD*/

/*REPORTS*/
.date-from, .date-to, .input-daterange>.input-group-addon
{
	height: 45px !important;
}

.search-btn
{
	border-radius: 6px !important;
	height: 45px !important;
}
/*REPORTS*/

.note
{
	font-size: 10pt !important;    
	padding-top: 5px;
}

.radio label, .checkbox label
{
	font-size: 10pt !important;
}

input[name=data_privacy]
{
	margin-top: 0 !important;
}

select[name=locations]
{
	/*font-size: 30px;
	height: 55px;*/
	font-size: 20px;
    height: 45px;
    width: auto !important;
}

.main_content
{
	display: none;
	height: 100vh !important;
    background: white !important;
    text-align: center !important;
}

/* Responsive columns */

@media screen and (max-width: 600px) {
  table.custom_responsive {
    border: 0;
  }

  table.custom_responsive caption {
    font-size: 1.3em;
  }
  
  table.custom_responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.custom_responsive tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.custom_responsive td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table.custom_responsive td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.custom_responsive td:last-child {
    border-bottom: 0;
  }
  
  table.custom_responsive .label-row {
	display: block;
    text-align: -webkit-center;
  }
  
	.padleft35
	{
    	padding: 0 !important;
		padding-left: 0 !important;
	}

}

@media (max-width: 768px) {
	.column 
	{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}

    .form-container
    {
    	flex-direction: column !important;
    }

    .form-contact
    {
    	padding: 0 !important;
    }

    .rating-head, .beat
    {
    	display: none !important;
    }

    .branch
    {
    	top: 95vh !important;
		position: absolute;
		padding-right: 110px !important;
    }

    .submit
    {
		/*transform: translateX(30vh);*/    
		margin-left: 39vw;
    }

    .dash-flex
    {
    	display: block !important;
    }

    .report-flex
	{
		display: block !important;
	    justify-content: flex-start !important;
	    position: static !important;
    	text-align: -webkit-center !important;
	}

    .header-cont
    {
    	text-align: -webkit-center !important;
    	display: block !important;
    }

    .header-buttons
    {
    	flex-direction: column !important;
    }

    .header-title {
    	white-space: pre-line !important;
    }
}

@media all and (max-width: 800px) {


	table.header,
	table.header thead,
	table.header tbody,
	table.header th,
	table.header td,
	table.header tr {
		display: block;
	}

	.padleft35
	{
    	padding: 0 !important;
		padding-left: 0 !important;
	}
}
@media screen and (max-width: 600px) {
	.column 
	{
		width: 100% !important;
		display: block;
		margin-bottom: 20px;
	}

	.rating-head, .beat
	{
		display: none !important;
	}

    /*.branch
    {
    	top: 95vh !important;
		position: absolute;
		padding-right: 110px !important;
    }

    .submit
    {
		margin-left: 39vw;
    }*/

    /*.submit
    {
		transform: translateX(30vh);
		margin-left: 0 !important;
    }*/

    .button-container
    {
		flex-direction: column !important;
    }

    .dash-flex
    {
    	display: block !important;
    }

    .report-flex
	{
		display: block !important;
	    justify-content: flex-start !important;
	    position: static !important;
    	text-align: -webkit-center !important;
	}

    .header-cont
    {
    	text-align: -webkit-center !important;
    	display: block !important;
    }

    .header-buttons
    {
    	flex-direction: column !important;
    }

	#yearly_trending_chart, #month_trending_chart, #weekly_trending_chart
	{
		overflow: visible !important;    
		margin-bottom: 450px !important;   
	}

	.highchart
	{
		height: 980px !important;
	}

    .header-title {
    	white-space: pre-line !important;
    }
}

@media screen and (max-width: 375px) {
	.column 
	{
		width: 100% !important;
		display: block;
		margin-bottom: 20px;
	}

    .branch
    {
    	top: 95vh !important;
		position: inherit;
		padding-right: 0 !important;
		padding-top: 0 !important;
		top: 0 !important;
    	text-align: center !important;
    }

   /* .submit
    {
		margin-left: 0 !important;
    }*/

    .button-container
    {
		flex-direction: column !important;
    }

    .dash-flex
    {
    	display: block !important;
    }

    .report-flex
	{
		display: block !important;
	    justify-content: flex-start !important;
	    position: static !important;
    	text-align: -webkit-center !important;
	}

    .header-cont
    {
    	text-align: -webkit-center !important;
    	display: block !important;
    }

    .header-buttons
    {
    	flex-direction: column !important;
    }


	#yearly_trending_chart, #month_trending_chart, #weekly_trending_chart
	{
		overflow: visible !important;    
		margin-bottom: 450px !important;   
	}

	.highchart
	{
		height: 980px !important;
	}

    .header-title {
    	white-space: pre-line !important;
    }
}

@media screen and (max-width: 500px) {
	.column 
	{
		width: 100% !important;
		display: block;
		margin-bottom: 20px;
	}

    .branch
    {
    	top: 95vh !important;
		position: inherit;
		padding-right: 0 !important;
		padding-top: 0 !important;
		top: 0 !important;
    	text-align: center !important;
    }

   /* .submit
    {
		margin-left: 0 !important;
    }*/

    .button-container
    {
		flex-direction: column !important;
    }

    .dash-flex
    {
    	display: block !important;
    }

    .report-flex
	{
		display: block !important;
	    justify-content: flex-start !important;
	    position: static !important;
    	text-align: -webkit-center !important;
	}

    .header-cont
    {
    	text-align: -webkit-center !important;
    	display: block !important;
    }

    .header-buttons
    {
    	flex-direction: column !important;
    }

    .dial .arrow
    {
    	display: none !important;
    }

	#yearly_trending_chart, #month_trending_chart, #weekly_trending_chart
	{
		overflow: visible !important;    
		margin-bottom: 450px !important;   
	}

	.highchart
	{
		height: 980px !important;
	}

    .header-title {
    	white-space: pre-line !important;
    }
}

@media screen and (max-width: 424px) {
	.column 
	{
		width: 100% !important;
		display: block;
		margin-bottom: 20px;
	}

    .branch
    {
    	top: 95vh !important;
		position: inherit;
		padding-right: 0 !important;
		padding-top: 0 !important;
		top: 0 !important;
    	text-align: center !important;
    }

   /* .submit
    {
		margin-left: 0 !important;
    }*/

    .button-container
    {
		flex-direction: column !important;
    }

    .dash-flex
    {
    	display: block !important;
    }

    .report-flex
	{
		display: block !important;
	    justify-content: flex-start !important;
	    position: static !important;
    	text-align: -webkit-center !important;
	}

    .header-cont
    {
    	text-align: -webkit-center !important;
    	display: block !important;
    }

    .header-buttons
    {
    	flex-direction: column !important;
    }

    .dial .arrow
    {
    	display: none !important;
    }

	#yearly_trending_chart, #month_trending_chart, #weekly_trending_chart
	{
		overflow: visible !important;    
		margin-bottom: 450px !important;   
	}

	.highchart
	{
		height: 980px !important;
	}

    .header-title {
    	white-space: pre-line !important;
    }

}

@media screen and (max-width: 700px) {
	.column 
	{
		width: 100% !important;
		display: block;
		margin-bottom: 20px;
	}

    .branch
    {
    	top: 95vh !important;
		position: inherit;
		padding-right: 0 !important;
		padding-top: 0 !important;
		top: 0 !important;
    	text-align: center !important;
    }

    /*.submit
    {
		margin-left: 0 !important;
    }*/

    .button-container
    {
		flex-direction: column !important;
    }

    .dash-flex
    {
    	display: block !important;
    }

    .report-flex
	{
		display: block !important;
	    justify-content: flex-start !important;
	    position: static !important;
    	text-align: -webkit-center !important;
	}

    .header-cont
    {
    	text-align: -webkit-center !important;
    	display: block !important;
    }

    .header-buttons
    {
    	flex-direction: column !important;
    }

	#yearly_trending_chart, #month_trending_chart, #weekly_trending_chart
	{
		overflow: visible !important;    
		margin-bottom: 450px !important;   
	}

	.highchart
	{
		height: 980px !important;
	}

    .header-title {
    	white-space: pre-line !important;
    }
}

@media screen and (max-width: 1230px) {
	.column 
	{
		width: 100% !important;
		display: block;
		margin-bottom: 20px;
	}

    .dash-flex
    {
    	display: block !important;
    }

    .report-flex
	{
		display: block !important;
	    justify-content: flex-start !important;
	    position: static !important;
    	text-align: -webkit-center !important;
	}

    .header-cont
    {
    	text-align: -webkit-center !important;
    	display: block !important;
    }

	#yearly_trending_chart, #month_trending_chart, #weekly_trending_chart
	{
		overflow: visible !important;    
		margin-bottom: 450px !important;   
	}

	.highchart
	{
		height: 980px !important;
	}

	.form-container > div:not(.button-container)
	{
		width: 80% !important;
	}
}

@media screen and (max-width: 1366px) {

    .dash-flex
    {
    	display: block !important;
    }

    .report-flex
	{
		/*display: block !important;*/
	    /*justify-content: flex-start !important;*/
	    position: static !important;
    	/*text-align: -webkit-center !important;*/
	}

	#yearly_trending_chart, #month_trending_chart, #weekly_trending_chart
	{
		overflow: visible !important;    
		margin-bottom: 450px !important;   
	}

	.highchart
	{
		height: 980px !important;
	}

	.form-container > div:not(.button-container)
	{
		width: 80% !important;
	}
}

@media screen and (min-width: 1390px) {

    .report-flex
	{
	    position: static !important;
	}

}