@import url(../../plugins/font-awesome-4.3.0/css/font-awesome.min.css);

:root{ 

  --color-primary: #333; /*#1F4556*/
  --color-secondary: #111; /*#16333F*/
  --color-light: #EAEFF2;
  --color-text: #000; /*#16333F*/
  --color-menu: #0AA937; /*#C0FF59*/
  --color-background: #FFF;
  --size-collumn-home: 7;

	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #00B74A;
	--bs-info: #0AA937; /*#16333F*/
	--bs-warning: #ffc107;
	--bs-danger: #F93154;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;

}

body, html { background: #FFF; color: var(--color-text); padding: 0; margin: 0; }
#iframe { padding: 0; margin: 0; }
.control-label, strong, h1, h2, h3, h4, h5, .select_filter { color: var(--color-text); }
a { transition: all 0.3s; color: var(--color-primary); }
a:hover, a:active { color: var(--color-secondary); }
*:focus { outline: 0 }
.w-100 { width: 100% !important; }
.content-wrapper, .right-side { background-color: var(--color-light); }
.control-label { line-height: 1em; }
label.error { color: var(--bs-danger);  margin-left: 10px; width: auto; }

.m-0 { margin: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 5px !important; } 
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 5px !important; } 
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 5px !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 5px !important; }
.p-0 { padding: 0 !important; }

.label, .alert { border: 0; }
.label-default, .alert-default { background: var(--bs-secondary) !important; }
.btn-default { min-height: 30px; }
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-secondary, .btn-default { font-weight: 600; border-radius: 25px; padding: 7px !important; border: 0 !important; color: #FFF; font-size: 1.1em; transition: all 0.3s; margin-top: -3px; }
.btn:hover, .btn:active, .btn.hover { opacity: 0.75; }
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary.hover, .label-primary, .alert-primary { background: var(--bs-primary) !important; }
.btn-success, .btn-success:hover, .btn-success:active, .btn-success.hover, .label-success, .alert-success { background-color: var(--bs-success) !important; }
.btn-info, .btn-info:hover, .btn-info:active, .btn-info.hover, .label-info, .alert-info { background: var(--bs-info) !important; /*color: var(--color-menu)*/ }
.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning.hover, .label-warning, .alert-warning { background: var(--bs-warning) !important; }
.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger.hover, .label-danger, .alert-danger { background: var(--bs-danger) !important; }
.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary.hover, .label-secondary, .alert-secondary { background: var(--bs-secondary) !important; color: #FFF !important }
.btn-app { color: var(--color-text); background-color: var(--bs-light); border-radius: 5px; padding: 13px 0; margin: 0 0 25px 0; min-width: auto; height: auto; font-size: 16px; font-weight: 700; }
.btn-app:hover { background: var(--color-text); color: #fff;  }
.btn-app .fa { font-size: 3.2em; margin-bottom: 3px; }
.btn-default, .btn-default:hover, .btn-default:active, .btn-default.hover, .label-default, .alert-default { background: #E9E9E9 !important; color: #666; }

#btSalvar.btn-danger { font-size: 1.2em; padding-top: 10px !important; padding-bottom: 10px !important; }
#btSalvar.btn-danger:hover, #btSalvar.btn-danger:active, #btSalvar.btn-danger.hover { opacity: 0.9 !important; }

.text-red { color: var(--bs-danger) !important; }
.text-yellow { color: var(--bs-warning) !important; }
.text-aqua { color: var(--bs-info) !important; }
.text-blue { color: var(--bs-primary) !important; }
.text-black { color: var(--bs-dark) !important; }
.text-green { color: var(--bs-success) !important; }

/* align modal center */
.modal { background: rgba(0, 0, 0, 0.6) !important; text-align: center; padding: 0!important; /*backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);*/ }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
.navbar-custom-menu .navbar-nav > li.active { background: rgba(0,0,0,0.1); }
.pagination { margin-top: 10px !important;  }
.pagination > li.active > a{ background: #999 !important; border-color: #999; }
.table { font-size:14px !important; width: calc(100% - 1px) !important; }
.table > thead > tr > th { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--color-light) !important; }
.table-hover>tbody>tr:hover{background-color: var(--color-light) !important;cursor:pointer}
.table .label { display: block; font-size: 0.8em !important; padding: 5px 10px; margin: -1px 0 -3px 0; text-transform: uppercase; font-weight: 700; border-radius: 25px; }
input.form-control, select.form-control  { color: var(--color-text); border-radius: 2px !important; transition: all 0.3s;  }

.box-body .col-sm-1, .box-body .col-sm-2, .box-body .col-sm-3, .box-body .col-sm-4, .box-body .col-sm-5, .box-body .col-sm-6, .box-body .col-sm-7, .box-body .col-sm-8, .box-body .col-sm-9, .box-body .col-sm-10, .box-body .col-sm-11, .box-body .col-sm-12, .box-body .col-md-1, .box-body .col-md-2, .box-body .col-md-3, .box-body .col-md-4, .box-body .col-md-5, .box-body .col-md-6, .box-body .col-md-7, .box-body .col-md-8, .box-body .col-md-9, .box-body .col-md-10, .box-body .col-md-11, .box-body .col-md-12 { margin-bottom: 10px; }
.box-body .row label { padding-bottom: 0; margin-bottom: 2px; }

.main-header .navbar { background: var(--color-primary); background: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%); }
.main-header .navbar .nav > li > a { color: #ffffff; }
.main-header .navbar .nav > li > a:hover, .main-header .navbar .nav > li > a:active, .main-header .navbar .nav > li > a:focus, .main-header .navbar .nav .open > a, .main-header .navbar .nav .open > a:hover, .main-header .navbar .nav .open > a:focus { background: rgba(0, 0, 0, 0.1); color: #f6f6f6; }
.main-header .navbar .navbar-custom-menu > .nav { margin-right: 10px; }
.main-header .navbar .sidebar-toggle { font-size: 1.5em; padding: 10px 15px; color: #fff; background: var(--color-menu);  }
.main-header .navbar .sidebar-toggle:hover { background-color: var(--color-primary); }
.main-header .logo { background: var(--color-secondary); color: #FFF; text-align: left; border-bottom: 1px solid transparent; font-size: 1.6em; }
.main-header .logo > a { color: #ffffff; }
.main-header li.user-header { background-color: var(--color-primary); }

.user-panel { border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); }
.user-panel > .info, .user-panel > .info > a { color: #fff; }

.sidebar-menu > li.header { color: rgba(255,255,255,0.5); background: rgba(255,255,255,0.05); }
.sidebar-menu > li > a { border-left: 3px solid transparent; margin-right: 1px; }
.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion { width: 30px; font-size: 1.3em; vertical-align: -2px;  }
.sidebar-menu > li > a:hover, .sidebar-menu > li.active > a { color: var(--color-menu); background: rgba(0,0,0,0.2); border-left-color: var(--color-menu); }
.sidebar-menu > li > .treeview-menu { margin: 0 1px; background: rgba(0,0,0,.2); }
.wrapper, .main-sidebar, .left-side { background: var(--color-secondary); }
.sidebar a { color: rgba(255,255,255,0.8); font-size: 1.1em; }
.sidebar a:hover { text-decoration: none; }

.treeview-menu > li > a { color: rgba(255,255,255,0.5); }
.treeview-menu > li.active > a, .treeview-menu > li > a:hover { color: #ffffff; }

.login-page { width: 100vw; height: 100vh; background: var(--color-secondary); background-image: radial-gradient(circle, var(--color-primary), var(--color-secondary)) !important; display: flex; flex-direction: row; justify-content: center; align-items: center }
.login-page .copy { font-size: 0.9em; letter-spacing: 0.03em; text-align:center; margin-top:10px; color: #999; font-weight: 300; }
.login-page .esqueci { font-weight: bold; margin-top: 10px; font-size: 1.05em; }
.login-page .btn { padding-top: 10px !important; padding-bottom: 10px !important; font-size: 1.3em; }
.login-box, .register-box { width: 90%; max-width: 550px; padding: 20px; background: #FFF; border-top: 10px solid var(--color-primary); color: var(--color-text); border-radius: 30px; }
.login-logo, .register-logo { font-size: 40px; font-weight: 600; letter-spacing: -0.03em; text-align: center; margin: 10px 0 0 0; }
.login-box-body .form-control, .register-box-body .form-control { background: #F9F9F9; padding: 20px; border-color: #EEE; }
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback { color: #777; padding-top: 5px; }

.box-default { margin: 0 -15px !important; width: calc(100% + 30px) !important; border: 0; box-shadow: none; border-radius: 0;}
.box-default .box-header {  background: var(--color-light); padding: 6px 15px; }
.box-default .box-header h1 { float: left; font-size: 2em; font-weight: 600; padding: 0; margin: 8px 0 0 0; }
.box-default .box-header h1 img { display: none; } 
.box-default .box-header h3 { float: left; font-size: 1.6em; font-weight: 600; padding: 0; margin: 8px; }
.box-default .box-header .barra-botao { float: right; display: flex; }
.box-default .box-header .barra-botao a { cursor: pointer !important; display: flex; background: #FFF; color: var(--color-text); font-size: 1em; font-weight: 600; padding: 12px 18px; border-radius: 5px; border: 1px solid rgba(0,0,0,0.15); margin-right: 2px; }
.box-default .box-header .barra-botao a:active, .box-default .box-header .barra-botao a:hover { color: var(--color-primary); border-color: rgba(0,0,0,0.2); }
.box-default .box-header .barra-botao a img { width: 18px; height: 18px; margin-right: 3px; }
.box-default .box-body { padding: 15px 20px 20px 20px;}

.box-info { border-radius: 5px; border: 1px solid var(--color-light) !important; box-shadow: none; /*box-shadow: 0 0 5px rgba(39,52,68,0.2);*/ }
.box-info .box-header { background: var(--bs-light) !important; border-bottom: 0; padding: 10px 15px; }
.box-info .box-header h3.box-title { color: #666 !important; letter-spacing: -0.03em; font-weight: 600; font-size: 1.2em; padding: 0; margin: 0;  }
.box-info .box-header h3.box-title small { color: #FFF }

.box-danger { border-radius: 5px; border: 1px solid var(--bs-danger) !important; box-shadow: none; }
.box-danger .box-header { background: var(--bs-danger); border-bottom: 0; padding: 10px 15px; }
.box-danger .box-header h3.box-title { color: #FFF; letter-spacing: -0.03em; font-weight: 600; font-size: 1.2em; padding: 0; margin: 0;  }
.box-danger .box-header h3.box-title small { color: #FFF }

.box-warning { border-radius: 5px; border: 1px solid var(--bs-warning) !important; box-shadow: none; }
.box-warning .box-header { background: var(--bs-warning); border-bottom: 0; padding: 10px 15px; }
.box-warning .box-header h3.box-title { color: #FFF; letter-spacing: -0.03em; font-weight: 600; font-size: 1.2em; padding: 0; margin: 0;  }
.box-warning .box-header h3.box-title small { color: #FFF }

.box-success { border-radius: 5px; border: 1px solid var(--bs-success) !important; box-shadow: none; }
.box-success .box-header { background: var(--bs-success); border-bottom: 0; padding: 10px 15px; }
.box-success .box-header h3.box-title { color: #FFF; letter-spacing: -0.03em; font-weight: 600; font-size: 1.2em; padding: 0; margin: 0;  }
.box-success .box-header h3.box-title small { color: #FFF }

.box-primary { border-radius: 5px; border: 1px solid var(--bs-primary) !important; box-shadow: none; /*box-shadow: 0 0 5px rgba(39,52,68,0.2);*/ }
.box-primary .box-header { background: var(--bs-primary); border-bottom: 0; padding: 10px 15px; }
.box-primary .box-header h3.box-title { color: #FFF; letter-spacing: -0.03em; font-weight: 600; font-size: 1.2em; padding: 0; margin: 0;  }
.box-primary .box-header h3.box-title small { color: #FFF }

.panel { border: 1px solid var(--color-light) !important; box-shadow: none; }
.panel-heading { padding: 14px 15px; background: var(--color-light) !important; border-bottom: 2px solid var(--color-light); }
.panel-heading h3.panel-title { font-weight: 600; letter-spacing: -0.02em; font-size: 1.2em; }

#acesso-rapido { display: grid; grid-template-columns: repeat(var(--size-collumn-home), 1fr); gap: 15px }
#acesso-rapido .item {   border: 1px solid var(--color-light); border-radius: 5px; padding: 2px; text-align: center; }
#acesso-rapido .item h5 { position: relative; font-size: 1.2em; font-weight: 300; margin: 0; padding: 12px 0; background: var(--color-secondary); color: #FFF; border-top-right-radius: 3px; border-top-left-radius: 3px; }
#acesso-rapido .item h5::after { content: ''; background: var(--color-secondary); position: absolute; top: 100%; left: calc(50% - 6px); width: 12px; height: 6px; clip-path: polygon(0 0, 100% 0, 50% 100%); }
#acesso-rapido .item i { height: 90px; line-height: 95px; font-size: 60px; color: var(--color-secondary) }
#acesso-rapido .item ul { list-style: none; padding: 0; margin: 5px; }
#acesso-rapido .item ul li { list-style: none; padding: 0; margin: 0;  }
#acesso-rapido .item ul li a { display: block; color: var(--color-text); border-radius: 5px; margin-bottom: 8px; padding: 7px 3px; background: var(--color-light); transition: all .3s; }
#acesso-rapido .item ul li a:hover { background: var(--color-menu); color: var(--color-text); }

ul.nav-tabs { border: 0; }
ul.nav-tabs li a {  font-size: 1.2em; font-weight: 600;  padding: 15px 40px; margin: 0 0 0 -1px; z-index: 9; }
ul.nav-tabs li a:hover { background: transparent; border-color: transparent; }
ul.nav-tabs li.active > a { background: rgb(251,251,251) !important; }

.col-xs-5th,.col-sm-5th,.col-md-5th,.col-lg-5th {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-5th {width: 20%;float: left;}

@media (min-width: 768px) {.col-sm-5th {width: 20%;float: left;}}
@media (min-width: 992px) {.col-md-5th {width: 20%;float: left;}}
@media (min-width: 1200px) {.col-lg-5th {width: 20%;float: left;}}

.mt { margin-top: 25px; }

@media (max-width: 767px) {
  .main-header .navbar .dropdown-menu li.divider { background-color: rgba(255, 255, 255, 0.1); }
  .main-header .navbar .dropdown-menu li a { color: #fff; } 
  .main-header .navbar .dropdown-menu li a:hover { background: var(--color-menu); } 
  .login-box, .register-box { width: 95%; padding: 0 0 10px 0; border-radius: 20px;  }  
  .login-box-body { padding: 0 10px 20px 10px; }
  .responsive { max-width: 100% !important; overflow-x:scroll !important;}
	.box-default .box-header { padding: 5px 0 5px 5px; }
	.box-default .box-header h1 { font-size: 1.5em; margin: 0; }
	.box-default .box-header .barra-botao a { padding: 5px 0 0 5px; width: 36px; height: 36px; }
	.box-default .box-header .barra-botao a img { width: 24px; height: 24px; }
	.box-default .box-body { padding: 5px 10px 10px 10px;}
	.box-info .box-header { padding: 10px 15px; }
  #acesso-rapido { grid-template-columns: 1fr; }
}


form .row{ margin-left: -5px; margin-right: -5px; } 
form [class*='col-']{ padding: 5px 10px;  }
/* fix bug bootstrap 3.3 height collumn*/
/*
.row { display: flex; flex-wrap: wrap; }
.row > [class*='col-'] { display: flex; flex-direction: column; }*/

@media (max-width:767px) {
  form [class*='col-']{ padding: 5px; }  
}


/********** CUSTOM **********/
.edit-placar-header { background-color: var(--color-primary); color: #FFF; padding: 10px 0; font-size: 1em; font-weight: bold; }
.edit-placar { background: #FFF; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid var(--color-light); }
.edit-placar:nth-child(odd) { background: var(--color-light); }
.edit-placar .font-weight-bold { font-weight: bold; }
.edit-placar input { height: 30px; margin-top: 5px; }
.edit-placar .col-xs-12 span { font-weight: bold; color:var(--bs-warning); margin: 10px 5px 0 5px;  }

#header-fixed.fixed { position: fixed; background-color:var(--color-light);  z-index: 999; width: 100%; left: 0; top: 0; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2); -webkit-animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -ms-animation: fadeInDown 1s; -o-animation: fadeInDown 1s; animation: fadeInDown 1s;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@media (max-width: 991.99px) { 
	.edit-placar-header { display: none }
	.edit-placar { font-size: 0.9em; }
	.edit-placar .col-xs-12 { text-align: center;  }
	.edit-placar input { margin-top: 0; }
	.edit-placar .col-xs-12 span { margin-top: 5px;  }
}

/*
.edit-tabela .font-weight-bold { font-weight: bold; }
.edit-tabela input, .edit-tabela select { margin-top: -5px; height: 30px }
.edit-tabela .col-md-1, .edit-tabela .col-md-2 { padding-top: 10px; }
*/

.edit-tabela { display: flex; align-items: center; }
.edit-tabela .font-weight-bold, .edit-tabela strong { font-weight: 600; }
.edit-tabela .text-right { text-align: right; }
.edit-tabela input, .edit-tabela select { height: 30px !important; padding: 0 5px /*margin: 0; padding: 0;*/ }
.edit-tabela .col-md-1, .edit-tabela .col-md-2, .edit-tabela .col-md-3 {  padding: 0 5px }
@media (max-width: 991.99px) { 
	.edit-tabela { display: block; align-items: center; border-bottom: 1px solid var(--color-light); margin: 0; padding: 5px 0 }
	.edit-tabela .col-xs-12 { text-align: center;  }
	.edit-tabela .text-right { text-align: center; }

}

.panel-heading .accordion-toggle { display: block; font-weight: 900; font-size: 1.1em; }
.panel-heading .accordion-toggle:after { font-family: 'Glyphicons Halflings';  content: "\e114";   float: right;  color: grey;  }
.panel-heading .accordion-toggle.collapsed:after { content: "\e080"; }
.panel-collapse .panel-body { padding: 25px 15px 20px 15px }

.panel-heading.bg-white { background: var(--bs-light) !important; border-bottom: 1px solid var(--color-light) }
.row.form-group .checkbox { margin: 0 }

.modal .modal-header .close { /*margin-top: -28px;*/ font-size: 30px; }
.modal .modal-header .modal-title { font-weight: 600  }

.modal-xl .modal-body, .modal-lg .modal-body, .modal-md .modal-body, .modal-sm .modal-body { background-color: #FFF !important; }
.modal-xl .modal-header, .modal-lg .modal-header, .modal-md .modal-header, .modal-sm .modal-header { background-color: var(--color-light) !important; padding: 10px; border: 0 !important;  }
.modal-xl .modal-header h4, .modal-lg .modal-header h4, .modal-md .modal-header h4, .modal-sm .modal-header h4 { color: var(--color-text); font-weight: 600; }
.modal-xl { width: calc(100% - 60px); max-width: 1600px; height: calc(100% - 60px); margin: 0; padding: 0; }
.modal-lg, .modal-md, .modal-sm { height: calc(100% - 60px); margin: 0; padding: 0; }
@media (max-width:767px) {
	.modal-xl, .modal-lg, .modal-md, .modal-sm { width: calc(100% - 20px); height: calc(100% - 20px); }
}
.modal-xl .modal-content, .modal-lg .modal-content, .modal-md .modal-content, .modal-sm .modal-content { height: auto; min-height: 100%; border-radius: 0; }
.modal-xl .modal-title, .modal-lg .modal-title, .modal-md .modal-title, .modal-sm .modal-title { font-weight: 700; font-size: 1.5em; padding: 0; }
.modal-xl .close, .modal-lg .close, .modal-md .close, .modal-sm .close { font-size: 2em !important; color: #FFF !important; opacity: 1 !important; background-color: var(--color-secondary); padding-left: 10px; padding-right: 10px; padding-bottom: 3px; border-radius: 5px }
.modal-xl .modal-body, .modal-lg .modal-body, .modal-md .modal-body, .modal-sm .modal-body { padding: 0 0 0 0 !important; margin: 0 !important; }
.modal-xl .modal-body iframe, .modal-lg .modal-body iframe, .modal-md .modal-body iframe, .modal-sm .modal-body iframe { width: 100% !important; height: calc(100% - 40px) !important; }

.modal.internal { background: rgba(240,242,244,0.95) !important;  }
.modal.internal .modal-backdrop.in{filter:alpha(opacity=0);opacity:0}
.modal.internal .modal-header { background-color: #C5CED6 !important; }

.ac_results { width: 100%; border-color: #C4C4C4 !important; }
.ac_results ul { max-height: 300px !important;  }
.ac_results ul li { font-size: 1em; padding: 10px; }
.ac_results ul li.odd { background: var(--color-light)  }
.ac_results ul li:hover, .ac_results ul li.ac_over { background: var(--bs-secondary)  }



#box-peso #total-liquido { font-size: 3em; text-align: center; margin: 1px 0; display: block; width: 100%; padding: 0; line-height: 1em; font-weight: 900; }

.box-tools-btn { display: flex; gap: 5px; justify-content: end; }
.box-tools-btn .btn-app { display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; width: 45px; height: 45px }
.box-tools-btn .btn-app i { font-size: 1.5em  }
.box-tools-btn .btn-app span { display: none; }
@media (max-width:767px) {
  .box-tools-btn { margin-top: 10px; }
  .box-tools-btn .btn-app { flex: 1; height: 40px; }
  .box-tools-btn .btn-app i { font-size: 1.3em }  
  #box-peso #total-liquido { margin: 15px 0 5px 0; }
}

/* lightbox custom */
div#lightbox { width: auto; left: 50% !important; transform: translateX(-50%); }
.lightboxOverlay { background: rgba(240,242,244,0.95) !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; opacity: 1 !important; }
.lightbox .lb-image { border: 15px solid white !important; }
a.lb-close { position: absolute; z-index: 9999; top: -15px; right: -15px; background-color: #000 !important; background-position: center center !important; width: 45px !important; height: 45px !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; opacity: 1 !important; border-radius: 100%; }


.ipw-chart-size { display: flex; align-items: center; justify-content: center; min-height:250px  }
@media (max-width:767px) { .ipw-chart-size { min-height:auto } }