body {
	font-family:Arial, Helvetica, sans-serif !important;
}
.img-home, .top-menu-logo img {
	position:relative;
	padding:0;
	margin: 0;
	display:inline;
	border: 0;
	height:36px;
	width:auto;
}
.top-menu-logo img {
	height:32px !important;
}
.top-menu-logo .logo-text {
	position: relative;
    top: 4px;
    font-weight: 500;
    margin-left: .15em;
}
.lobster {
	font-family:Impact;
	color:#970b0e !important;
}
.name .lobster{
	font-size:26px;
}
html, body{
	width:100%;
	height:100%;
	background:#444;
}
html {
	margin:0;
	padding:0;
}
form .row {
	max-width:none;
}
select {
	height:30px;
}
select[multiple] {
	height:auto;
}
input[readonly] {
	background:#ddd;
	cursor:default;
}
.top-bar-section ul li.active>a {
	background:#900 !important;
}
.bg-image {
    background:url(../img/bg.jpg) no-repeat center right scroll transparent !important;
    background-size:cover !important;
}
.bg-image body {
	background:none;
}
#header_image {
    width: 33px;
    height: 33px;
    margin-right: .25em;
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}
.box {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#fff;
}
ul.listview, ul.ul-fix-panel{
	list-style-position:inside;
	list-style-type:square;
}
ul.listview li{
	padding:5px 8px;
	font-size:12px;
	color:#666;
	border-top:1px solid #f5f5f5;
}
ul.listview li:first-child{
	padding:5px 8px;
	border-top:0;
}
ul.ul-fix-panel {
	padding-left:20px;
}
ul.ul-fix-panel li {
	font-size:11px;
	color:#444;
}
ul.no-margin{
	margin:0;
	padding-top:0;
	padding-bottom:0;
}
.full{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	overflow:auto;
}
.full-customized {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	overflow:auto;
	background:url(../img/bg-customized.jpg) no-repeat center center #000000;
	backgrond-size:cover;
	-o-backgrond-size:cover;
	-moz-backgrond-size:cover;
	-webkit-background-size:cover;
}
.full-customized-panel {
	position: relative;
	margin:45px auto 20px auto;
	padding:20px;
	width:80%;
	text-align:left;
	color:#fff;
	background-color: rgba(0,0,0,.5);
	box-shadow:0 0 8px rgba(0,0,0,.1);
	-o-box-shadow:0 0 8px rgba(0,0,0,.1);
	-moz-box-shadow:0 0 8px rgba(0,0,0,.1);
	-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);
}
.full-customized-ul-1 {
    list-style-type: square;
    padding-left: 40px;
}
.full-customized-ul-2 {
    list-style-type: none;
    padding-left: 40px;
}
.full-customized-link-2 {
	font-weight:bold;
}
.table-full{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-align:center;
	background:none;
	border:0;
}
.table-full tr, .table-full td, .table-full tbody{
	border:0 !important;
	background:none !important;
}
.half-screen{
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
	padding:80px 10px 0 10px;
	width:50%;
	min-width:260px;
	max-width:360px;
	text-align:left;
	background:rgba(255, 255, 255, .5);
	box-shadow:2px 2px 5px #000;
	-moz-box-shadow:2px 2px 5px #000;
	-webkit-box-shadow:2px 2px 5px #000;
}
h2.title{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:5px 10px 10px 10px;
	width:100%;
	background:rgba(255, 255, 255, .1);
	border-bottom:1px solid #cdcdcd;
}
.login-form label{
	font-weight:bold;
}
.login-form .recaptcha-action-container {
    position:relative;
    margin:0 auto;
    padding:1em;
    text-align:center;
}
.login-form .recaptcha-action-container .g-recaptcha {
    position:relative;
    margin: 0 auto;
    max-width: 100%;
}
.rmdata{
	position:relative;
	top:-5px;
	margin-left:0;
	margin-right:0;
	height:50px;
	width:auto;
}
.invalid{
	color: #b94a48 !important;
	border-color: #e9322d !important;
	box-shadow: 0 0 6px #f8b9b7 !important;	
	-webkit-box-shadow: 0 0 6px #f8b9b7 !important;
	-moz-box-shadow: 0 0 6px #f8b9b7 !important;
}
.valid{
	color: #468847 !important;
	border-color: #356635 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b !important;
}

.pricing-table{
	box-shadow:1px 1px 3px #000;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
}
.header{
	box-shadow:0 2px 5px #000;
	-moz-box-shadow:0 2px 5px #000;
	-webkit-box-shadow:0 2px 5px #000;
}
.top-bar{
}
.sub-nav-bar{
	padding:5px;
	width:100%;
	height:40px;
	background:#f5f5f5;
}
.space{
	margin-top:10px;
	margin-bottom:10px;
}
.profile{
	
}
.profile .profile-header{
	background: #f9f9f9;
	margin:10px auto 5px auto;
	padding: 10px;
	border: 1px solid #d8d8d8;
	border-bottom-width:2px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
}
.profile .profile-header hr{
	display:none;
}
.profile .profile-header img{
	margin:10px auto;
	max-width:100px;
	height:auto;
	border:1px solid transparent;
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
}
.profile .profile-header .title{
	margin-top:3px;
	margin-bottom:0;
	font-weight:bold;
}
.profile .profile-header .description{
	margin:0;
	padding:0;
	float:none;
	line-height:18px;
	text-align:left !important;
}
.profile .profile-header .description p{
	padding:0;
	margin:0 6px 0 18px;
	float:left;
	text-align:left !important;
}
.profile .profile-icon-block{
	position:relative;
	margin:0;
	padding:0;
	height:18px;
	font-size:10px;
	color:#666;
	text-align:left !important;
}
.profile .profile-icon-block .icon{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	width:18px;
	height:18px;
}
.profile .profile-icon-block .icon img{
	margin:1px auto;
	width:16px;
	height:16px;
	border:0;
}
.profile .profile-brick{
	position:relative;
	margin:10px auto;
	padding:15px 10px 10px 10px;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-bottom-width:2px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	overflow:hidden;
}
.profile .profile-brick .top-rect{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:5px;
}
.profile .profile-brick .top-rect.blue { background: #2476DB; }
.profile .profile-brick .top-rect.green{ background:#2DCC41; }
.profile .profile-brick .top-rect.red{ background:#D71C1C; }
.profile .profile-brick .top-rect.purple{ background:#BA3869; }
.profile .profile-brick .top-rect.orange{ background:#FF9122; }
.profile .profile-brick h5{
	margin-top:0;
	margin-bottom:0;
}
.profile .profile-brick hr{
	margin:5px auto;
}
.profile .buys, .profile .history{
	margin:10px auto;
	padding:0;
	border:1px solid #d9d9d9;
}
.profile .buy-item, .profile .history-item{
	margin:0;
	padding:0 8px;
	height:30px;
	font-size:11px;
	line-height:30px;
	background:#faf7f7;
	color:#666;
	border-top:1px dotted #d9d9d9;
}
.profile .buys .buy-item {
	height:auto;
	line-height:2em;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.profile .buy-item span{
	position:relative;
	font-size:12px;
	margin-left:-2px;
        max-width:80%;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
        -o-word-wrap: break-word;
        -o-word-break: break-all;
        -o-white-space: normal;
        -moz-word-wrap: break-word;
        -moz-word-break: break-all;
        -moz-white-space: normal;
        -webkit-word-wrap: break-word;
        -webkit-word-break: break-all;
        -webkit-white-space: normal;
        text-align: left;
        height: auto;
}
.profile .buy-item:first-child, .profile .history-item:first-child{
	border-top:none;
}
.profile .buy-item b{
	color:#000;
}
.profile .history-item{
	padding:8px;
	height:auto;
	font-size:11px;
	line-height:normal;
}
.profile .history-item p{
	margin-top:0;
	margin-bottom:5px;
}
.profile .history-item p.lead{
	margin-top:0;
	margin-bottom:0;
	padding:3px 8px 3px 15px;
	font-size:12px;
}
.profile .history-item p.mute{
	padding-left:20px;
	font-size:11px;
}
.profile .history-item p:first-child{
	margin-top:5px;
}
.profile .history-item span{
	font-size:12px;
}
.profile .profile-brick.call {
	overflow:visible;
}
.profile .call p{
	font-size:12px;
	margin:3px auto;
}
.profile .call a:last-child{
	margin:15px auto 0 auto;
}
.profile .call p.lead{
	font-weight:bold;
}
.joyride-tip-guide{
	margin-top:20px !important;
}
/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media only screen and (min-width: 768px) {}

@media only screen and (max-width: 500px) {
    #resumoCharts .loginChartContainer {
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

/* Used to alter styles for screens at least 1280px wide. */
@media only screen and (max-width: 1023px) {
	.profile .profile-header{
		text-align:center;
	}
	.profile .profile-header hr{
		display:block;
	}
}

/* Used to alter styles for screens at least 1440px wide. */
@media only screen and (min-width: 1440px) {}
#loader{
	position:fixed;
	top:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	display:none;
}
#loader div{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	filter:alpha(opacity=75);
	opacity:.75;
	-moz-opacity:.75;
	-o-opacity:.75;
	-webkit-opacity:.75;
}
#loader .loader-image{
	background:url(../img/loader.gif) no-repeat center;
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
	-webkit-opacity:1;
}
.table-options{
	margin: 0;
	padding: 15px 10px 0 10px;
	background: #e5e5e5;
	border-bottom: 5px solid #bbb;
}
.data-table{
	min-width:100%;
	font-size:11px;
	margin:0;
}
.data-table td{
	padding:4px 2px;
	border:1px solid #eee;
	background:#fff;
}
.data-table thead td{
	border-color:#000;
	text-align:center;
}
.data-table td.colorize{
	background:green;
	color:#000;
	border-color:transparent;
	font-weight:bold;
}
.force-scroll{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:auto;
}
#graphModal{
	top: 0;
	left: 0;
	margin: 0;	
	padding: 0;
	width: 100%;
	min-height:100%;
	border:0;
}
.goog-menu{
	z-index:101;
}
.google-visualization-charteditor-dialog, #formRemind{
	z-index:100;
}
.reveal-modal.open{
	z-index:103;
}
.reveal-modal-bg{
	z-index:102;
}
#ui-datepicker-div {
	z-index:104 !important;
}
#loader{
	z-index:200;
}
.google-visualization-charteditor-dialog *, .google-visualization-charteditor-dialog *:before, .google-visualization-charteditor-dialog *:after{
	line-height:normal;
	box-sizing:content-box;
}
.google-visualization-charteditor-dialog .jfk-textinput{
	background:none;
	border:0;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	margin:auto;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
}
.brick {
	margin:20px 20px 0 20px;
	padding:5px 10px;
	background:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #cdcdcd;
	border-bottom-width:5px;
}
.full-table {
	table-layout:fixed;
	width:100%;
	word-break:break-all;
	word-wrap:break-word;
}
#formRemind {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:auto;
        min-height: 100%;
        max-height: 100%;
	background:#000;
	background:rgba(0, 0, 0, .95);
        overflow: auto;
}
#formRemind .content{
	position:relative;
	top:0;
	left:0;
        margin:10px auto;
        padding:0;
	width:80%;
	height:auto;
	/*max-height:80%;*/
	background:#fff;
	border:1px solid #cdcdcd;
	z-index:2;
}
#formRemind form {
	padding:40px 15px 10px 15px;
}
#formRemind .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*
        background:#000;
	background:rgba(0, 0, 0, .95);
        */
        background:transparent;
	z-index:1;
}
#formRemind .close{
	position: absolute;
	top: 0.5em;
	right: 0.6875em;
	color: #aaa;
	font-size: 1.375em;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
	z-index:2;
}
/*
Report Container
*/
.report-container {
	position:relative;
	max-width: none;
	min-height:100%;
	margin: 0;
	padding: 0;
}
.report-container .report-list, .report-container .report-list .section-container, .report-container .report-nav {
	margin: 0;
	padding: 0;
}
.report-container .report-nav-container {
	margin-right:5px;
}
.report-container .report-nav .report-nav-container ul {
	padding-top: 0;
}
.report-container .report-nav .report-nav-container ul li {
	margin: 5px 0 0 0;
	padding: 12px 8px;
	background: #565656;
	border-left: 6px solid #000;
}
.report-container .report-nav .report-nav-container ul li:first-child {
	margin-top: 8px;
}
.report-container .report-nav .report-nav-container ul li.active, .report-container .report-nav .report-nav-container ul li:hover {
	background-color: #900;
	border-left-color:#5C0404;
}
.report-container .report-nav .report-nav-container ul li a {
	color: #fff;
}
.tpd-size-huge .tpd-content,
.tpd-size-huge .tpd-title {
  padding: 15px;
  font-size: 15px;
  line-height: 20px;
}
.tpd-size-huge .tpd-background { border-radius: 10px; }
.tpd-size-huge .tpd-stem {
  width: 24px;
  height: 12px;
  margin-left: 8px; /* space from the side */
  margin-top: 2px; /* space between stem and target */
}
.tpd-size-huge.tpd-no-radius .tpd-stem { margin-left: 10px; }
.tpd-size-huge .tpd-close { margin: 11px 5px 11px 5px; }
.tpd-size-huge .tpd-close-icon { font-size: 32px; }
.tpd-size-huge .tpd-spinner {
  width: 66px;
  height: 50px;
}
.tpd-size-huge .tpd-spinner-spin { margin: 14px 0 0 22px; }
.tpd-size-huge .tpd-spinner-spin,
.tpd-size-huge .tpd-spinner-spin:after {
  width: 22px;
  height: 22px;
}
#titleDefaultPanel p {
	font-size:0.8em;
}
#avisoDefaultPanel {
	display:none;
	padding:8px 12px;
}
#avisoDefaultPanel h4 {
	margin:0;
	font-size:1em;
}
#avisoDefaultPanel p {
	margin:5px 0 0 0;
	font-size:0.7 em;
	font-weight:normal;
}
#baseStatus {
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
}
#resumoCharts {
    position: relative;
    margin:0;
    width:100%;
    height:100%;
    min-height: 100%;
    text-align: center;
    z-index:1;
}
#resumoCharts .loginChartPlaceholder {
    position:relative;
    margin:0;
    padding-top:45px;
    width:100%;
    height:100%;
    min-height: 100%;
}
#resumoCharts .loginChartContainer {
    position: relative;
    padding:0;
    margin:0 auto auto 8px;
    height: auto;
    min-height: 100%;
    background: rgba(255, 255, 255, .8);
}
#resumoCharts .fullWidth {
    max-width: 100%;
    height:100%;
}
#resumoCharts .fullWidth .main-chart-login {
    height:100%;
}
#resumoCharts .fullWidth .full-action {
    margin:0;
    padding-left:30px;
    padding-right:30px;
    height:100%;
}
#resumoCharts .loginChartTitle h1 {
    font-size:1.0em;
    margin:10px auto 0 auto;
}
#resumoCharts .loginChartTitle h2 {
    font-size:1.2em;
    margin:4px auto;
}
#login_chart_target_tudo {
    position: relative;
    height:100%;
}
#resumoCharts .fullWidth .columns {
    max-width: 100%;
    padding-left:0;
    padding-right:0;
}
#resumoCharts .highcharts-data-labels span {
    z-index: -1;
}
#helpLoginChart {
    position: absolute;
    top: 60px;
    right: 20px;
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    background: #fd3f3f;
    border: 3px solid #8a0606;
    color: #fff;
    font-weight: bold;
    line-height: 34px;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.upload-btn-wrapper .btn-file {
    display:inline-block;
    border: 2px solid #666;
    color: #666;
    background-color: #fff;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}
.upload-btn-wrapper .btn-file.file-ok {
    border-color: #70bb4f;
    color: #70bb4f;
}
.upload-btn-wrapper .btn-file.file-nok {
    border-color: #d00404;
    color: #d00404;
}
.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
/* Survey */
#action_info_survey {
    margin-bottom: 1em;
}
#action_info_survey h4 {
    font-weight: 100;
    padding: .25em;
    background: #faf7f7;
    border: 1px solid rgba(0,0,0,.1);    
}
#action_info_survey label {
    margin-top: 1em;
    color: #000;
    font-weight: 300;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 0 0 .5em 0;
}
#action_info_survey .survey-contact-option {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    align-content: center;    
}
#action_info_survey .survey-contact-input {
    font-size: .9rem;
    line-height: 1rem;
    padding: 1em;
    padding-left: 0;    
}
#action_info_survey .survey-contact-input input {
    margin-bottom: 0;
    margin-right: .5em;
}
/* Formas de Contato */
#new_call_brick {
    position: relative;
    padding: 1em 0;
}
#new_call_brick h4 {
    font-size: 1rem;
    font-weight: 100;
}
#new_call_brick .brick-call-methods {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
#new_call_brick .brick-call-method {
    position: relative;
    margin: .5em;
    padding: 0 1em;
    text-align: center;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .25rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    transition: all 500ms;
}
#new_call_brick .brick-call-method:hover {
    background: #faf7f7;
}
#new_call_brick .brick-call-method a {
    display: block;
    width: 100%;
    height: auto;
    text-decoration: none;
}
#new_call_brick .brick-call-method img {
    width: 50px;
}
#new_call_brick .brick-call-method p {
    font-size: .75rem;
    color: #ccc;
}

/* Perguntas */
#question_form .cadastrar-pergunta-container {
    padding-bottom: 2em;
    margin-bottom: 1em;
    border-bottom: 1px solid #fafbfb;
}
#question_form .perg-pergunta {
    font-weight: 800;
    margin-bottom: .25rem;
    font-size: .8rem;
}
#question_form .perg-resposta {
    font-weight: 100;
    margin-bottom: .5rem;
    font-size: .75rem;
}
#question_form .cadastrar-pergunta-respostas {
    border: 1px solid rgba(0,0,0,.1);
    padding: 1em;
    margin-left: .75em;
}
#question_form .pergunta-resposta input {
    margin-bottom: .25em;
}
#question_form .add-question {
    margin-top: .25em;
    margin-bottom: 0;
    padding-top: .5em;
    padding-bottom: .5em;
}
/* Perfil */
#profile_account_manager {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;    
}
#profile_account_manager .profile-account-card {
    max-width: 600px;
    padding: 2em 1.5em;
    background: #000;
    text-align: center;
    color: #eee;    
}
#profile_account_manager p {
    font-size: .8rem;
    line-height: 1rem;
    margin: 0 auto 1em auto;    
}
#profile_account_manager h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 900;
    color: #fff;
    margin: 0 auto;
}
#profile_account_manager .input-file-select {
    position: relative;
}
#profile_account_manager .input-file-select input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
#profile_account_manager .input-file-select p {
    position: relative;
    z-index: 1;
}
#profile_account_manager .profile-account-selfie img {
    position: relative;
    z-index: 1;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: .25em auto .5em auto;
}
#profile_account_manager .profile-account-brand img {
    position: relative;
    z-index: 1;
    width: 150px;
    margin: .25em auto .5em auto;  
    background: #fff;
    border-radius: .25rem;
}
.html-content-hide {
    display: none;
}
.show-html {
    display: block;
}
#personalizar_mensagens {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff;
    padding: 2em 1em;
    z-index: 150;
    top: 0;
    left: 0;
    overflow: auto;
}
#personalizar_mensagens .close-config-msg {
    position: absolute;
    right: 1.5em;
    top: 1.5em;
    color: #0a0000;
    background: #f39a9a;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    cursor: pointer;
    z-index: 5;
}
@media (min-width:1100px) and (max-width: 1200px) {
	.top-bar-section li a:not(.button) {
		padding-left: 4px;
		padding-right: 4px;
		font-size: .75rem;
	}
	.top-menu-logo .logo-text {
		font-size: .75rem;
	}
}
@media (min-width:1200px) and (max-width: 1368px) {
	.top-bar-section li a:not(.button) {
		padding-left: 5px;
		padding-right: 5px;
	}
	.top-menu-logo .logo-text {
		font-size: .75rem;
	}
}
.header.fixed .top-bar-section .dropdown {
	max-height: calc(100vh - 60px);
    overflow: auto;
}