/* MD-GLOBAL */
:root{
    --maincolor: #607D8B;
    --secondarycolor: crimson;
	--maintextcolor: #3b3b3b;
	--float-left: left;
	--float-right: right;
	--text-left: left;
	--text-right: right;
	--ripple-wave-color: #eeeeee;
	--tooltip-background-color: #444444;
	--tooltip-text-color: #ffffff;
	--switcher-maincolor: #607D8B;
	--switcher-secondarycolor: rgba(96, 125, 139, 0.35);
}

html[dir="rtl"]:root{
	--float-left: right;
	--float-right: left;
	--text-left: right;
	--text-right: left;
}

body {
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

a:active, a:hover, a:focus {
	background-color: rgba(0, 0, 0, 0);
}

.primary-colors {
	background-color: var(--maincolor)!important;
	color: white!important;
}

ul, li {
    list-style-type: none;
}

.show-focus *:focus, .show-focus *:focus * {
    outline: 2px solid yellow;
    background-color: yellow !important;
    color: #000 !important;
}

* {
    box-sizing: border-box;
}

*:disabled {
    background-color: #dddddd!important;
}

input:read-only {
    background-color: #eeeeee;
}

strong {
    font-weight: bold;
}

::selection {
    background: var(--maincolor);
	color: white;
}

i::selection {
    background: rgba(255, 255, 255, 0);
	color: var(--maintextcolor);
}
.hide,
.hidden {
	display: none;
}

/* FONTS */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url('/wp-content/plugins/wordpress-material-design/assets/fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('/wp-content/plugins/wordpress-material-design/assets/fonts/MaterialIcons-Regular.woff2') format('woff2'),
       url('/wp-content/plugins/wordpress-material-design/assets/fonts/MaterialIcons-Regular.woff') format('woff'),
       url('/wp-content/plugins/wordpress-material-design/assets/fonts/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* MD-RIPPLE EFFECT */
.ripple{
  position: absolute;
  top:0; left:0; bottom:0; right:0;
  overflow: hidden;
  -webkit-transform: translateZ(0); /* to contain zoomed ripple */
  transform: translateZ(0);
  border-radius: inherit; /* inherit from parent (rounded buttons etc) */
  pointer-events: none; /* allow user interaction */
}
.rippleWave{
  backface-visibility: hidden;
  position: absolute;
  border-radius: 50%;
  transform: scale(0.7); -webkit-transform: scale(0.7);
  background: var(--ripple-wave-color);
  opacity: 0.45;
          animation: ripple 1s forwards;
  -webkit-animation: ripple 1s forwards;
}
@keyframes ripple-shadow {
  0%   {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
  20%  {box-shadow: 0 4px 16px rgba(0,0,0,0.3);}
  100% {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
}
@-webkit-keyframes ripple-shadow {
  0%   {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
  20%  {box-shadow: 0 4px 16px rgba(0,0,0,0.3);}
  100% {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
}
@keyframes ripple {
  to {transform: scale(24); opacity:0;}
}
@-webkit-keyframes ripple {
  to {-webkit-transform: scale(24); opacity:0;}
}

/* MD-BUTTON */
.md-button {
    display: inline-block;
	color: var(--maintextcolor);
    text-align: center;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    outline: 0;
    background: none;
    transition: 0.3s;
    cursor: pointer;
    height: 36px;
    padding: 0px 16px;
    line-height: 36px;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.25);
}

.md-button-effect:active {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
    color: #626262;
}

/* MD-CARD */
.md-card {
    /* display: -webkit-flex; */
    /* display: -ms-flexbox; */
    /* display: flex; */
    /* -webkit-flex-direction: column; */
    /* -ms-flex-direction: column; */
    /* flex-direction: column; */
	display: inline-block;
	width: 100%;
    font-size: 16px;
    font-weight: 400;
    z-index: 99;
    /* position: static; */
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
	padding: 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.md-card-content {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #eee;
    line-height: 28px;
}

.md-card-content i {
    line-height: 28px;
    float: var(--float-left);
    width: 22px;
    font-size: 18px;
    margin: 0px 5px;
}

.md-card-content span {
    display: inline-block;
}

.md-scroll-row-icon {
	display: inline-block;
	width: calc( 100% - 35px );
	overflow-x: auto;
}

.md-card-header {
    border-bottom: 1px solid #eeeeee;
    display: inline-block;
    width: 100%;
}

.md-card-title {
    display: inline-block;
	float: var(--float-left);
	margin: 5px 0px;
    padding: 0px 0px 5px 0px;
}

.md-card-title i {
    font-size: 28px;
    line-height: 36px;
    float: left;
    margin: 0 5px;
}

.md-card-subtitle {
    display: inline-block;
    line-height: 32px;
    font-size: 22px;
    margin-bottom: 10px;
}

.md-card-footer {
    padding: 5px 0px;
    line-height: 40px;
}

.md-card + .md-card {
	margin-top: 10px;
}

.md-border {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #e0e0e0;
}

.md-card-actions {
	display: inline-block;
    width: 100%;
    line-height: 28px;
    padding: 5px 0 0 0;
}

/* MD-GRID */
.md-grid {
	float: left;
    width: 100%;
	padding: 2px;
}

.md-col-1 {
    width: 8.3%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-2 {
    width: 16.6%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-3 {
    width: 25%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-4 {
    width: 33.3%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-5 {
    width: 41.5%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-6 {
    width: 50%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-7 {
    width: 58.3%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-8 {
    width: 66.6%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-9 {
    width: 75%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-10 {
    width: 83.4%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-11 {
    width: 91.7%;
    float: var(--float-left);
	padding: 2px;
}

.md-col-12 {
    width: 100%;
	padding: 2px;
}

/* MD-TABS */
.tab {
	display: none;
}

.tab.active, .tab-content {
	display: block;
}

.md-tabs-links {
    /*display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;*/
	position: relative;
	display: flex;
    height: 48px;
    padding: 0;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #e0e0e0;
	overflow-x: auto;
	overflow-y: hidden;
}

.md-tabs-links li {
    position: relative;
	display: inline-block;
}

.md-tabs-links a {
    margin: 0;
    border: none;
    padding: 0 14px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0,0,0,.54);
    overflow: hidden;
}

.md-tabs-links .active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: var(--maincolor);
    -webkit-animation: border-expand .4s cubic-bezier(.4,0,.4,1).01s alternate both;
    animation: border-expand .4s cubic-bezier(.4,0,.4,1).01s alternate both;
    transition: all 0.4s cubic-bezier(.4,0,1,1);
}

@-webkit-keyframes border-expand {
	0%{opacity:0;width:0}
	100%{opacity:1;width:100%}
}
@-moz-keyframes border-expand {
	0%{opacity:0;width:0}
	100%{opacity:1;width:100%}
}
@-o-keyframes border-expand {
	0%{opacity:0;width:0}
	100%{opacity:1;width:100%}
}
@keyframes border-expand {
	0%{opacity:0;width:0}
	100%{opacity:1;width:100%}
}

/* MD-DIALOG */
dialog {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
	display: none;
    padding: 0px;
    border: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 999999;
}

dialog[open] {
    display: block;
}

.dialog-box,
.md-dialog-box {
	position: absolute;
    right: 0px;
    left: 0px;
	top: 50%;
	background-color: white;
	border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 100%;
	max-width: 330px;
    margin: -75px auto;
    padding: 15px;
	z-index: 9999;
}

.md-dialog-title {
    font-size: 24px;
	color: var(--maincolor);
}

.md-dialog-content {
    font-size: 18px;
	color: var(--maintextcolor);
}

/* MD-TOOLTIPS */

.md-tooltip {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
	-webkit-transform: scale(0);
    transform: scale(0);
    position: absolute;
    background-color: var(--tooltip-background-color);
	color: var(--tooltip-text-color);
    padding: 5px;
    font-size: 12px;
	white-space: nowrap;
    line-height: 14px;
	display: block;
    margin-top: 7px;
    z-index: 1;
}

.md-tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid var(--tooltip-background-color);
    display: inline-block;
    position: absolute;
	top: -5px;
}

.md-parent-tooltip {
    position: relative;
    cursor: pointer;
    margin: 2px;
}

.md-parent-tooltip:focus .md-tooltip,
.md-parent-tooltip:hover .md-tooltip  {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
	-webkit-transform: scale(1);
    transform: scale(1);
}

/* MENU CARD */

.left-menu-options-icon {
    position: relative;
	cursor: pointer;
}

.right-menu-options-icon {
    position: relative;
	cursor: pointer;
}

.md-menu-options {
	display: none;
	position: absolute;
    background-color: white;
    padding: 0 20px;
    z-index: 9;
	box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	opacity: 0;
	will-change: transform;
    transition: transform .3s cubic-bezier(.4,0,.2,1),all .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
	overflow: hidden;
}

.md-menu-options-open {
	display: inline-block;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.left-menu-options-icon .md-menu-options {
	right: 10px;
    text-align: start;
	width: 160px;
}

html[dir="rtl"] .left-menu-options-icon .md-menu-options {
    right: initial;
    left: 10px;
}

.right-menu-options-icon .md-menu-options {
    right: 10px;
    text-align: start;
}

html[dir="rtl"] .right-menu-options-icon .md-menu-options {
    right: initial;
	left: 10px;
}

.md-menu-options a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: inherit;
}

/* CHECKBOXS + OPTIONS */
.label--checkbox {
    position: relative;
    margin: 0px 10px;
    padding: 0px 10px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    display: inline-block;
    cursor: pointer;
}

.checkbox {
    position: relative;
	height: 17px;
    top: 0;
    margin: 0;
    cursor: pointer;
    margin: 0 5px;
}
.checkbox:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--maincolor);
}
.checkbox:checked:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: .5rem;
  border-color: #009688;
  border-top-style: none;
  border-right-style: none;
}
.checkbox:after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 1.1rem;
  height: 1.1rem;
  background: #fff;
  cursor: pointer;
}

.button--round {
  -webkit-transition: 0.3s background ease-in-out;
  -moz-transition: 0.3s background ease-in-out;
  transition: 0.3s background ease-in-out;
  width: 2rem;
  height: 2rem;
  background: #5677fc;
  border-radius: 50%;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  text-decoration: none;
  text-align: center;
}
.button--round i {
  font-size: 1rem;
  line-height: 220%;
  vertical-align: middle;
}
.button--round:hover {
  background: #3b50ce;
}

.button--sticky {
  position: fixed;
  right: 2rem;
  top: 16rem;
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* SWITCHER */
input.switcher {
	display: none;
}

label.switcher {
    display: inline-block;
    position: relative;
    width: 100%;
    line-height: 30px;
}
.switch {
    display: inline-block;
    position: relative;
    width: 2.5rem;
    height: 1rem;
    border-radius: 0.5rem;
    background: rgba(0,0,0,0.26);
    -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    cursor: pointer;
    float: var(--float-right);
    top: 6px;
}
.switch::before {
  content: '';
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #fafafa;
  box-shadow: 0 0.25rem 0.5rem var(--switcher-secondarycolor);
  border-radius: 50%;
  -webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.switch:active::before {
  box-shadow: 0 0.25rem 0.5rem var(--switcher-secondarycolor), 0 0 0 1.25rem rgba(128,128,128,0.1);
}
input:checked + label .switch {
  background: var(--switcher-secondarycolor);
}
input:checked + label .switch::before {
  left: 1.25rem;
  background: var(--switcher-maincolor);
}
input:checked + label .switch:active::before {
  box-shadow: 0 0.25rem 0.5rem var(--switcher-secondarycolor), 0 0 0 1.25rem var(--switcher-secondarycolor);
}

/* DATEPICKER */

.dates-range {
	position: relative;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

.range-icon {
    display: inline-block;
    height: 30px;
    vertical-align: top;
}

.range-icon i {
    font-size: 26px;
    text-align: center;
    width: 26px;
	margin: 0;
}

.input-range {
    width: 100%;
    max-width: 130px;
    height: 30px;
    font-size: 16px;
    text-align: center;
}

.datepicker.dropdown-menu {
	top: 100%!important;
    max-width: 250px;
    width: 100%;
}

html[dir="rtl"] .datepicker.dropdown-menu {
    right: 0!important;
}

/* DATE RANGE PICKER */

.daterangepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999999!important;
    display: none;
    float: left;
	width: auto;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: right!important;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.daterangepicker.ltr .ranges {
    float: left!important;
}

.daterangepicker.rtl .ranges {
    float: right!important;
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px;
}

.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
    float: left;
}

.daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
    float: right;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.daterangepicker-input-range {
    width: 100%;
    height: 30px;
    font-size: 16px;
    text-align: center;
}

.ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 0px;
    color: var(--maincolor);
    padding: 5px 5px;
    margin-bottom: 2px;
    cursor: pointer;
}

.ranges li.active {
    background-color: var(--maincolor);
    border: 1px solid var(--maincolor);
    color: #fff;
}

.ranges li:hover {
    background-color: var(--maincolor);
    border: 1px solid var(--maincolor);
    color: #fff;
}


/* FIELDS */

.md-input {
    float: var(--float-left);
    width: calc(100% - 10px);
    height: 30px;
    font-size: 20px;
    border: 0;
    border-bottom: 1px solid #a9a9a9;
    outline: 0;
    margin-bottom: 5px;
}

.md-input-label {
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 1;
}


.field-group {
    position: relative;
    display: inline-block;
    width: calc(100% - 10px);
}

.field-group .md-input {
    margin-top: 12px;
}

.field-group .md-input-label {
    position: absolute;
    top: 12px;
    left: 0;
    pointer-events: none;
    width: 100%;
    float: none;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    transition: 0.5s all;
}

.field-group .active-label {
    top: 0;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    transition: 0.3s all;
}

.field-bar {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 2px;
}

.field-bar:before, .field-bar:after 	{
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: var(--maincolor);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}
.field-bar:before {
  left: 50%;
}
.field-bar:after {
  right: 50%;
}
.field-bar-active:before {
  width: 50%;
}
.field-bar-active:after {
  width: 50%;
}

.field-group .md-input {
    width: 100%;
}

.md-input-list {
    float: var(--float-left);
    width: calc(100% - 30px)!important;
    height: 30px;
    font-size: 20px;
    border: 0;
    border-bottom: 1px solid #a9a9a9;
    outline: 0;
    margin-bottom: 5px;
}

.md-input-list-label {
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 1;
}

.md-input-list-button {
    float: var(--float-left);
    width: 30px;
    height: 30px;
    margin-top: 12px;
    color: #3b3b3b;
    cursor: pointer;
}

.md-input-list-button:hover {
    background-color: var(--maincolor);
    color: white;
}

.md-input-list-button i {
    font-size: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0;
}

.md-input-list-button.close {
    display: none;
}

.md-input-list-box {
    display: none;
    position: absolute;
    top: 49px;
    left: 0;
    width: 100%;
    padding: 5px;
    max-height: 145px;
    overflow: auto;
    z-index: 99;
}

.md-input-list-box li {
    height: 30px;
    line-height: 30px;
}

.md-input-list-box li + li {
    border-top: 1px solid #eeeeee;
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* RESPONSIVE */

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

.md-col-1,
.md-col-2,
.md-col-3,
.md-col-4,
.md-col-5,
.md-col-6,
.md-col-7,
.md-col-8,
.md-col-9,
.md-col-10,
.md-col-11 {
    width: 100%;
}

}


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

.md-col-6 {
    width: 100%;
}

.md-card-footer {
    line-height: normal;
}

.dates-range {
    text-align: center;
}

#keywords, .input-range {
    max-width: 100%!important;
}

}